@charset "UTF-8";img{max-width:100%}
.page-loader{position:fixed;z-index:9999;left:0;top:0;background:rgba(0,0,0,.95);width:100%;height:100%}
.spinner{background:0 0;-moz-animation:rotate 1.5s linear infinite;-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite}
.spinner,.spinner::after{border:4px solid;border-radius:50%;content:"";display:inline-block;position:absolute;width:50px;height:50px;top:50%;margin-top:-29px;left:50%;margin-left:-29px;z-index:1;box-sizing: content-box;}
.spinner{border-color:#1b62b4 rgba(0,0,0,.07) #1b62b4 rgba(0,0,0,.07)}
.spinner::after{border-color:transparent #fff transparent #fff;-moz-animation:rotate 4s linear infinite;-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{0%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.loading{text-indent:-9999px;width:46px;height:46px;background:url(/img/icon/loading.svg);background-size:45px 45px;margin:3% auto}
.banner.v2{height:48px}
.banner.v2:after{background:0 0}
.recommen-box .title-half{width:100%}
.info-article{min-height:331px;padding-bottom:10px}
.info-box:before{height:330px}
.tabContainer .active{display:inline-block}
.tabContent{padding:0 0 24px 0}
.tabContainer{display:flex;flex-wrap:wrap;float:left;width:100%;font-size:15px}
.tabContainer .tabButton{outline:0;color:#fffee5;list-style:none;flex-grow:1;text-align:center;line-height:44px}
.tabContainer .tabButton[selected]{outline:0;border-bottom:3px solid #fffee5}
.critics-list a.active{background:#fff;color:#000}
.critics-list a{position:relative;display:inline-block;text-align:center}
.people-item .img-block{padding-bottom:65.37%}
h6.tag-cover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background:rgba(0,0,0,.75);text-align:center;font-size:1.125em;margin:0;padding-top:50%}
.people-item{float:left}
@media(max-width:480px){.people-item{margin:8px auto;margin-left:calc((100% - 320px)/ 2);width:320px}
}
@media(max-width:320px){.people-item{margin:8px auto;margin-left:calc((100% - 300px)/ 2);width:300px}
}
@media(max-width:700px)and(min-width:481px){.people-item{width:calc(50%-16px);margin-left:unset;margin:8px 4px}
}
@media(max-width:900px)and(min-width:701px){.people-item{width:calc(33.333333%-16px);margin-left:unset;margin:8px 4px}
}
@media(max-width:1024px)and(min-width:901px){.people-item{width:calc(25%-16px);margin:8px 4px}
}
.people-item .info h6{width:auto;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.people-item .info p{line-height:1.4;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:58px}
.people-item .img-block p span{padding:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;bottom:2em;margin:0 16px}
.x_clear{font-size:50px;color:#fff;line-height:1em;margin-top:-6px}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}
.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.popup-hide{display:none}
.popup-block{background:#fff;padding:0;width:auto;max-width:1000px;margin:20px auto;position:relative;overflow:hidden;color:#000}
.popup-block.black-theme{background:#000;color:#fff}
.popup-block.black-theme .popup-content.offer-content{background:#2746af;background:-webkit-linear-gradient(135deg,rgba(39,70,175,.8),rgba(103,47,127,.8));background:linear-gradient(225deg,rgba(39,70,175,.8),rgba(103,47,127,.8))}
.popup-content h4{font-weight:700!important}
.popup-block.black-theme .popup-content{padding-bottom:0}
.popup-block.vedio-modal{position:relative;overflow:visible}
.popup-block.vedio-modal .rwd-player{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}
.popup-block.vedio-modal .rwd-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.popup-block.vedio-modal .popup-modal-dismiss{right:-40px;top:-10px}
.popup-block.popup-md{max-width:800px}
.popup-block.popup-sm{max-width:600px}
.popup-block.popup-xs{max-width:310px}
.popup-block .popup-modal-dismiss{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:40px;color:#fff;position:absolute;right:5px;top:0;margin:0;font-weight:100!important;text-decoration:none;z-index:1000}
.popup-block .popup-modal-dismiss.dismiss-black{color:#1e1e1e}
.popup-block .popup-content{padding:30px 20px}
.popup-block .popup-block .popup-content h4 span{font-weight:100!important;display:inline-block;font-size:16px}
.popup-block .popup-content h2{margin-top:10px}
.popup-block .popup-content .side-title{color:#fffee5;position:relative;padding-left:20px;font-size:30px}
.popup-block .popup-content .side-title.long{font-size:20px}
.popup-block .popup-content .side-title.long span{font-size:25px}
.popup-block .popup-content .side-title span{font-size:44px;padding-bottom:5px;display:block;color:#fff}
.popup-block .popup-content .side-title:before{width:4px;height:100%;content:"";display:inline-block;background:#fff;position:absolute;left:0;top:0}
.popup-block .popup-content .plan-item{margin-left:-30px;margin-right:-30px;padding-top:30px;padding-bottom:30px}
.popup-block .popup-content .plan-item input[type=radio]:checked~.label-text{border-color:transparent}
.popup-block .popup-content .plan-item:nth-child(even){background:hsla(0,0%,100%,.15)}
.popup-block .popup-content .plan-item:nth-child(odd){background:hsla(0,0%,100%,0)}
.popup-block .popup-content .plan-item .more-offer-list{margin-left:15px}
.popup-block .popup-content .plan-item .more-offer-list a{display:inline-block;clear:both;color:#fff;padding:0 5px;margin-bottom:3px;border:1px solid transparent}
.popup-block .popup-content .plan-item .more-offer-list a.active,.popup-block .popup-content .plan-item .more-offer-list a:hover{border:1px solid #fff;text-decoration:none}
.popup-block .popup-content .plan-item .btn-intro{display:inline-block;border-radius:50%;width:30px;height:30px;margin-top:5px;text-align:center;font-size:1.2em;border:1px solid #fff;color:#fff;vertical-align:top;text-decoration:none;margin-left:10px;margin-right:10px}
.popup-block .popup-content .plan-item .note{width:100%;clear:both;margin-left:50px;margin-top:20px;margin-bottom:0}
.popup-block .btn-box{text-align:center;width:100%;clear:both;overflow:hidden}
.popup-block table{margin-bottom:30px;background:0 0}
.popup-block table tr{border-bottom:1px solid #e7e7e7}
.popup-block table th{font-weight:700;color:#1e1e1e}
.popup-block table td{color:#1e1e1e}
.popup-block table td a{color:#000}
.popup-block .img-box{display:inline-block;position:relative;width:100%}
.popup-block .img-box img{width:100%;max-width:120px;max-height:120px;border-radius:100%;border:2px solid #fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.5)}
.popup-block .form-control{color:#000;border-radius:4px}
.popup-block .form-control::-webkit-input-placeholder{color:rgba(0,0,0,.6)}
.popup-block .form-control::-moz-placeholder{color:rgba(0,0,0,.6)}
.popup-block .form-control:-ms-input-placeholder{color:rgba(0,0,0,.6)}
.popup-block .form-control:-moz-placeholder{color:rgba(0,0,0,.6)}
.popup-block .help-block{padding-top:5px;font-weight:100}
.popup-block .check label{color:#fff}
#payment .popup-content{padding:10px}
*{box-sizing:border-box}
.steps{padding:0 0 2rem!important}
.step--incomplete.step--active .step__icon{background-color:#1b62b4}
.step__label{bottom:-1.5rem!important}
.text-center{text-align:center}
.content-text{color:#b9b9b9}
.record-info h5{margin-bottom:15px!important}
.step__icon__error:before{display:block;content:"\00D7"!important;font-size:2em!important;font-weight:600!important;margin-top:-6px!important}
.popup-block{background:#fff;padding:0;width:auto;margin:20px auto;position:relative;overflow:hidden;color:#000}
.white-popup{position:relative;background:#fff;padding:20px;width:auto;max-width:500px;margin:20px auto}
.popup-content{color:#000}
.has-error .help-block{color:#d9675d}
.label-inline{display:inline-flex}
.serial-box .serial-info-box{padding:15px 0}
.record-info h5{margin-bottom:15px!important}
.serial-box .serial-info-box{padding:15px 0!important}
ul.list-unstyled.note.note-nope{margin-top:16px}
.line-height{display:block;padding-top:15px;clear:both}
footer{z-index:999}

/*小網購買頁面*/
.buy-button{display:block;height:65px;position:fixed;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);width:100%;text-align:center;z-index:8}
.buy-button a.btn-primary{margin-top:10px}
#download h5.down-title{font-size:18px;margin-bottom:10px}
#download .classification-list li{width:calc(25% - 40px)}
#download .classification-list li{float:left;background:#1e1e1e}
#download .classification-list li{box-shadow:rgba(0,0,0,.5) 0 0 10px;z-index:0;border:0;clear:none;padding:20px;margin:20px}
#download .classification-list li:hover{background:linear-gradient(120deg,rgba(48,35,174,.3) 30%,rgba(201,109,216,.3) 70%)}
#download .classification-list li:hover .line{border-color:rgba(186,186,186,.4)}
#download .classification-list li .line{width:100%;margin-left:0;margin-right:0;float:left;margin:10px 0}
#download .classification-list .center{text-align:center}
#download .classification-list img{float:none;margin-top:20px;width:250px}
#download .classification-list h4{margin-bottom:10px}
.section-option h4{font-size:20px;line-height:1.2;font-weight:600;margin-bottom:5px;margin-top:20px}
.section-option .payment-option .recommend-tag{width:65px;height:65px;background:transparent url(/m/img/web/recommend.png) 0 0 no-repeat;background-size:100%;position:absolute;left:-7px;top:-5px;z-index:10}
.section-option .payment-option{width:100%;min-width:264px;max-width:288px;margin:5px 5px 20px;color:#fff;position:relative;float:left;transition:all .2s ease}
.section-option .payment-option .recommend-tag span{display:none}
.section-option .payment-option .box{width:100%;height:223px;border-radius:5px;position:relative;overflow:hidden;padding:16px;box-shadow:0 5px 10px 0 rgba(0,0,0,.3);background:transparent url(/img/web/background_light.png) 0 0 no-repeat;background-size:288px auto;cursor:pointer}
.section-option .payment-option.selected .box{background:transparent url(/img/web/background_dark.png) 0 0 no-repeat;background-size:288px auto;cursor:pointer;height:223px}
.section-option .payment-option .box h2{text-shadow:0 0 4px rgba(0,0,0,.5);font-size:40px;font-weight:700;margin-top:-12px}
.section-option .payment-option .box h2 span{font-size:20px;display:inline-block;vertical-align:baseline;margin-right:4px}
.section-option .payment-option.selected .box .info{background:0 0;color:#fff}
.section-option .payment-option .box .info{position:absolute;width:100%;min-height:160px;left:0;bottom:0;background:#fff;color:#000;padding:10px 16px}
.section-option .payment-option .box .info h5{font-weight:700!important;margin:0 0 4px;font-size:16px}
.section-option .payment-option .box .btn.btn-default{position:absolute;bottom:16px;left:calc(50% - 65px)}
.section-option hr{border:1px solid #979797;clear:both;margin-bottom:12px;margin-top:12px}
.section-option{width:100%;padding:20px}
.section-option p{line-height:1.3;margin-bottom:0}
.bottom-tips{margin-top:5px;border:1px solid #3a3a3a;border-radius:5px;color:#3a3a3a;padding:6px}
.section-option .payment-option .box .info s{color:#9d9d9d;font-size:1em;line-height:1.3}
.section-option .payment-option .box h2 .old{font-size:20px;display:inline-block;opacity:.8;font-weight:400;margin-left:15px}
.section-option .payment-option .box h2 span{font-size:20px;display:inline-block;vertical-align:baseline;margin-right:4px;font-weight:300}
.section-note{width:calc(100% + 40px);float:left;background:#efeff1;margin-left:-20px;margin-top:30px;padding:16px}
.section-note .btn{color:#1b62b4;border-color:#1b62b4}
.section-note p{margin-bottom:12px;font-size:16px}
.section-note h5{font-size:20px;font-weight:600;margin-bottom:8px}
#payment.white-popup,#payment_tvod0.white-popup{padding:0;max-width:938px}
.payment-popup .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready{top:0!important}
.section-option .payment-option .box .btn.text-danger{width:100%;left:0;text-align:center;font-size:14px;color:#d45665;background:0 0!important;border:0;position:absolute;bottom:15px}
#payment .clearfix{margin-bottom:0;float:none}
strong{font-weight:600}
.text-false{text-align:center}
.text-false h2.intro-text{color:#d9675d;font-weight:600;margin-top:20px;margin-bottom:20px}
.popup-block .popup-modal-dismiss.dismiss-black{color:#1e1e1e}
button.mfp-arrow,button.mfp-close{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:40px;color:#fff;position:absolute;right:5px;top:0;margin:0;font-weight:100!important;text-decoration:none;z-index:1000}
@media (max-width:1280px){#download .down-list li{width:calc(50% - 40px)}
}
@media (max-width:949px){#payment.white-popup,#payment_tvod0.white-popup{max-width:620px}
}
@media (max-width:657px){#download .down-list li{width:calc(100% - 20px);margin:10px}
#download .classification-list img{width:100%}
}
@media (max-width:647px){#payment.white-popup,#payment_tvod0.white-popup{max-width:320px}
}
[data-match-height]{vertical-align:top;text-align:left;display:inline-block}
.way-list li{padding:0}
ul.list-unstyled.way-list{margin-top:10px;margin-bottom:10px}

/* 推薦頁 */
.tag-top span{margin-right:unset;text-align:left}
h5.ellipsis2{height:30px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.section .slide .info{width:unset}
.section .slide .info h5.more{min-height:34px}
.section .slide .info h5.more{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 主題推薦 */
.movie-list .info h5{width:100%}
.btn-default:hover{background:unset;color:unset}
input{font-size:inherit}

/* footer、服務說明 */
.footer small {font-size: 12px;}
.plan-box {margin-bottom: 20px;}
.plan-box hr.line {margin-bottom: 10px; margin-top: 0px;}

/* 主題推薦  */
.list-unstyled.tag-list .btn-tag {margin-bottom: 12px;}
.list-unstyled.tag-list li a {border-radius: 50em;border: 1px solid #595959;padding: 3px 12px;font-size: 14px;}
.list-unstyled.tag-list li a img {margin-bottom: 3px;vertical-align: middle;}
.list-unstyled.tag-list li a:hover, .list-unstyled.tag-list li a:active{background-color: #00A0FC;border-color: #00A0FC;color: #fff;}

/* 篩選  */
html.fixed .nav, body.fixed .nav {position: static;}
html.fixed .content, body.fixed .content {margin-top: unset;}

.filter-box {max-width: 100%;min-width: 100%;margin-left: 0px;}
.filter-box .condition{overflow: overlay;/* max-height: calc(100vh - 200px); */}
.footer {z-index: 20;}
.container {padding: 0px 0px 4px;}

/* search */
.search-section {padding-top: unset;top: unset; width: 100%;}
.search-list .btn-mark { width: 26px;}
.no_rescon{ width: 100%; overflow: hidden; display: block; border-bottom: 1px solid #686868; margin-bottom: 20px;}
.no_rescon span{ font-size: 18px; font-weight:400; color:#FFFFFF;}
h4.h_recom{ font-size: 18px; color: #FFFFFF;  display: block; padding:0 8px; margin-bottom: 15px;}

.autocomplete-suggestions {background: rgba(0,0,0,.9);overflow: auto;box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);color: #fff;position: fixed!important;padding: 10px;}
.autocomplete-suggestion { padding: 2px 5px;white-space: nowrap;overflow: hidden;}
.autocomplete-suggestions strong { font-weight: 400;color: #39f;}

/*Live tv小網list*/
.newslist{ width: 45%; display: block; margin:0 auto;}
.newslist ul{ margin: 25px 0;}
.newslist ul li{ display: flow-root; width: 100%; margin-bottom: 30px;}
.newslist ul ol li{ margin-bottom:0px;}

.newslist ul li img{ display: inline-block; border-radius: 999em; width:65px; height: auto; float: left;}
.newslist ul .left_dit{ float: left; display: inline-block; margin-left: 15px; width: 72%;}
.newslist ul .left_dit li img{ width:10px; height: auto; margin:5px 5px 0 0;}
.newslist ul .blue16{ color: #00A0FC; font-size: 16px; margin-right: 8px; /* display: none;*/ }
.newslist ul .w16tit{ color: #FFFFFF; font-size: 16px; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 0px;}
.newslist ul .gar14{ color: #9D9D9D; font-size: 14px;}
.newslist ul .w14{ color: #FFFFFF; font-size: 14px; letter-spacing: 0.1em; }
@media (max-width: 320px) {
    .newslist{ width:100%; }
}
@media  (min-width: 360px) and (max-width: 414px) {
    .newslist{ width:90%; }
}
@supports not (display:flow-root) { 
  .newslist ul li {display: table;}
}

/* 會員中心 */
.swiper-container {height: fit-content;}
.tab-box.tab-member .swiper-slide{min-width: 30%;}
.record-box {width: auto;}
.content1 .plan-list .item { min-height: 330px;}
.btn.btn-large {margin-bottom: 4px;}

.tag.tag-free {background: #C04983; }
.caption .tag.tag-free {background: #C04983;}
.tag-btm span.tag-free {background: #C04983;}

.tag.tag-usetic {background: #313F9A; }
.caption .tag.tag-usetic {background: #313F9A;}
.tag-btm span.tag-usetic {background: #313F9A;}

.tag.tag-pili {background: #17846a; }
.caption .tag.tag-pili {background: #17846a;}
.tag-btm span.tag-pili {background: #17846a;}

/* tvod0 */
#payment_tvod0.z_white-popup{padding: 0px;width: 450px;}
.z_section-option {width: 100%;padding: 10px;position: relative;margin: auto;}
.z_section-option .payment-option .z_box {width: 100%;height: 223px;border-radius: 5px;position: relative;overflow: hidden;padding: 16px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);background: transparent url(/m/img/web/background_light.png) 0 0 no-repeat;background-size: 288px auto;cursor: pointer;}
.z_section-option .payment-option.selected .z_box {background: transparent url(/m/img/web/zeropay_bg1.png) 0 0 no-repeat;background-size: 288px auto;cursor: pointer;height: 223px;}
.z_section-option .payment-option .z_box h2 {text-shadow: 0 0 4px rgba(0,0,0,.5);font-size: 40px;font-weight: 700;margin-top: -12px;}
.z_section-option .payment-option .z_box h2 span {font-size: 20px;display: inline-block;vertical-align: baseline;margin-right: 4px;}
.z_section-option .payment-option.selected .z_box .info {background: transparent;color: #fff;}
.section-option .payment-option.selected .z_box .info {background: transparent;color: #fff;}
.z_section-option .payment-option .z_box .info {position: absolute;width: 100%;min-height: 160px;left: 0;bottom: 0;padding: 10px 16px;}
.z_section-option h4{text-align: left;padding: 8px 30px 0 30px;font-size: 20px;font-weight: 700;}
.z_section-option .payment-option .z_box .info h5 {font-weight: bold;margin: 0 0 4px;font-size: 20px;}
.z_box .info span{font-size: 15px;color: #FFFFFF;}
.z_section-option .payment-option .z_box .btn.btn-default {position: absolute;bottom: 16px;left: calc(50% - 60px);}
.z_section-option .payment-option {width: 100%;min-width: 264px;max-width: 288px;margin-bottom: 30px;color: #fff;position: relative;transition: all .2s ease;}
.popup-block .z_section-option {width: 100%;padding: 10px;}
.z_section-option p{line-height: 1.3;margin-bottom: 0px;}
.z_section-option .payment-option .box .info s {color: #9d9d9d;font-size: 1em;line-height: 1.3;}
.z_section-option .payment-option .box h2 .old {font-size: 20px;display: inline-block;opacity: .8;font-weight: 400;margin-left: 15px;}
@media (max-width: 949px) {.z_section-option > .payment-option:nth-child(even) { clear: both; }}
@media (max-width: 647px) {#payment_tvod0.z_white-popup{ max-width: 300px; }.z_section-option h4{ text-align: left; padding: 20px 8px 0 8px; }}

.checkmark:after{content: '\2714 \fe0e';color: #000;}
.payment-option.selected .checkmark:after,.recommend .checkmark:after{color: #fff;}

/* 小網SEO修正 */
h1.sub-title{margin-top: 0px;}
h1.intro-text{color: #fff;}
.nav a.left > img{margin-top: 20px;margin-bottom: 12px;}
.nav a.left:hover{background-color: rgba(255, 255, 255, 0);}
.nav > .container {padding: 0px;}
.result-msg {font-size: 22px;margin-top: 0;margin-bottom: 16px;}
.bg-full .sucess h1 {font-size: 40px;font-weight: bold;}
.icon-box h1 {float: right;width: calc(100% - 76px);line-height: 1;margin-top: 24px;font-size: 16px;}
.text h1{color: #fff;}
.text h2{font-size: 18px;color: #fff;line-height: 1.2;}
.caption h2 {text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);margin-bottom: 5px;margin-top: 5px;font-weight: 400;line-height: 1;font-size: 1.625em;}
.bg-common .movie-list .info h1{font-size: 14px;margin-top: 0px;}
.theme.text h1 {color: #fff;font-size: 22px;font-weight: 600;line-height: 1.4;}
.search-section{z-index: 99999;}
.tab-content h1.sub-title{margin-top: 16px;}
.no_rescon h2 {font-size: 18px;font-weight: 400;color: #FFFFFF;}

.smore_btn{ text-align: center; margin: 10px 0 10px 0;}
.smore_btn a{ border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 18px; font-weight: bold; padding: 5px 20px;  border-radius: 50px; text-decoration: none; transition: all 0.3s ease-in 0s;}
.smore_btn a:hover{ background-color: #089bd2; border: 1px solid #089bd2;}

.category_list_box{margin: 20px;}
.category_side{background-color: #212121;padding: 10px;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.category_side .category_list > li{padding: 6px 12px;border: 1px solid #4B4040;margin: 5px 6px;border-radius: 2px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;}
.category_side .category_list > li > a{font-size: 16px;color: #fff;text-decoration: none;}
.category_side .category_list > li:hover{background-color: #575757;}
.category_more_btn .btn-default{background-image: linear-gradient(96deg, rgba(74, 84, 112, 0.5) 5%, #4a5470 78%);max-width: 100%;width: 100%;height: 40px;border: 0;border-radius: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;font-size: 16px;color: #fff;position: relative;padding-top: 10px;}
.category_more_btn{margin-bottom: 10px;padding: 10px 5px 5px;}
.category_more_btn .btn-default:hover{background-image: linear-gradient(96deg, #4a5470 5%, #1971c0 78%);}
.category_more_btn .btn-default:after{content: '';background-image: url('/img/icon/arrow.png');width: 20px;height: 20px;background-size: cover;position: absolute;left: 91%;display: inline-block;}

/* 數位珍藏 */
.tag.tag-est {background: #1a8ba6;}
.plan-list .item .est:after {background: #1a8ba6;}

/* 4K */
.btn-box .four-K-btn span:after{content: "";background-image: url(/m/img/icon/4Kinfo.png);background-size: 16px 16px;width: 16px;height: 16px;position: absolute;margin-left: 4px;margin-top: 2px;}
.btn-box .four-K-btn span{margin-right: 15px;}
.info-check{margin-right: 10px;}
.tag.tag-4k,span.tag-4k,.tag.tag-4K,span.tag-4K {background: #dd6332;min-width: 44px;text-align: center;}
.plan-list .item .fk:after {background: #dd6332;}

/* 多視角 */
.tag.tag-mv, span.tag-mv {background: #3d5afe;}
.w16tit span.tag-mv,.icon-box span.tag-mv {font-size: 16px;padding-top: 2px;padding-bottom: 2px;display: inline-block;margin: 0 8px;padding: 2px 8px;line-height: 20px;color: #ffffff;}
.plan-list .item .mv:after {background: #3d5afe;}

/* footer */
.footer-social{position:relative;margin:20px 0;width:100%}
h6.footer-h6{color:#fff;text-align:left;text-transform:uppercase;font-weight:500;font-size:15px}
h6.footer-h6.follow-title{text-align:center}
.social-container{position:relative;display:flex;margin:0 auto;width:60%;justify-content:space-around;align-items:flex-start;flex-wrap:wrap}
.social-btn{position:relative;display:flex;margin:0 auto;width:24%;opacity:1;transition:.2s linear;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.social-btn img{width:100%}
.social-btn a{position:absolute;top:0;left:0;width:100%;height:100%}
.footer-shortcut{position:relative;display:flex;margin:0 auto;width:100%;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.shortcut-group{position:relative;width:22%}
.shortcut-group:nth-child(2){width:32%}
.shortcut-item{position:relative;margin:20px 0;transition:.2s linear}
.shortcut-item a{position:absolute;top:0;left:0;width:100%;height:100%}
.ott-badge{ width: 75px; position: relative; margin: 20px auto; } 
.ott-badge img{ width: 100%; vertical-align: bottom; }

/* user avatar */
.nav .top-icon:after{background:0 0}
.nav .top-icon{background:0 0}
.nav .top-icon img{top:0;left:0}
.info-box .img-box.profile-img:after{background:0 0}
.info-box .img-box.profile-img{background:0 0}
.info-box .img-box{width:90px;height:90px}

.list-unstyled .btn-tag:after {content: url(/img/icon/arrow.svg);position: relative;top: 2px;}

/* KT Live */
.plan-list .item .live:after {background: #5d4a88;}

/* 下載banner設定 */ 
.announce-app{position:fixed;bottom:-1px;left:0;z-index:99;width:100%;height:44px;background:rgb(18,109,214,.95)}
@media all and (min-width:360px){.announce-app{height:48px}
}
.announce-close{position:absolute;top:10px;left:5px;margin:0 8px;margin-right:12px}
@media all and (min-width:360px){.announce-close{top:12px}
}
.announce-close:before{position:absolute;top:14px;left:0;display:block;width:12px;height:1px;background-color:#fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.announce-close:after{position:absolute;top:14px;left:0;display:block;width:12px;height:1px;background-color:#fff;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.announce-close a{position:relative;z-index:2;display:block;width:12px;height:12px;text-indent:-9999px}
.announce-content{position:relative;left:36px;width:calc(100% - 36px)}
.announce-content p{float:left;color:#fff;font-size:.95em !important;line-height:45px !important}
@media all and (min-width:360px){.announce-content p{font-size:1.05em !important;line-height:48px !important}
}
.announce-friday{position:relative;float:left;margin:6px 10px 5px 0;width:27px}
.announce-friday img{width:100%}
@media all and (min-width:360px){.announce-friday{margin:9px 10px 0 0}
}
.announce-download-btn{position:relative;float:left;margin-top:9px;margin-left:8px;width:85px;height:26px;border-radius:1000px;background:#fff;color:#1b62b4;text-align:center;font-size:.85em;line-height:26px}
@media all and (min-width:360px){.announce-download-btn{height:30px;font-size:.9em;line-height:30px}
}
.announce-content:after{clear:both;display:table;content:''}
.footer-download{padding-bottom:40px}

.fa,.fas{font-weight:900}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.hideinfo{display:none}

/* member_center */
#tab-4 .plan-list .item .film:after{
background: #E5A232;
}

.fontBlack{
	color:#000000;
}

/* popup */
.scrollfixed{
    overflow: hidden;
}
  
.coupon-popup{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 2000;
    opacity: 0;
    display: none;
}
  
.coupon-popup-container{
    width: 90%;
    max-width: 700px;
    max-height: 480px;
    height: 85vh;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 40px 0;
}
  
.coupon-popup-content{
    width: 90%;
    position: relative;
    margin: 0 auto;
    height: calc(100% - 40px);
}
  
.coupon-popup-content h6{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    margin-bottom: 12px;
}
  
.coupon-popup-content ol{
    position: relative;
    margin: 0;
    height: calc(100% - 40px);
    overflow: auto;
}
  
.coupon-popup-content ol::-webkit-scrollbar{
      width: 5px;
}
  
.coupon-popup-content ol::-webkit-scrollbar-track {
      border-radius: 10px;
      background: #000000;
}
  
.coupon-popup-content ol::-webkit-scrollbar-thumb {
      background: #666666; 
      border-radius: 10px;
}
  
.coupon-popup-content ol::-webkit-scrollbar-thumb:hover {
      background: #444444; 
}

.coupon-popup-content ol, .coupon-popup-coupon-content ol li{
      list-style: decimal;
}
  
.coupon-popup-content ol li{
    font-size: 16px;
    font-weight: 400;
    color: #000;
   /* margin-left: -16px;*/
    margin-bottom: 5px;
}
  
.coupon-popup-btn{
    width: 126px;
    height: 40px;
    background: #1B62B4;
    border: 1px solid #1B62B4;
    box-sizing: border-box;
    border-radius: 1000px;
    position: relative;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    transition: .15s linear;
}
  
.coupon-popup-btn:hover{
    background: none;
    color: #1B62B4;
}

.item_origin_price{
  text-decoration: line-through;
}


/* 新增的首頁熱播排行櫃位 */

#hot-container-section{
    margin-bottom: 24px;
}

#hot-swiper-container{
}

#hot-swiper-wrapper{
    padding-bottom: 48px;
}

.hot-item{
    position: relative;
    transition: all .3s ease 0s;
    overflow: visible;
}

.hot-item:hover{
    transform: scale(1.1, 1.1);
}


.hot-item h6.tag-top{
    right: 4px;
    top: 4px;
    text-align: right;
    font-weight: bold;
}

.hot-item h6.tag-top span.tag-note{
    border-radius: 15px;
    padding: 3px 8px;
    font-weight: bold;
    height: 24px;
    line-height: 16px;
}

.hot-item__img{
    border-radius: 5px;
    overflow: hidden;
}

.hot-item__info{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
}

.hot-item__info__corner-purple{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: radial-gradient(100% 44.44% at 0% 100%, rgba(103, 47, 127, 0.8) 43.88%, rgba(51, 66, 166, 0.5) 82.21%, rgba(39, 70, 175, 0) 100%);
    border-radius: 5px;
}

.hot-item__info__bottom-line{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(269.95deg, #7F2F7A 0%, #2746AF 66.28%);
    border-radius: 0px 0px 5px 5px;
}

.hot-item__info__text{
    display: flex;
    position: absolute;
    width: 100%;
    height: 25%;
    left: 0;
    right: 0;
    bottom: -10px;
    align-items: center;
}

.hot-item__info__text__number{
    height: 100%;
    line-height: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    paint-order: stroke fill;
    white-space: nowrap;
    letter-spacing: -5px;
}

#hot-item__info__text__title{
    display: flex;
    margin: 0;
    margin-left: 15px;
    align-items: center;
    font-size: 15px;
    font-weight: bold !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: start;
}


/* 專案型廣告 */
/* 無廣告隱藏 */
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
.ad-container:empty{
    display: none !important;
}

/* 基本CSS */
.ad-container{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* 首頁_小網_01 */
.ad-container.index-1{
    padding-bottom: 20px;
} 

/* 首頁_小網_02 */
.ad-container.index-2{
    padding-bottom: 15px;
}

/* 片單頁_小網_FixedCabinet */
.ad-container.ad-fixedcabinet{
    
}

/* 片單頁_小網_Cabinet */
.ad-container.ad-cabinet{
    
}

/* 館首頁_小網_01 館首頁_小網_02 */
.ad-container.category-1, .ad-container.category-2{
    
}

/* 各館篩選_小網 */
.ad-container.category-filter{
    
}

/* 各館片單頁_小網_編輯櫃Cabinet */
.ad-container.category-cabinet{
    transform: translateY(30px);
    display: inline-block;
}

/* 各館片單頁_小網_系統櫃TagList */
.ad-container.category-taglist{
    transform: translateY(30px);
    display: inline-block;
}

/* 專館genre_小網_01 專館genre_小網_02 */
.ad-container.genre-1, .ad-container.genre-2{
    
}

/* 專館片單頁_小網 */
.ad-container.genre-detail{
    transform: translateY(30px);
    display: inline-block;
}

/* 排行榜_小網_01 排行榜_小網_02 */
.ad-container.ranking-1, .ad-container.ranking-2{
    
}

/* 排行榜片單頁_小網 */
.ad-container.ranking-detail{
    
}

/* 搜尋頁小網沒有 */


/* 詳細頁_右側清單_大小網通用 */
.ad-container.right-list{
    margin-top: 25px;
}

/* 詳細頁_標籤下方_大小網通用 */
.ad-container.detail-tag{
    
}

/*consumer page 最下方呈現固定dialog*/
.consumer-message{
 	z-index: 999;
	position: fixed;
	bottom: 20vh;
	width: 100%;
	display: flex;
    justify-content: center;    
    align-items: center; 
 }
.consumer-messageboard {		
	background: #575757;
	box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	color: #FFFFFF;
}

.consumer-messageboard img {
	width: 14px;
	height: 14px;
	margin: 14px;
}

.consumer-messageboard div {
	display: inline-block;	
	align-items: center;
}

.mobile-index-tips{
   width: 95%; position: relative; margin: 15px auto; background: #1a4f8d; border-radius: 5px; cursor: pointer;
}

.mobile-index-tips-container{
   width: 95%; position: relative; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 8px 0;
}

.mobile-index-tips-icon{
   width: 20px; position: relative;
}

.mobile-index-tips-icon img{
   width: 100%; vertical-align: bottom;
}

.mobile-index-tips-text{
   width: calc(100% - 30px); position: relative; font-size: 15px; font-weight: 500; color: #eee;
}