:root{--mainC:rgb(53,140,187);--mainCH:rgba(53,140,187,0.8);--mainT:#F0F0F0;--mainTH:#FFF;--shadow:#4f4f4f}
*{margin:0;padding:0;font-family:Roboto,helvetica neue,Helvetica,Arial,pingfang tc,黑體-繁,heiti tc,蘋果儷中黑,apple ligothic medium,微軟正黑體,microsoft jhenghei,sans-serif;box-sizing:border-box}
body{margin:0;padding:0;background:#000;color:#f0f0f0}
ul{margin:0;padding:0}
li,a{list-style:none;text-decoration:none}
#head,#content,#foot,.topmsg{width:70vw;margin-left:15vw;display:block}
.bannerimgs img{width:100%}
#head{margin-top:1em;display:inline-block}
#head img{width:180px;height:60px}
#indexlogo{display:block;text-align:center;width:30%;transform:translate(-50%);margin-left:50%;margin-top:5%;border-bottom:solid 1px #f0f0f0}
#indexlogo a{display:block}
.logotxt{height:60px;line-height:60px;font-size:30px;font-weight:700;display:inline-block;margin-left:.5em;color:#fff}
.logobtn{background-color:#6315b699;padding:.1em .2em;border-radius:4px;margin-left:.1em}
.maintxt{display:inline-block;margin-bottom:.5em;line-height:2.5em;margin-left:.5em;margin-top:10px}
.txtbtn{display:inline-block;line-height:2em;padding:0 .5em;margin:0 .5em;background-color:#6315b699;color:#f0f0f0;border-radius:3px;cursor:pointer}
.txtbtn:hover{background-color:rgba(53,140,187,.8)}
.apilist{margin-top:1em;text-align:center;width:60%;margin-left:20%}
.apilist ul{display:flex;flex-flow:row wrap;justify-content:center}
.apilist ul li{float:left;margin:.2em}
.apilist ul li a{background-color:#6315b699;border-radius:3px;display:block;color:#f0f0f0;text-align:center;width:100%;height:100%;line-height:3em;padding:0 1em;font-size:20px}
.apilist ul li a:hover{background-color:rgba(53,140,187,.8);color:#fff}
#watch{height:12em;overflow:hidden;width:60%;margin-left:20%;border:1px solid #6315b699;color:#f0f0f0;border-radius:3px;margin-top:.5em;box-shadow:0 1px 5px 0 #4f4f4f}
#watch ul{margin:0 1em}
#watch ul li a{line-height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f0f0}
#watch ul li a:hover{color:#fff;text-decoration:underline;cursor:pointer}
#logo{display:block;float:left}
#logo a{display:block}
#search{float:left;width:30%;margin-left:1em;margin-top:12px;height:36px;line-height:36px}
#search input,#search button{font-size:14px;border:none;outline:none;height:100%}
#search input{padding-left:.5em;padding-right:.5em;background-color:#f0f0f0;float:left;color:#000;width:calc(100% - 5em);border:1px solid #6315b699;border-radius:3px 0 0 3px;border-right:none}
#search button{float:left;border:0;outline:none;background-color:#6315b699;width:5em;font-display:block;color:#f0f0f0;cursor:pointer;border-radius:0 3px 3px 0}
#search button:hover{background-color:rgba(53,140,187,.8);color:#fff}
#content{position:relative;display:inline-block;border-radius:2px}
#foot{margin-top:60px;text-align:center;color:#cecece;font-size:small;line-height:1.8em;padding-bottom:3em;font-size:small;margin-bottom:3em}
#foot a{margin:.5em;display:inline-block;color:#cecece}
#from{width:100%}
#from ul{width:auto;height:auto;overflow-x:auto;white-space:nowrap;list-style:none;font-size:0}
#from li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-block}
#from li a{color:#f0f0f0;display:block;padding:0 1em;height:2em;line-height:2em;font-size:18px;border-radius:3px 3px 0 0}
#from ul::-webkit-scrollbar{display:none}
#from i,.apilist i,#watch i{padding-right:.2em}
.thistab a{color:#fff!important;background-color:#6315b699!important;border-radius:3px 3px 0 0}
#lmtab,#rmtab{display:inline;display:none;font-size:34px;cursor:pointer;position:absolute;height:1em;line-height:1em;width:1em;background-color:rgba(200,200,200,.2);border-radius:50%}
#lmtab:hover,#rmtab:hover{background-color:rgba(0,0,0,.5)}
#lmtab{left:0}
#rmtab{right:0}
#type{height:auto;width:100%;min-height:3em;border-top:1px solid #6315b699;border-bottom:1px solid #f0f0f0}
#type ul{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start}
#type ul li{margin:.25em;float:left}
#type ul li a{font-size:14px;color:#f0f0f0;border-radius:3px;display:block;line-height:2em;width:100%;height:100%;padding:0 .5em}
#type ul li:hover a{color:#000!important;background-color:#fff}
.thistype{background-color:#f0f0f0;border-radius:3px}
.thistype a{color:#000!important}
#say{font-size:14px;display:block;text-indent:.5em;line-height:2em;text-decoration:underline}
#list{margin-top:.5em}
.state{text-align:center;width:100%;margin-bottom:.5em;font-weight:700}
.state i{font-size:6em}
#list ul{overflow:hidden;display:flex;flex-flow:row wrap;justify-content:flex-start}
#list ul li{float:left;margin:.5vw;margin-bottom:.5em;border-radius:4px;width:calc(calc(70vw/5) - 1vw)}
#list ul li a{overflow:hidden;color:#f0f0f0;display:block;border-radius:4px;padding-bottom:.5em}
#list ul li a:hover{background-color:rgba(50,50,50,.5)}
#list ul li a img{border-radius:4px;display:block;margin:0 auto;width:calc(calc(70vw/5) - 1vw);height:calc((70vw/5 - 1vw)/16 * 9)}
.vodname{display:block;margin-top:.2em;width:100%;line-height:1.5em;font-weight:400;word-break:break-all;text-overflow:ellipsis;font-size:14px;height:3em;overflow:hidden}
.vodtime{font-size:10px;height:1.5em;line-height:1.5em;text-align:right;background-color:rgb(0,0,0,.3);color:#f5f5f5;float:right;position:relative;margin:-1.75em .25em 0 0;padding:0 .25em;border-radius:4px}
.pagenum{width:100%;border-top:1px solid #6315b699;padding-top:.5em}
.pagenum ul{float:left;display:flex;flex-flow:row wrap;justify-content:flex-start}
.pagenum ul li{margin:.1em;float:left;border-radius:3px;overflow:hidden}
.pagenum a{font-size:15px;color:#fff;display:block;padding:.5em;text-align:center;height:100%;min-width:3em;max-width:5em;overflow:hidden;text-overflow:ellipsis}
.pagenum a:hover{background-color:#fff;color:#000}
.thispage{background-color:#6315b699}
.pageinfo{margin-left:1em;font-size:14px;line-height:2.25em;display:inline-block;color:#cecece}
#backtop{display:none;position:fixed;z-index:2147483647!important;background-color:rgba(100,100,100,.6);color:#f0f0f0;cursor:pointer;width:1em;height:1em;line-height:1em;border-radius:3px;text-align:center;right:calc(15vw - 2em);bottom:10vh}
.playtit{font-size:1.5em;display:unset;width:auto;line-height:2em;border-bottom:1px #6315b699 solid}
#player{width:100%;border-radius:5px;overflow:hidden}
#video{width:calc(70vw/100 * 70);height:calc(calc(70vw/100 * 70)/16 * 9);border-radius:5px;overflow:hidden;float:left}
.video_right{width:calc(70vw/100 * 30 - 0.5em);margin-left:.5em;float:left;max-height:calc(calc(70vw/100 * 70)/16 * 9);overflow:hidden}
.video_right span{display:inline-block;padding:.5em;margin:.5em;border-radius:3px;background-color:#6315b699;cursor:pointer;box-shadow:0 1px 5px 0 #4f4f4f}
.video_right a{color:#f0f0f0}
.video_right i,.maintxt i{margin-right:.2em}
.fa-download{color:orange}
.v-banner{position:absolute;height:1.5em;line-height:1.5em;width:100%;margin-top:0;z-index:2147483647!important;background-color:rgba(0,0,0,.2);overflow:hidden}
.v-banner i{position:absolute;font-size:1em;line-height:1.5em}
.v-banner .fa-times{right:.5em}
.v-banner .fa-tags{left:.5em}
.v-b-msg{display:inline-block;width:100%}
.v-b-msg a{display:block;height:1.5em;line-height:1.5em;width:calc(100% - 2em);color:#fff;text-decoration:underline;text-indent:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-video{line-height:2em;font-size:1.5em;font-weight:700;border-bottom:1px #6315b699 solid;display:unset}
.browser{padding:0 0 1em}
.browser i{font-size:36px;margin:6px;color:#cecece}
.abouthtml{width:80%;margin-left:10%;text-align:left;margin-top:2em;line-height:2em;font-size:16px;color:#cecece}
.abouthtml i{margin-right:.5em}
.lineover{display:inline-block;width:50%;margin-left:25%;border-bottom:solid 1px #cecece;height:1em;padding-bottom:.5em}
#warning{text-align:center;margin-top:1em;font-size:24px;color:#f0f0f0;line-height:2em}
#warning a{display:inline-block;color:#cecece;text-decoration:underline}
#msg{position:fixed;background-color:rgba(30,30,30,.95);color:gold;text-align:center;padding:.5em;border-radius:4px;width:80vw;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:2147483647!important}
@media only screen and (max-width:1199px){#head,#content,#foot,.topmsg{width:98vw;margin-left:1vw}
#foot{margin-bottom:10vh}
#indexlogo{width:60%}
.apilist{width:unset;margin-left:unset}
#watch{width:98%;margin-left:1%}
.apilist ul{justify-content:center}
.apilist ul li{margin:3px}
.apilist ul li a{height:3em;line-height:3em;padding:0 .5em;font-size:16px}
#search{width:100%;margin-left:0}
#list ul li{margin:.4vw;margin-bottom:1em;width:calc(calc(98vw/2) - 0.8vw)}
.vodname{font-size:14px}
#list ul li a img{width:calc(calc(98vw/2));height:calc((98vw/2 - 0.8vw)/16 * 9)}
.pagenum a,.pageinfo{font-size:15px}
.pageinfo{float:right;margin-left:unset;margin-right:1em}
#backtop{bottom:15vh;right:.5em}
#video{width:98vw;height:calc(98vw/16 * 9)}
.video_right{width:98vw;margin:unset;margin-top:1em;max-height:unset}
.v-banner{width:98vw;font-size:12px}
.playertop{margin-top:calc(98vw/16 * 9)}
.videotop{position:fixed!important;top:0!important;border-radius:unset!important;z-index:2147483647!important}
.playtit{font-size:1em}
.list-video{font-size:1em}
.abouthtml{width:98%;margin-left:1%}
.lineover{width:100%;margin:unset}
}#headapp{width:70vw;margin-left:15vw;display:block}
#headapp{margin-top:10px;text-align:center;color:#cecece;font-size:small;line-height:1.8em;padding-bottom:1em;font-size:small;margin-bottom:1em}
#headapp a{margin:.5em;display:inline-block;color:#cecece}
#headapp img{border-radius: 6px;}
@media only screen and (max-width:1199px){#headapp{width:98vw;margin-left:1vw}
#headapp{margin-bottom:1vh}
}