/*
Author: MiuClip
Theme: Mobile
*/

body{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;color:#333;width:100%;margin:0;padding:0;word-wrap:break-word}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.5);border-radius:10px}
*{margin:0;padding:0;outline:0}
img{border:0}
a{color:#444;text-decoration:none}
a:hover{color:#e74c3c}
b{font-weight:bold}
ul,li{list-style:none;list-style-image:none;border:0;margin:0;padding:0}
.header{background-color:#255b94;background:-moz-linear-gradient(top,#1d61aa 0%,#005a8b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1d61aa),color-stop(100%,#005a8b));background:-webkit-linear-gradient(top,#1d61aa 0%,#005a8b 100%);background:-o-linear-gradient(top,#1d61aa 0%,#005a8b 100%);background:-ms-linear-gradient(top,#1d61aa 0%,#005a8b 100%);background:linear-gradient(to bottom,#1d61aa 0%,#005a8b 100%);border-bottom:1px solid #fff;padding:0 7px}
.header .logo{float:left;height:35px;margin:5px 0}
.header .right{float:right;padding:14px 3px 13px 3px;color:#fff}
.header .right a{color:#fff;padding:3px 6px;background:#0c68ab;border:1px solid #005292;text-shadow:0 1px 0 #005292}
.header .active{background:#1e80c8!important}
.search{position:relative;padding:10px;border-bottom:1px solid #e2e2e2}
.search form{position:relative}
.search input[type="text"]{padding:7px 0;text-indent:7px;width:100%;font-size:13px;color:#555;margin:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:#3583cc solid 1px}
.search input[type="text"]:focus{outline:0}
.search input[type="submit"]{border:none;cursor:pointer;height:18px;width:18px;background:url(header-search.png) 0 0 no-repeat;position:absolute;top:7px;right:8px}
.search .suggest-box{display:none;position:absolute;width:100%;max-height:calc(100vh - 120px);top:100%;left:0;background:#fff;z-index:10002;border:1px solid #ccc;border-radius:0 0 10px 10px;box-shadow:0 2px 5px rgba(0,0,0,0.2);overflow-y:auto}
.search .suggest-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}
.search .suggest-item:hover{color:#377dc9;background-color:#f5f5f5}
.footer{padding:6px 5px 3px 6px;background:#f0f0f0;color:#444;text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-ms-text-shadow:0 1px 0 #fff;-o-text-shadow:0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff;box-shadow: inset 0 1px 0 #fff,0 1px 1px rgba(0,0,0,.1)}
.footer a{color:#444;text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-ms-text-shadow:0 1px 0 #fff;-o-text-shadow:0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff}
.footer .left{float:left;margin-right:5px}
.footer .right{float:right}
.nav{background:#eee;border-bottom:1px solid #d6d6d6;padding:0 4px;text-align: center}
.nav li{padding:6px 5px;display:inline-block}
.nav a{color:#444;font-weight:bold;text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-ms-text-shadow:0 1px 0 #fff;-o-text-shadow:0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff}
.title{font-size:15px;color:#3583cc;padding:6px;border-bottom:2px solid #3583cc;font-weight:bold}
.menu,#ads{border-bottom:1px solid #e2e2e2;padding:5px;background:#fff}
.menu .view{color:#888}
.cat-label{display:block;cursor:pointer}
.sub_nav_mobile{display:none;position:fixed;text-align:left;top:0;width:75%;min-height:100%;background:#fff;z-index:10004;margin:0;padding:0;list-style:none;box-shadow:2px 0 8px rgba(0,0,0,0.2)}
#cat-toggle:checked ~ .sub_nav_mobile{display:block!important}
@supports(position:fixed){
.sub_nav_mobile{display:block!important;left:-75%;height:100vh;transition:left 0.3s ease-in-out;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#cat-toggle:checked ~ .sub_nav_mobile{left:0}
}
.sub_nav_mobile li{border-bottom:1px solid #e2e2e2;width:100%;padding:0}
.sub_nav_mobile li a{display:block;color:#444;font-weight:bold;padding:10px}
.close-btn{display:none;position:fixed;color:#f00;top:15px;right:15px;z-index:10005;cursor:pointer;transition:left 0.3s ease-in-out}
#cat-toggle:checked ~ .close-btn{display:block!important}
.cat-overlay-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-height:570px;background:rgba(0,0,0,0.5);z-index:10003}
#cat-toggle:checked ~ .cat-overlay-bg{display:block!important}
.miu-slider-container{position:relative;width:100%;height:220px;background:#000 center center no-repeat;overflow:hidden}
.miu-slider-wrapper{display:block;white-space:nowrap;transition:transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:0;position:absolute;top:0;left:0;width:100%;height:100%}
.slider-item{display:inline-block;vertical-align:top;width:100%;height:100%;position:relative;font-size:14px;white-space:normal}
.slider-item a{display:block;width:100%;height:100%}
.slider-image-bg{color:#fff;width:100%;height:100%;background:#000 url(ajax-loader-white.gif) center center no-repeat;background-size:cover;transition:transform 0.6s ease}
@media (hover:hover){
.slider-item:hover .slider-image-bg{transform:scale(1.05)}
}
.slider-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 30px;background:linear-gradient(transparent,rgba(0,0,0,0.85),rgba(0,0,0,0.95));color:#fff;z-index:2}
.slider-title{font-size:15px;height:auto;max-height:40px;margin:0 0 8px;font-weight:bold;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.8);line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.slider-meta{font-size:12px;opacity:0.85}
.slider-meta span{margin-right:15px}
.slider-nav{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10;padding:10px}
.slider-nav img{width:35px;height:35px;opacity:0.5;transition:0.3s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}
.slider-nav:hover img{opacity:1;transform:scale(1.1)}
.slider-nav.prev{left:10px}
.slider-nav.next{right:10px}
.slider-dots{position:absolute;bottom:15px;left:0;right:0;text-align:center;z-index:10;display:block!important}
.dot{display:inline-block;vertical-align:middle;width:8px;height:8px;background:rgba(255, 255, 255, 0.4);border-radius:50%;cursor:pointer;margin:0 4px;transition:all 0.3s ease}
.dot.active{background:#fff;width:20px;border-radius:4px}
.content{border-bottom:1px dashed #e2e2e2;padding:10px;background:#fff}
.content a{color:#377dc9}
.content a:hover{color:#e74c3c}
.thumb{position:relative;float:left;margin-right:5px;margin-top:2px}
.thumb img{width:120px;height:68px;background:#eee url(icon-loading-thumb.gif) center center no-repeat}
.time{position:absolute;font-size:11px;color:#fff!important;background-color:rgba(0,0,0,.6);padding:2px 4px;line-height:11px;border-radius:2px;left:4px;bottom:8px}
#related .label{position:absolute;font-size:11px;font-weight:bold;color:#fff!important;background-color:rgba(255,0,0,.6);padding:2px 4px;line-height:11px;border-radius:10px;right:4px;top:4px}
#related .auto-next{float:right;font-size:12px;color:#888;font-weight:bold}
#related .autonext-switch{position:relative;display:inline-block;width:30px;height:16px;vertical-align:middle;margin-left:5px}
#related .autonext-switch input{opacity:0;width:0;height:0}
#related .autonext-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:16px}
#related .autonext-slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}
#related input:checked + .autonext-slider{background-color:#136fd3}
#related input:checked + .autonext-slider:before{transform:translateX(14px)}
#related #autonext-toast{display:none;position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.75);color:#fff;padding:10px 20px;border-radius:25px;z-index:10001;font-size:13px;width:max-content;white-space:nowrap;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.3)}
#related .cancel-autonext{margin-left:10px;color:#aaa;cursor:pointer;text-decoration:underline}
.text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.right{overflow:hidden}
.info{border-bottom:1px solid #e2e2e2;padding:5px 5px 10px 5px;background:#fff}
.info .view{text-align:center;color:#555;border-bottom:1px solid #136fd3;padding-bottom:3px;margin-bottom:7px}
.left-info{float:left;line-height:20px;color:#444}
.right-info{float:right}
.page{font-size:12px;padding:8px 5px;text-align:center;border-bottom:1px solid #e2e2e2;font-weight:bold}
.page a{display:inline-block;margin:2px;background-color:#f8f8f8;padding:5px 10px;border:1px solid #d3d3d3;border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.page a:hover{background-color:#f0f0f0;color:#333}
.page_current{display:inline-block;margin:2px;padding:5px 10px;border:1px solid #c6c6c6;color:#666;background-color:#e9e9e9;border-radius:2px;box-shadow:inset 0 1px 0 #ddd}
#title{padding:8px 5px 0 5px;font-size:18px;color:#3b5998;line-height:25px;margin:0}
#player{text-align:center;overflow:hidden;position:relative}
.js-player{width:100%;height:220px}
.js-player iframe,.js-player object,.js-player embed,.js-player video,.js-player .artplayer-app{color:#fff;background:#000 center center no-repeat;width:100%;height:100%}
.video-container{text-align:center;background:#000 center center no-repeat;width:100%;height:100%}
.art-video-player .art-settings .art-setting-panel .sup{font-size:10px;color:#e74c3c;vertical-align:super}
.download{text-align:left;border-bottom:1px solid #e2e2e2;padding:0 5px 10px 5px;line-height:20px}
.download a{display:inline-block;white-space:nowrap;background-color:#f8f8f8;border:1px solid #d3d3d3;border-radius:2px;padding:5px 10px;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.download a:hover{color:#333;background-color:#f0f0f0}
.icon-download{background:url(icon-download-white.png) 0 1px no-repeat;padding-left:18px}
.dlbutton{text-align:center;padding:5px 0;position:relative}
.dlbutton a{padding:5px 10px;background:#4b7eff;font-weight:bold;color:#fff;border-radius:2px;text-shadow:0 1px 0 #0056b8;background:-webkit-linear-gradient(top,#4b7eff 0%,#336af6 100%);box-shadow:inset 0 1px 0 #4e9df8;border:1px solid #1752e9;white-space:nowrap}
.dlbutton a:hover{background:#336af6}
.rate{padding:5px 0;text-align:center}
.rate a{padding:5px 10px;background:#4b7eff;font-weight:bold;color:#fff;border-radius:2px;text-shadow:0 1px 0 #0056b8;background:-webkit-linear-gradient(top,#4b7eff 0%,#336af6 100%);box-shadow:inset 0 1px 0 #4e9df8;border:1px solid #1752e9;white-space:nowrap}
.rate a:hover{background:#336af6}
.icon-tag{background:url(icon-tag-2.png) 0 2px no-repeat;padding-left:16px}
.home-more{float:right;padding:6px}
.comment .page{padding-top:10px;border:0}
.comment-user{color:#0056b3;font-weight:bold}
.comment-toolbar{background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #e2e2e2;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:3px 3px 0 0;padding:5px;margin-top:3px}
.comment-btn{color:#333;font-size:13px;font-weight:bold;background:#fff;padding:2px 8px;margin:3px 0;border:1px solid #e2e2e2;border-radius:3px;cursor:pointer}
.comment-btn:hover{background:#e9e9e9;border-color:#bbb}
.comment-more{font-size:12px;font-style:italic;margin:3px 0}
.comment-content{border-top:0;border-bottom:1px solid #e2e2e2;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:0;margin:0;width:100%;height:100px;max-width:100%;resize:none;box-sizing:border-box}
.comment-smile-container{background:#fff;border-top:0;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-radius:0 0 3px 3px;padding:5px;margin-top:-5px;margin-bottom:7px;max-height:100px;overflow-y:auto}
.comment-smile-container img {width:auto;height:16px;padding:3px;cursor:pointer}
.comment-smile-container img:hover{background:#eee}
.clear{clear:both}
.list-cat{border-left:1px solid #f0f0f0}
.list-cat td{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;width:50%;padding:5px}
.cat-video{text-align:center}
#share{border-bottom:1px solid #e2e2e2;padding:5px;background:#fff}
#share img{margin-right:3px}
#share .label{width:85px;font-weight:bold;font-size:12px;margin-top:10px;float:left}
#share input[type="text"]{width:50%;max-width:100%;font-size:12px;color:#666;padding:5px;background-color:#fff;border:1px solid #ccc;border-radius:3px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;margin-top:5px}
#share input[type="text"]:focus{border-color:#31b5f3;outline:0}
.admin{border-bottom:1px solid #e2e2e2;background:#fff}
.admin .left{float:left;border-right:1px solid #e2e2e2;padding:1px;margin-right:5px}
.admin .left img{width:100%;height:100%;display:block}
.admin .list{padding:5px;border-bottom:1px dotted #e2e2e2}
.admin .right{float:left}
.video-time{position:absolute;padding:2px 4px;background-color:rgba(0,0,0,.6);color:#fff!important;border-radius:2px;right:4px;bottom:4px}
#description{padding:5px 5px 0 5px}
#full_description{padding:5px}
#tags_container{display:block;line-height:17px;max-height:50px;overflow:hidden}
#tags_container.expanded{max-height:none}
.toggle-tags-btn{display:block;text-align:center;font-size:13px;cursor:pointer;margin-top:8px;padding-top:5px;border-top:1px dashed #e2e2e2;font-weight:bold}
#ads{text-align:center}
#ads img,iframe{max-width:98%}
#ads .mgads{margin-bottom:5px}
#ads .mgbox{background:#fff;padding:2px;border:1px solid #bfbfbf}
#ads .mcimg{width:auto!important;height:auto!important;max-height:130px}
#ads .mctitle{font-weight:bold;font-size:17px;color:#3f3f3f;font-family:Arial,sans-serif;line-height:17px}
#ads .mctitle:hover,#ads .mglbtn:hover{color:#e74c3c;text-decoration:underline!important}
#ads .mcdomain{display:block;padding:5px 0;overflow:hidden;text-transform:capitalize;font-size:10px;line-height:10px;font-style:italic;text-decoration:none;font-family:Verdana,Geneva,sans-serif;color:#bbbbbb}
#ads .mglbtn{text-decoration:none;font-weight:normal;padding:8px 15px 8px 10px;font-size:15px;box-sizing:border-box;display:inline-block;font-family:Arial, sans-serif;color:#2A71B6;background:transparent;border:1px solid #2A71B6;border-radius:3px}
#ads .mglbtn:hover{border:1px solid #e74c3c}
.sticky-ads{text-align:center;margin-top:50px}
.sticky-ads-item{text-align:center;width:100%;overflow:hidden;position:fixed;bottom:0;left:0;right:0;z-index:10000;-webkit-backface-visibility:hidden}
.code{color:#004400;background:#eee;border:#555 solid 1px;overflow:auto;margin-top:4px;padding:4px}
.tchat{background-color:#f5f5f5;border-bottom:1px solid #e2e2e2;margin-bottom:3px;padding:5px}
#menu input[type="text"],input[type="password"],input[type="radio"],input[type="checkbox"],textarea,select{background-color:#fff;border:1px solid #ccc;border-radius:3px;max-width:95.5%;margin:3px 0;padding:7px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#menu input[type="submit"]{color:#fff;background:#1d61aa;border:1px solid #0055ff;min-width:18px;min-height:17px;margin:3px 0;padding:5px;cursor:pointer}
.quote{background:#fafafa;border:1px solid #e3e3e3;padding:10px;width:75%}
.t-quote{border-bottom:1px dotted #bbb}
.ihd{margin:0 0 -3px 0}
.irp{margin-right:3px;vertical-align:middle}
.isc{margin-right:5px}
.trp,.countdown{font-weight:bold;font-size:20px}
.countdown{color:#f00}
.tform,.pform{width:70%}
.taform{width:95.5%;height:100px}
.fnav{text-align:center;background:#eee;border-top:1px solid #fff;padding-left:9px}
.fnav li{padding:6px 12px 6px 3px;display:inline-block}
.fnav a{color:#444;text-shadow:0 1px 0 #fff;-webkit-text-shadow:0 1px 0 #fff;-ms-text-shadow:0 1px 0 #fff;-o-text-shadow:0 1px 0 #fff;-moz-text-shadow:0 1px 0 #fff}