.video-section-wrapper {
	max-width: 100%;
	margin: 0 auto;
	padding: 6.944vw  11.11vw;
}
/* Slick 基本設定 */
.video-container {
	margin: 0 -0.521vw;
}
.video-slide-item {
	padding: 0 1.042vw;
	outline: none;
}
.video-image-box {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	background: var(--c-green-light);
}
.video-image-box img {
	width: 100%;
	transition: transform 0.3s ease;
	display: block;
}
.video-image-box:hover img {
	transform: scale(1.05);
	opacity: 0.8;
}
.video-title {
	color: var(--c-black);
    margin-top: 0.625vw;
    text-align: center;
    font-weight: 400;
    font-size: 1.25vw;
    margin-bottom:1.042vw;
}

@media (max-width: 767px) {	
.video-section-wrapper {
	padding: 10vw 40px; 
}
.video-title {
    margin-top: 10px;
    font-size: 3.865vw;
    margin-bottom:10px;
}
}

.video-section-wrapper .slick-prev, 
.video-section-wrapper .slick-next {
	z-index: 10;
}
.video-section-wrapper .slick-prev:before, 
.video-section-wrapper .slick-next:before {
	color: var(--c-green);
	font-size: 30px;
}
.video-section-wrapper .slick-prev { left: -35px; }
.video-section-wrapper .slick-next { right: -35px; }

@media (max-width: 767px) {	
.video-section-wrapper .slick-prev:before, 
.video-section-wrapper .slick-next:before {
    font-size: 20px;
}
.video-section-wrapper .slick-prev, 
.video-section-wrapper .slick-next {
    top: 40%;
}
.video-section-wrapper .slick-prev { left: -25px; }
.video-section-wrapper .slick-next { right: -25px; }
}

/* Modal */
#videoModal.modal.show {
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    padding-right: 15px !important;
}
#videoModal .modal-dialog {
	width: 90%;
	max-width: 1000px;
	margin: 30px auto;
	max-height:90vh;
}
#videoModal.modal .modal-content{
	background:transparent; 
	border:none; 
	box-shadow:none;
}
#videoModal .modal-header {
    position: relative;
    z-index: 2;
	border:none; 
	padding: 5px;
}
#videoModal .modal-header button{
	color:#fff; 
	opacity:1; 
	font-size:40px; 
	padding:0;
}
#videoModal .modal-body {
padding:0;
}
#videoModal .embed-responsive {
	background: #000;
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

/* 電腦版標準比例 */
@media (min-width: 768px) {
	#videoModal .embed-responsive {
		padding-bottom: 56.25%; /* 預設 16:9 */
		height: 0;
	}
	/* 如果是直式影片（如 FB Reel），電腦版給予特定比例 */
	#videoModal .is-portrait .embed-responsive {
		padding-bottom: 90vh; 
		max-width: 24vw;
		margin: 0 auto;
	    max-height:90vh;
	}
	#videoModal .embed-responsive .embed-responsive-item {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
}

/* 手機版直式影片優化 */
@media (max-width: 767px) {
	#videoModal .video-container.no-slick {
		display: block;
	}
	#videoModal .video-container.no-slick .video-slide-item {
		width: 100% !important;
		display: block;
	}

	#videoModal .modal-dialog {
		height: 85vh;
		display: flex;
		align-items: center;
		margin: 7.5vh auto;
	}
	#videoModal .modal-content {
		width: 100%;
		max-height: 100%;
	}
	#videoModal .embed-responsive {
		padding-bottom: 0;
		height: 75vh;
	}
	#videoModal .embed-responsive-item {
		height: 100%;
		width: 100%;
		border: 0;
	}
	#videoModal .modal-header {
		top: -30px;
	}
}