/***************************************
 * file:  
 * note:  code 編輯
 ***************************************/
.DemoBoard {background-color:#1d1f21;padding: 10px; border: 1px solid #E1E1E8;margin-bottom: 70px;}
.DemoBoard .linenums {color: #969896; margin: 0; padding: 0 0 0 35px !important;}
.DemoBoard .linenums li {line-height: 25px; padding-left: 0;}
.DemoBoard .tag {color: #cc6666;}
.DemoBoard .pln {color: #c5c8c6;}
.DemoBoard .atn {color: #f0c674;}
.DemoBoard .pun {color: #c5c8c6;}
.DemoBoard .atv {color: #8abeb7;}


/***************************************
 * file:  document/demoButton.aspx
 * note:  按鈕,標籤,提示格式樣式
 ***************************************/
.dButton_container{}


/***************************************
 * file:  document/demoTable.aspx
 * note:  表格樣式
 ***************************************/
.dTable-container { }
.tabWidth1 {display:inline-block;width:30px;}
.tabWidth2 {display:inline-block;width:60px;}
.tabWidth3 {display:inline-block;width:90px;}
.tabWidth4 {display:inline-block;width:120px;}
.tabWidth5 {display:inline-block;width:150px;}
.Bg-white {background-color:#FFF;}
.clearFix {clear:both;}


/***************************************
 * file:  document/demoInputCheck.aspx
 * note:  Input- check - radio 樣式
 ***************************************/
.dInputCheck-container{}
.leftPush {margin-left:40px;}
.dInputCheck-container .color-group {margin-left:30px;  margin-bottom:40px;}
.dInputCheck-container .color-group li {display:inline-block;position:relative; width:25px; height:25px; border-radius:50%; background-color:#000; opacity:.6; padding:0; margin:10px 15px;}
.dInputCheck-container .color-group li span {position:absolute; top:30px; left:-12px;}
.dInputCheck-container .color-group li.red {background-color:#d54e21;}
.dInputCheck-container .color-group li.red span {position:absolute; top:30px; left:0px; color:#d54e21;}
.dInputCheck-container .color-group li.green {background-color:#78a300;}
.dInputCheck-container .color-group li.green span {position:absolute; top:30px; left:-6px; color:#78a300;}
.dInputCheck-container .color-group li.blue {background-color:#0e76a8;}
.dInputCheck-container .color-group li.blue span {position:absolute; top:30px; left:-3px; color:#0e76a8;}
.dInputCheck-container .color-group li.aero {background-color:#9cc2cb;}
.dInputCheck-container .color-group li.aero span {position:absolute; top:30px; left:-3px; color:#9cc2cb;}
.dInputCheck-container .color-group li.grey {background-color:#73716e;}
.dInputCheck-container .color-group li.grey span {position:absolute; top:30px; left:-3px; color:#73716e;}
.dInputCheck-container .color-group li.orange {background-color:#f70;}
.dInputCheck-container .color-group li.orange span {position:absolute; top:30px; left:-9px; color:#f70;}
.dInputCheck-container .color-group li.pink {background-color:#ff66b5;}
.dInputCheck-container .color-group li.pink span {position:absolute; top:30px; left:-3px; color:#ff66b5;}
.dInputCheck-container .color-group li.purple {background-color:#6a5a8c;}
.dInputCheck-container li.purpl span {position:absolute; top:30px; left:-9px; color:#6a5a8c;}


/***************************************
 * file:  document/demoNotifications.aspx
 * note:  Notifications
 ***************************************/
.dNotifi_container { }
.dNotifi_container .pre-Reset {border:0px; background-color:transparent; color:#c5c8c6; font-size:15px;}
.dNotifi_container .notic-title {font-size:18px; font-weight:bold;}
.dNotifi_container .layoutDemo {border:2px dashed #DFE5E9; padding-left:0px; padding-right:0px; overflow:hidden; !important}
.dNotifi_container .layoutDemo div{font-size:16px; text-align:center; background-color:#DFE5E9; height:60px; line-height:60px; padding-left:0px; padding-right:0px; !important}