/*匯入共用影片模組*/
@import url(../css/style_in/style_video/style_video.css);

/* ================================================================= */
/* 首頁 */
/* ================================================================= */















/* ================================================================= */
/* 首頁 影音專區 */
/* ================================================================= */


.indexVideoBg{
	padding: clamp(2.2581rem, 3.6458vw, 4.3750rem) 0; /* 36.13px , 3.6458vw , 70.00px */
}
.indexVideoBg .wrap{
    /* width: 90%; */
}
.indexVideoBg .wrap .video_area{
	/* display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(.625rem,1.0417vw,1.25rem);
	column-gap: 1.0417vw;
	width: 100%; */
	margin-bottom: 20px;
}
.indexVideoBg .wrap .video_area iframe{
	/*width: calc((100% / 4) - (3 * 1.0417vw / 4));*/ /* 4欄平均寬度，扣除間距  3 */
	/* height: auto;
	aspect-ratio: 16/9; */
}

.indexVideoBg .video_title {
    display: none;
}

/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    /* 影音專區_列表 */
	ul.video_area li{
        width: calc((100% / 4) - (3 * 1.5625vw / 4)); /* 4欄平均寬度，扣除間距 */
	}
}

/* 在螢幕寬度大於641時，套用這裡的特定樣式 */
@media screen and (min-width: 640.1px) and (max-width: 990px){

    /* 影音專區_列表 */
	.indexVideoBg  ul.video_area li{
        width: calc((100% / 2) - (1 * 1.5625vw / 2)); /* 4欄平均寬度，扣除間距 */
	}

}


@media (max-width: 768px){

    .indexVideoBg .wrap{
        width: 90%;
    }

	.indexVideoBg .wrap .video_area{
		/* flex-direction: column; */
		/* gap: 0.9375rem; */
	}
	.indexVideoBg .wrap .video_area iframe{	
		/*width: calc((100% / 2) - (1 * 0.9375rem / 2));*/ /* 2欄平均寬度，扣除間距  1 */
	}
}



@media (max-width: 640px){
	.indexVideoBg .wrap .video_area{
		/* flex-direction: column; */
	}
	.indexVideoBg .wrap .video_area iframe{
	
		/* width: 100%; */
		
	}
}