@charset "utf-8";
/* CSS Document */

/* ----- 大圖右 1：輪播 ----- */
.swiper-B { margin-bottom:20px; position:relative; }
.swiper-B a.swiper-slide > div { height: 0; padding: 0 0 56% 0; border-radius:8px; overflow:hidden; }
/* 輪播 + 直播標題 2行 */
.swiper-B .videoLiveTit
{ width:100%; max-height:50px; background-color:#fff; padding:5px 5px 0; font-size:17px; letter-spacing:1px; font-family: Arial, helvetica, "微軟正黑體", sans-serif; font-weight: normal; color:#111; cursor:pointer; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
b.videoIcon { width:20px; height:20px; display:inline-block; background:url(../../images/video01.svg) no-repeat center; background-size:20px; vertical-align:top; margin:0 4px 0 0; }
/* 影音輪播：左右鍵 */
.swiper-B > .btnPrev, .swiper-B .btnNext { display: block; cursor:pointer; width:30px; height:40px; position: absolute; top:55px; z-index:1; }
.swiper-B > .btnPrev { left:0; }
.swiper-B > .btnNext { right:0; }
.swiper-B > .btnPrev:before, 
.swiper-B > .btnNext:before { content:""; display:block; width:100%; height:100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iODAiIGhlaWdodD0iMTUwIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHBvaW50cz0iNjAsMTAgMjIsNzIuNSA2MCwxNDAgIi8+PC9zdmc+");
background-size: contain; background-repeat: no-repeat; 
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9)); -webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,.9)); }
.swiper-B > .btnNext:before { transform: rotate(180deg); }

@media screen and (max-width:700px) { /* 大圖右 1+2 並排 */
	.swiper-B { margin-right:2%; margin-bottom:10px; }
}
@media screen and (max-width:600px) { /* 單則 */
	.swiper-B { margin:0; }
	.swiper-B .videoLiveTit { max-height:57px; font-size:20px; }
	.swiper-B .btnPrev, .swiper-B .btnNext { width:40px; height:65px; top:40%; } /* 同大圖輪播 */
}
@media screen and (max-width:450px) { /* Mobile */
	.swiper-B a.swiper-slide > div { border-radius:0; }
	.swiper-B .btnPrev, .swiper-B .btnNext { width:30px; height:45px; } /* 同大圖輪播 */
}