@charset "utf-8";
.danmuku{position:relative;width:auto;height:38px;padding:6px 18px;background:#f7f7f7;z-index:5000;}
.dmk-ico{background:url(../img/danmuku.png) no-repeat;display:inline-block;vertical-align:middle;width:100%;height:100%;}
.dmk-ico-setting{background-position:23px 14px;}
.dmk-ico-scroll{background-position:0 -192px;}
.dmk-ico-top{background-position:-64px -192px;}
.dmk-ico-bottom{background-position:-128px -192px;}
.dmk-ico-font{background-position:-192px -192px;}
.dmk-ico-largefont{background-position:-256px -192px;}
.dmk-entry-selected .dmk-ico-scroll{background-position:0 -128px;}
.dmk-entry-selected .dmk-ico-top{background-position:-64px -128px;}
.dmk-entry-selected .dmk-ico-bottom{background-position:-128px -128px;}
.dmk-entry-selected .dmk-ico-font{background-position:-192px -128px;}
.dmk-entry-selected .dmk-ico-largefont{background-position:-256px -128px;}
.dmk-ico-subtitle{background-position:0px -64px;}
.dmk-ico-color{background-position:-64px -64px;}
.dmk-ico-shieldfont{background-position:-128px -64px;}
.dmk-ico-bothend{background-position:-192px -64px;}
.dmk-ico-mask{background-position:-256px 0px;}
.dmk-ico-close{background-position:0 -256px;width:15px;height:15px;}
.dmk-login, .dmk-txt{position:relative;width:396px;height:12px;padding:12px 50px 12px 12px;}
.dmk-txt{border:1px solid #e8e8e8;color:#555;z-index:10;}
.dmk-txt-active{color:#bbb;border:1px solid #2ea5e4;}
.dmk-txt-warning{color:#c66;border:1px solid red;background:#fff5f5;}
.dmk-login{display:none;position:absolute;top:6px;left:18px;line-height:12px;color:#bbb;background:#f2f2f2;border:1px solid #e2e2e2;color:#bbb;z-index:20;}
.dmk-emoji{position:absolute;top:7px;right:163px;width:30px;height:12px;line-height:12px;text-align:center;padding:12px;color:#8b8b8b;z-index:30;cursor:pointer;}
.dmk-btn{position:relative;left:-4px;width:80px;height:38px;background:0 0;border:1px solid #e8e8e8;font-size:14px;color:#909090;outline:0;cursor:pointer;}
.dmk-btn-disable{color:#bbb;background:#dedede;border:1px solid #d5d5d5;cursor:default;}
.dmk-btn-active{color:#fff;background:#1c98e7;border:1px solid #0a82ce;}
.dmk-setting{position:absolute;right:0;top:0;width:80px;height:50px;cursor:pointer;}
.dmk-setting .handle a:hover{background-position:-41px 14px;}
.dmk-setting .handle a:active{background-position:-105px 14px;}
.dmk-setting .handle.handle-disable a{background-position:-105px 14px;cursor:default;}
.dmk-emoji-list{width:194px;height:117px;overflow:hidden;}
.dmk-emoji-list ul{width:210px;height:130px;}
.dmk-emoji-list li{float:left;width:60px;height:24px;line-height:24px;text-align:center;margin:0 7px 7px 0;}
.dmk-emoji-list a{color:#fff;display:block;background:#373737;}
.dmk-emoji-list a:hover{background:#1c98e7;}
.dmk-setting-tabs{width:220px;height:25px;margin-bottom:10px;;overflow:hidden;}
.dmk-setting-tabs ul{position:relative;width:230px;border-bottom:2px solid #444444;height:23px;}
.dmk-setting-tabs li{position:relative;display:block;float:left;width:73px;text-align:center;color:#ffffff;height:23px;}
.dmk-setting-tabs .dmk-tabs-selected{border-bottom:2px solid #06a7e1;color:#06a7e1;}
.dmk-setting-tabs .dmk-tabs-selected a{color:#06a7e1;}
.dmk-setting-tabs a{display:block;color:#ffffff;}
.dmk-setting-tabs a:hover{display:block;}
.dmk-setting-items{width:220px;height:205px;overflow:hidden;}
.dmk-setting-entry{overflow:hidden;zoom:1;color:#ffffff;margin-bottom:10px;}
.dmk-setting-entry label{display:block;float:left;width:50px;text-align:right;margin-right:15px;}
.dmk-selected{color:#06a7e1;}
.dmk-setting-item{overflow:hidden;zoom:1;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.dmk-setting-item label{float:none;display:inline-block;vertical-align:top;width:100px;text-align:left;margin-left:3px;cursor:pointer;}
.dmk-setting-item li{float:left;margin-right:20px;}
.dmk-setting-item .dmk-ico{width:22px;height:22px;margin-bottom:3px;}
.dmk-setting-color-selected{vertical-align:middle;margin-right:5px;display:inline-block;*display:inline;*zoom:1;width:16px;height:16px;background:red;}
.dmk-setting-color-code{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;width:65px;height:16px;text-align:center;line-height:16px;background:#bbbbbb;color:#ffffff;}
.dmk-setting-color-code input{width: 50px;vertical-align: top;background: none;outline:none;border:none;color:#ffffff;}
.dmk-setting-color-pickup{clear:both;zoom:1;margin-bottom: 10px;}
.dmk-setting-color-list{width:90px;overflow:hidden;}
.dmk-setting-color-list ul{width:95px;}
.dmk-setting-color-list li{float:left;width:15px;height:15px;margin:0 1px 1px 0;border:1px solid #ffffff;background:#ffffff;}
.dmk-setting-color-list .c1{background:#ffffff;border:1px solid #ffffff;}
.dmk-setting-color-list .c2{background:#a0a0a0;border:1px solid #a0a0a0;}
.dmk-setting-color-list .c3{background:#ffff00;border:1px solid #ffff00;}
.dmk-setting-color-list .c4{background:#ff6600;border:1px solid #ff6600;}
.dmk-setting-color-list .c5{background:#ff0000;border:1px solid #ff0000;}
.dmk-setting-color-list .c6{background:#9e8de3;border:1px solid #9e8de3;}
.dmk-setting-color-list .c7{background:#37a4e3;border:1px solid #37a4e3;}
.dmk-setting-color-list .c8{background:#37e38c;border:1px solid #37e38c;}
.dmk-setting-color-list .c9{background:#ff6383;border:1px solid #ff6383;}
.dmk-setting-color-list .c10{background:#ff00e1;border:1px solid #ff00e1;}
.dmk-setting-color-list .dmk-color-pickuped{border:1px solid #ffffff;}
.dmk-setting-opacity{position:relative;height:50px;}
.dmk-setting-opacity-track,.dmk-setting-opacity-progress{display:block;width:100px;height:5px;position:absolute;left:0;top:8px;background:#626262;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
.dmk-setting-opacity-progress{background:#06a7e1;top:0;z-index:10;}
.dmk-setting-opacity-bar{width:19px;height:19px;position:absolute;z-index:20;background:#f5f5f5;top:-6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.dmk-setting-opacity-value{position:absolute;right:15px;top:0;}
.dmk-shield-type{position:relative;float:left;width:36px;height:45px;overflow:hidden;margin:0 9px;text-align:center;}
.dmk-shield-type .dmk-ico{width:36px;height:22px;margin-bottom:3px;}
.dmk-setting-shield .dmk-ico{position:relative;z-index:10;}
.dmk-setting-shield .dmk-ico-mask{display:none;z-index:20;position:absolute;left:0;top:0;width:35px;height:22px;}
.dmk-setting-shield .dmk-selected .dmk-ico-mask{display:block;}
.dmk-shield-type span{display:block;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.dmk-setting-shield-input{overflow:hidden;zoom:1;}
.dmk-setting-shield-input input{background:none;background:url(../img/danmuku.png) no-repeat -247px -56px;margin:0 auto;color:#bbbbbb;width:150px;padding:7px 10px 7px 41px;border:1px solid #67737e;}
.dmk-setting-shield-list{width:200px;padding:10px;height:62px;overflow-y:scroll;margin-top:10px;}
.dmk-setting-shield-list .dmk-ico-close{position:absolute;right:0;top:5px;}
.dmk-setting-shield-list li{margin-bottom:5px;}
.dmk-setting-shield-list a{position:relative;display:inline-block;*display:inline;*zoom:1;padding-right:18px;color:#ffffff;white-space:normal;}
.dmk-setting-shield-list a:hover{color:#06a7e1;}
.dmk-setting-shield-list a:hover .dmk-ico-close{background-position:0 -310px;}
.danmuku .dropmenu,.danmuku .dropmenu_expand{box-shadow:none;border:none;background:0 0;}
.danmuku .dropmenu .handle,.danmuku .dropmenu_expand .handle{position:absolute;top:0;right:0;background:0 0;border:none;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.danmuku .dropmenu .handle.handle-disable{color:#bbb;cursor:default;}
.danmuku .dropmenu_expand .panel,.danmuku.dropmenu .panel{padding:25px 15px 15px 15px;border:0;background:#272626;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;display:block;visibility:hidden;}
.danmuku .dropmenu_expand .panel{visibility:visible;}
.dmk-emoji .dropmenu .handle,.dmk-emoji .dropmenu_expand .handle{height:12px;line-height:12px;padding:12px;}
.dmk-emoji .dropmenu .panel,.dmk-emoji .dropmenu_expand .panel{top:-155px;width:194px;height:120px;}
.dmk-emoji .dropmenu .mask{top:-155px;right:0;}
.dmk-setting .dropmenu .handle,.dmk-setting .dropmenu_expand .handle{padding:0;height:50px;}
.dmk-panel-close{position:absolute;right:0;top:0;width:20px;height:20px;}
.dmk-panel-close a{display:block;width:15px;height:15px;background-position:5px -250px;}
.dmk-panel-close a:hover{background-position:-59px -250px;}
.dmk-panel-arrow{position:absolute;bottom:-27px;right:10px;height:0;border:15px;border-style:solid;border-color:#272626 transparent transparent;display:inline;}
.dmk-setting .dropmenu .panel,.dmk-setting .dropmenu_expand .panel{width:220px;height:240px;right:10px;top:-285px;}
.dmk-setting .dmk-panel-arrow{right:15px;}
/*.dmk-setting-send,.dmk-setting-shield,.dmk-setting-watch{display:none}*/
@media screen and (min-width:1256px) {
    .dmk-login,.dmk-txt{width:616px;}
}