@charset "UTF-8";
/* 金馬直播TV */
.live-channel{background-repeat: no-repeat;background-size: cover;}
.live-channel .channel-info{padding: 14px 14px 0px 14px;}
.live-channel .channel-view{display: inline-flex;}
.live-channel{margin-bottom: 64px; height: 100%;}
.live-channel .channel-bottom-box{padding: 14px;padding-bottom: 10px;}
.live-channel .channel-view > span > img{margin-right: 14px;}
.live-channel .btn-default{color: #fff;background-color: transparent;border-color: #fff;border-radius: 4px;min-width: 190px;font-size:18px; cursor: pointer;}
.live-channel .btn-default:hover{color: #fff}
.live-channel .btn-default > img{margin-right: 6px;vertical-align: unset;}
.live-channel .channel-bottom-inline.left{float: right;}
/*.live-channel .channel-item{overflow: visible;}*/
.live-channel .btn-default:first-child{margin-right: 16px;}
.live-channel .channel-bottom-inline .btn-deep-default{background-color: #1B62B4;border: 1px solid #1B62B4;}
.live-channel .channel-bottom-inline .btn-deep-default:focus,.live-channel .channel-bottom-inline .btn-deep-default:hover,.live-channel .channel-bottom-inline .btn-deep-default:active{background-color: #3a88e1;border: 1px solid #3a88e1;}
.live-channel .channel-bottom-inline .btn-light-default{background-color: #FFFFFF20;border: 1px solid #fff;}
.live-channel .channel-bottom-inline .btn-light-default:focus,.live-channel .channel-bottom-inline .btn-light-default:hover,.live-channel .channel-bottom-inline .btn-light-default:active{background-color: #FFFFFF40;border: 1px solid #fff;}

/* 推薦頁金馬直播 */
#broadcast.gallery-top {background-repeat: no-repeat;background-size: cover;min-height: 650px;padding-top: 70px;}
#broadcast.gallery-top .live-channel .channel-bottom-box{padding: 0px;min-width: 906px;}

#broadcast .channel-item {width: 100%; float: left; clear: both; overflow: hidden; background: #000000;position: relative; margin-bottom: 64px; }
#broadcast .channel-item.no-list {background: transparent; }
#broadcast .channel-item.standby .player-box {cursor: pointer; }

@media (min-width: 1800px) {
#broadcast.gallery-top{height: 800px;}
}
@media (min-width: 1024px) {
#broadcast .tv.player-box, #broadcast.gallery-top .live-channel .channel-bottom-box{min-width: 936px;left: 50%;transform: translateX(-50%);}
}
#broadcast .tv.player-box, #broadcast.gallery-top .live-channel .channel-bottom-box{min-width: 936px;left: 50%;transform: translateX(-50%);}
#broadcast.gallery-top .channel-item {margin-bottom: 14px;}
#broadcast .tv-player iframe{border: 0;}

.channel-title span.tag-mv{display: inline-block;margin: 0 6px;padding: 0px 6px;font-size: .9em;line-height: 1.4;color: #ffffff;background: #3d5afe;min-width: 44px;text-align: center;font-weight: initial;}

.player-box .login-mask-box {width: 100%; height: 100%; position: absolute; left: 0px; top: 0; z-index: 200; background: rgba(0, 0, 0, 0.8); text-align: center; font-size: 20px; pointer-events: none;}
.player-box .login-mask-box > div {position: absolute; width: 100%; left: 0; top: 45%; margin-top: -57px;}
.btn-primary {pointer-events: auto;}