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

/* ----- 940 影音輪播 ----- */
.video_swiper a.tit { display:block; width:100%; margin:0 auto 10px; }
.video_swiper a.tit img { width:170px; }

.video_swiper { width:100%; height:auto; padding:20px 15px; position:relative; overflow:hidden; margin:0 0 30px; position: relative;
	background:url("https://www.transparenttextures.com/patterns/black-orchid.png") repeat, #444; }
.video_swiper .video-container { margin:0 0 30px; overflow: hidden; }
.video_swiper .video-container .swiper-slide div { width:100%; height:0; padding:0 0 55%; overflow:hidden; border-radius:8px; }
.video_swiper .video-container a img { width:100%; height:auto; }
.video_swiper .video-container a h3 { color:#fff; font-weight:normal; font-size:18px; line-height:1.4; letter-spacing:1px; margin:10px 0px 0px 0px; height:52px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 5px; }
/* 分頁 */
.video_swiper .swiper-pagination { width:100%; bottom:18px; z-index:1; }
.video_swiper .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px; background-color:#eee; opacity:0.6; }
.video_swiper .swiper-pagination-bullet-active { background-color:#ffbd00; opacity:1; }
/* 左右鍵 */
.video_swiper .video-button-next, .video-button-prev { width:50px; height:50px; cursor:pointer; position:absolute; top:40%; z-index:1; opacity:0.7; }
.video_swiper .video-button-next { right:5px; }
.video_swiper .video-button-prev { left:7px; }
.video_swiper .video-button-prev:before, .video_swiper .video-button-next:before { content:""; display:inline-block; width:50px; height:50px; 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)); }
.video_swiper .video-button-next:before { transform: rotate(180deg); }

@media screen and (max-width:600px) {
	.video_swiper .video-container a h3 { font-size:20px; }
}