/* 匯入共用最新消息list.css */
@import url(../css/style_nav/style_latest_news/style_latest_news_list.css);

/* 匯入共用最新消息list.css */
/* @import url(../css/style_nav/style_latest_news/style_activity_list.css); */






/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/


.indexmain{
	position:relative;
	margin-top: 122px;
}




/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/


/*首頁內容區塊*/	
.mainContent{
	padding: 0;
	position: relative;
	overflow: hidden;

	/* background-image:url(../images/bg.webp);
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:cover; */
}

.mainContent::before{
	/*position: absolute;
	content: "";
	background-image:url(../images/bg.webp);
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	width: 50%;
	max-width:  clamp(8.0648rem, 13.0208vw, 15.6250rem);*/ /* 129.04px , 13.0208vw , 250.00px */
	/*aspect-ratio: 1; 
	top: 20%;
	right: 5%;
	z-index: -1;*/
}





	.index_itemBg{
		padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /* 46.45px , 4.6875vw , 90.00px */
		position: relative;
		/* background-color: var(--seventh_color); */
	}


	/*----- 首頁標題1 -----*/
	.index_title {
		color: var(--dark_color);
		font-size: 3.125em;
		font-weight: 400;
		line-height: 1;
		
		
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
		margin-bottom: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
	}	
		.index_title strong{	
			letter-spacing:clamp(0.2419rem, 0.3906vw, 0.4688rem); /* 3.87px , 0.3906vw , 7.50px */
			font-size: inherit;
			line-height: inherit;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			/* position: relative; */
			/*padding-bottom: clamp(0.6452rem, 1.0417vw, 1.2500rem); *//* 10.32px , 1.0417vw , 20.00px */
		}	

		.index_title span{	
			font-size:inherit;
			color: #F2B28D;
			font-weight: 600;
			line-height: inherit;
		}	






.index_button{
	font-size: 1.125em;
	display: flex;
	justify-content: center;
	margin-top: clamp(1.5162rem, 2.4479vw, 2.9375rem); /* 24.26px , 2.4479vw , 47.00px */
}

	.index_button a{
		border-radius: 6.25rem;
		color: #fff;
		text-decoration: none;
		background-color: var(--second_color);
		padding: clamp(0.6774rem, 1.0938vw, 1.3125rem) 0; /* 10.84px , 1.0938vw , 21.00px */
		padding-left: clamp(2.1936rem, 3.5417vw, 4.2500rem); /* 35.10px , 3.5417vw , 68.00px */
		padding-right:clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		display: inline-flex;
		align-items: center;
		column-gap: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
	}
	.index_button a:after{
		content: "";
		background-image: url(../images/arrow_icon.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 99.9%;
		width: 0.6875rem;
		aspect-ratio: 1;
		display: block;
	}

	
@media (max-width: 1100px){
	
.indexmain{
padding-top: 0;
}


	.mainContent{	
		/* padding: 25px 0px;	 */
	}	


		.index_itemBg{
			padding: clamp(2.1875rem, 2.8125vw, 3.3750rem) 0 0; /* 35px , 2.8125vw , 54.00px */
		}


		/*----- 首頁標題1 -----*/
		.index_title{
			/* font-size: 25px; */
			/* line-height: 1.2; */
			/* font-size: 1.375rem; */
			letter-spacing: normal; 

			font-size: 1.5625rem; /*25*/
		}
		

		.index_button{
			margin-top: 0.9375rem; /* 15px */
		}

}








/*=========================================================================*/
/*------------首頁_輪播區塊------------*/
/*=========================================================================*/


.indexmain .banner {
	padding-bottom: 20px;
}
.banner_item a:focus {
    /* outline-width: var(--focus_outline-width) !important;
    outline-style: var(--focus_outline-style) !important;
    outline-color: var(--focus_outline-color) !important; */
    background-color: var(--focus_outline-color) ;
}
.banner_item a:focus img{
    opacity: 0.5;
    background-color: var(--focus_outline-color) ;
}

.indexmain .banner .swiper-pagination {
    /* position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10; */
	top: unset !important;
	bottom: 0 !important;
}


.pcBanner{
	/* aspect-ratio: 192 / 52; */
}
.mobileBanner{
	/* aspect-ratio: 1; */
}

.indexmain .banner .swiper-pagination-bullet:focus {
    outline-width: var(--focus_outline-width);
    outline-style: var(--focus_outline-style);
    outline-color: var(--focus_outline-color);
}


@media (max-width: 1100px){
	
.banner .swiper-button-prev,
.banner .swiper-button-next {
	display: none;
}

}





/*=========================================================================*/
/*------------首頁_最新消息區塊------------*/
/*=========================================================================*/


/*-------首頁_最新消息區塊--------*/
.index_newsBg {
    /*padding: 30px 0px;*/
    /* float: left; */
    /* width: 65%; */
    box-sizing: border-box;
	position: relative;
}

	.index_newsBg .wrap{
		max-width: 73.75rem;
	}

	.index_news_area{		
		display: flex;				
		flex-direction: column;				
		justify-content: center;
	}

	.index_newsBg  .p_tab_text_area {
		background: #fff0;
	}
		.index_newsBg .tab_area {
			border-bottom: 1px solid var(--second_color);
		}

		.index_newsBg .news_area {	
			margin-top: clamp(0.7420rem, 1.1979vw, 1.4375rem); /* 11.87px , 1.1979vw , 23.00px */
		}

		.index_newsBg .wrap {	
			position: relative;
			z-index: 6;
		}


		/* 裝飾------------------------- */
		.index_news_decorate{
			position: absolute;
			display: block;
			z-index: 0;
		}
		.index_news_decorate1{
			bottom: 26%;
			right: 9%;
		}
		.index_news_decorate2{
			top: 14%;
			left: 8%;
		}
			.index_news_decorate1:before ,
			.index_news_decorate2:after{
				content: "";
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				display: block;
			}

			.index_news_decorate1:before{
				background-image: url(../images/index_news_decorate1.svg);				
				aspect-ratio:95 / 84;
				/*width: clamp(4.8389rem, 7.8125vw, 9.3750rem);*/ /* 77.42px , 7.8125vw , 150.00px */
				width: clamp(5.8066rem, 9.3750vw, 11.2500rem); /* 92.91px , 9.3750vw , 180.00px */
			}
			.index_news_decorate2:after{
				background-image: url(../images/index_news_decorate2.svg);
				aspect-ratio: 76 / 85;
				/*width: clamp(5.3228rem, 8.5938vw, 10.3125rem);*/ /* 85.16px , 8.5938vw , 165.00px */
				width: clamp(4.5163rem, 7.2917vw, 8.7500rem); /* 72.26px , 7.2917vw , 140.00px */
			}



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

    /*首頁_最新消息區塊*/
    .index_newsBg{
        /* padding-top: 0; */
		padding-bottom: clamp(4.6453rem, 7.5000vw, 9.0000rem); /* 74.33px , 7.5000vw , 144.00px */
    }	

	.index_newsBg::before{
		content: "";
		width: 100%;
		aspect-ratio: 300 / 48;
		display: block;		
		bottom: clamp(4.6453rem, 7.5000vw, 9.0000rem); /* 74.33px , 7.5000vw , 144.00px */
		position: absolute;
		background-image: url(../images/bg.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		z-index: 0;
		pointer-events: none;
	}
	.index_newsBg::after{
		content: "";
		width: 100%;		
		height: clamp(4.6453rem, 7.5000vw, 9.0000rem); /* 74.33px , 7.5000vw , 144.00px */
		position: absolute;
		bottom: 0;
		z-index: 0;
		pointer-events: none;
		background-color: var(--seventh_color);
	}

}



@media (max-width:1100px){

    .index_newsBg{
        padding-bottom: clamp(2.1875rem, 2.8125vw, 3.3750rem) ; /* 35px , 2.8125vw , 54.00px */
    }

		/* 裝飾------------------------- */
		.index_news_decorate{
			display: none;
		}

}



@media screen and (min-width: 769px) {

	
/*首頁內容_最新消息內容區塊*/
.index_newsBg .news_area{
	gap: 2.3438vw; /*45*/
}

	/*列表*/
	.index_newsBg .news_list{
        width: calc((100% / 3) - (2 * 2.3438vw / 3)); /* 3欄平均寬度，扣除間距 */
	}
	
}

@media (max-width:768px){

	/*列表*/
	.index_newsBg .news_list{
        width: 100%; 
	}
	
}









/*=========================================================================*/
/*------------首頁_議題專區區塊------------*/
/*=========================================================================*/


.index_topicBg{

}

	.index_topic_area{
		background-color: var(--seventh_color);
	}

	/* .index_topicBg::before , */
	.index_topicBg::after{
		/* content: "";
		width: 100%;
		aspect-ratio: 300 / 48;
		display: block;
		background-repeat: no-repeat;
		background-size: cover; */		
	}

	.index_topicBg::before{
		/* background-image: url(../images/bg.svg);
		background-position: top center; */
	}
	.index_topicBg::after{
		/* background-image: url(../images/bg2.svg); */
		/* background-position: bottom center; */
	}




		/* 裝飾------------------------- */
		.index_topic_decorate{
			position: absolute;
			display: block;
			z-index: 0;
		}
		.index_topic_decorate1{
			bottom: 2%;
			right: 9%;
		}
		.index_topic_decorate2{
			top: 14%;
			left: 8%;
		}
			.index_topic_decorate1:before ,
			.index_topic_decorate2:after{
				content: "";
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				display: block;
			}

			.index_topic_decorate1:before{
				background-image: url(../images/index_topic_decorate2.svg);				
				aspect-ratio:64 / 55;
				width:  clamp(2.0001rem, 3.2292vw, 3.8750rem); /* 32.00px , 3.2292vw , 62.00px */
			}
			.index_topic_decorate2:after{
				background-image: url(../images/index_topic_decorate1.svg);
				aspect-ratio: 116 / 93;				
				width:clamp(3.7098rem, 5.9896vw, 7.1875rem); /* 59.36px , 5.9896vw , 115.00px */
			}




	.index_topicBg .wrap{
		max-width: 73.75rem;
		z-index: 6;
		position: relative;
		/*display: flex;
		align-items: center;
		gap: clamp(2.0646rem, 3.3333vw, 4.0000rem);*/ /* 33.03px , 3.3333vw , 64.00px */
	}
		.index_topic_left{
			
		}
			.index_topicBg .index_title{
				
			}
				.index_topicBg .index_title span{
					color: var(--third_color);
				}

		.index_topicBg .index_button a{
			background-color: var(--third_color);
		}
		.index_topic_left .index_button{
			justify-content: unset;
		}
		.index_topic_right .index_button{
			
		}


		.topic_area{
			margin: 0;
			padding: 0;
			list-style-type : none;
			display: block;
			color: var(--dark_color_sec);
			font-weight: 400;
			line-height: 1.25;
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

            .topic_area li{
				margin: 0;
				padding: 0;
				list-style-type : none;
				display: block;
			}
                .topic_list{
					gap:clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
					display: flex;
					/* align-items: center; */
				}
                    .topic_area .img{
						min-width:clamp(5.4840rem, 8.8542vw, 10.6250rem); /* 87.74px , 8.8542vw , 170.00px */
					}
                         .topic_area .img a{
							position: relative;
							/* width: 168.792px; */
							/* height: 125.821px; */
							/* flex-shrink: 0; */
							aspect-ratio: 55 / 41;
							display: block;
							overflow: hidden;
						 }
                         .topic_area .img img{
							width: 100%;
							height: 100%;
							object-fit: cover;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: 0.3s ease all;
							border-radius: 5px;
							}


					.topic_info{
						display: flex;
						gap: clamp(0.8710rem, 1.4063vw, 1.6875rem); /* 13.94px , 1.4063vw , 27.00px */
						border-bottom: 1px solid #D7D2D2;
						align-items: center;
					}
					.topic_area .date{
						font-size: 0.875em;
						font-weight: 400;
						line-height: normal;
					}
					.topic_area .tag{						
						font-size: 1em;						
						/* line-height: 1.25; */
					}
						.topic_area .tag a{
							color: inherit;
							text-decoration: none;

							white-space: nowrap;
							text-overflow:ellipsis;
							overflow: hidden;
						}

					.topic_area .title{
						font-size: 1.1875em;
					}
						.topic_area .title a{
							color: inherit;
							text-decoration: none;

							white-space: nowrap;
							text-overflow:ellipsis;
							overflow: hidden;
						}









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

.index_topicBg{
	padding: 0;
}

	.index_topic_area{
		padding: clamp(1.9678rem, 3.1771vw, 3.8125rem) 0; /* 31.48px , 3.1771vw , 61.00px */
		padding: 0;
	}

	.index_topic_left .index_button{
		
	}
	.index_topic_right .index_button{
		display: none;			
	}


}



@media (max-width:1100px){

    .index_topicBg{
		background-color: var(--seventh_color);
    	padding: clamp(2.1875rem, 2.8125vw, 3.3750rem) 0 ; /* 35px , 2.8125vw , 54.00px */
	}
	.index_topicBg::after {
		display: none;
	}
		.index_topic_area {
			background-color: transparent;
		}


		/* 裝飾------------------------- */
		.index_topic_decorate{
			display: none;
		}

}


@media screen and (min-width: 769px) {

	
/*首頁內容_最新消息內容區塊*/
.index_topicBg .news_area{
	gap: 2.3438vw; /*45*/
}

	/*列表*/
	.index_topicBg .news_list{
        width: calc((100% / 3) - (2 * 2.3438vw / 3)); /* 3欄平均寬度，扣除間距 */
	}
	
}

@media (max-width:768px){

	/*列表*/
	.index_topicBg .news_list{
        width: 100%; 
	}
	
}
















     
/*=========================================================================*/
/*------------首頁_真人圖書館區塊------------*/
/*=========================================================================*/


.index_libraryBg{

}

	.index_library_area{
		/* background-color: var(--seventh_color); */
	}

	/* .index_libraryBg::before , */
	.index_libraryBg::after{
		/* content: "";
		width: 100%;
		aspect-ratio: 300 / 48;
		display: block;
		background-repeat: no-repeat;
		background-size: cover; */		
	}

	.index_libraryBg::before{
		/* background-image: url(../images/bg.svg);
		background-position: top center; */
	}
	.index_libraryBg::after{
		/* background-image: url(../images/bg2.svg);
		background-position: bottom center; */
	}




		/* 裝飾------------------------- */
		.index_library_decorate{
			position: absolute;
			display: block;
			z-index: 0;
		}
		.index_library_decorate1{
			top: -71%;
			right: -4%;
		}
		.index_library_decorate2{
			bottom: -16%;
			right: -5%;
		}
			.index_library_decorate1:before ,
			.index_library_decorate2:after{
				content: "";
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				display: block;
			}

			.index_library_decorate1:before{
				background-image: url(../images/index_library_decorate1.svg);				
				aspect-ratio:116 / 93;
				width: clamp(3.7098rem, 5.9896vw, 7.1875rem); /* 59.36px , 5.9896vw , 115.00px */
			}
			.index_library_decorate2:after{
				background-image: url(../images/index_library_decorate2.svg);
				aspect-ratio: 64 / 55;				
				width:clamp(2.0001rem, 3.2292vw, 3.8750rem); /* 32.00px , 3.2292vw , 62.00px */
			}



	.index_libraryBg .wrap{
		max-width: 73.75rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}
		.index_library_left{
			/* width: 39.9%;	 */
			width: 41%;	
			/* padding-right: 2.8646vw; */

			display: flex;
			flex-direction: column;
			gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
		}
			.index_libraryBg .index_title{
			position: relative;
			}
				.index_libraryBg .index_title span{
					/* color: var(--third_color); */
					color: #84B1EA;
				}

			.index_libraryBg  .sub{
				display: -webkit-box;
				-webkit-box-orient: vertical;	
				-webkit-line-clamp: 4;	
				overflow: hidden;

				color: var(--dark_color_sec);
				/* font-size: 3.2694em; */
				font-size: 1.625em;/*26*/
				font-weight: 600;
				line-height: 1.2;
				margin-bottom: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
			}

			.index_libraryBg  .description{
				color: var(--dark_color);
				font-size: 1.25em;
				font-weight: 400;
				line-height: 1.5;
				
				position: relative;
			}

			.index_libraryBg   .description_in{
				color: inherit;
				font-size: inherit;
				font-weight:inherit;
				line-height: inherit;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 9;
				overflow: hidden;
			}


		.index_libraryBg .index_button a{
			background-color: var(--fourth_color);
		}
		.index_library_left .index_button{
			/* justify-content: unset; */
		}
		
		.index_library_right{
			width: 51.3%;
			/* padding-left: 2.8646vw; */
		}

			.index_library_right .index_library_right_text{
				color: #DADADA;
				font-size: 3.125em;
				font-weight: 400;
				line-height: 1;
				position: absolute;
				right: -2%;
				z-index: 1;
				top: -5%;
				display: inline-flex;
				flex-direction: column;
				letter-spacing: -0.125rem;
				pointer-events: none;
			}

			.index_library_right .index_library_right_text span{
				display: block;
				font-size: inherit;
				font-weight: inherit;
				line-height: inherit;
			}
			.index_library_right .index_library_right_text span:nth-of-type(2){
				text-indent: calc(3.125em / 2 * 1);
			}
			.index_library_right .index_library_right_text span:nth-of-type(3){
				text-indent: calc(3.125em / 2 * 2);
			}





			.index_library_right .img{
				width: 100%;
			}
				.index_library_right .img a{
					position: relative;
					padding-top: 118.1%;
					border-radius: clamp(3.4840rem, 5.6250vw, 6.7500rem); /* 55.74px , 5.6250vw , 108.00px */
					/* aspect-ratio: 55 / 41; */
					display: block;
					overflow: hidden;
					width: 100%;
				}
				.index_library_right .img img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					float: none;
					width: 100% !important;
					height: 100% !important;
					object-fit: cover;
					transition: 0.3s ease all;
					border-radius: inherit;
				}

				.index_library_right .img a:hover{
					opacity: 0.7;
				}

















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

.index_libraryBg{
	padding-top:clamp(5.3228rem, 8.5938vw, 10.3125rem); /* 85.16px , 8.5938vw , 165.00px */
}
.index_libraryBg::before {
    content: "";
	position: absolute;
	top: 0;
    width: 100%;
    aspect-ratio: 300 / 48;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/bg2.svg);
    background-position: bottom center;
}

	.index_libraryBg .index_title{
		margin-bottom: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
	}

	.index_library_left .index_button{
		justify-content: unset;
		margin-top: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
	}
	


}



@media (max-width:1280px){

	.index_library_decorate1 {
		top: -52px;
		right: -4%;
	}

}

@media (max-width:1100px){

    .index_libraryBg{
		/*background-color: var(--seventh_color);
    	padding: clamp(2.1875rem, 2.8125vw, 3.3750rem) 0 0;*/ /* 35px , 2.8125vw , 54.00px */
	}
	.index_libraryBg::after {
		/* display: none; */
	}

	

	/* 裝飾------------------------- */
	.index_library_decorate{
		display: none;
	}


		.index_library_area {
			/* background-color: transparent; */
		}

	.index_libraryBg .wrap{
		/* max-width: 73.75rem; */
		display: flex;
		align-items: unset;
		justify-content: unset;
		flex-direction: column-reverse;
		gap: 1.5625rem;
	}

	.index_library_left ,
	.index_library_right{
		width: 100%;		
	}

	.index_library_left {
		gap: 0;
	}
	.index_library_right{
		max-width: 37.5rem; /*600*/
		margin: 0 auto;
	}

	.index_libraryBg  .sub{
		font-size: 1.125em;
	}
	.index_libraryBg  .description{
		font-size: 1em;
	}
	
	.index_library_right .index_library_right_text{
		display: none;
	}
	.index_library_right .img a{
		border-radius: 0.9375rem;
	}
}
















/*=========================================================================*/
/*------------首頁_影音專區區塊------------*/
/*=========================================================================*/


.index_videoBg{

}

	
	.index_videoBg .wrap{
		/*max-width: 104.6875rem;*/ /*1675*/	
		max-width: 73.75rem;	
	}

			.index_videoBg .index_title{				
			}
				.index_videoBg .index_title span{
					color: #E0D699;
				}

			.index_videoBg .index_button a{
				background-color: #c9be7a;
			}
			

		.index_video_area{
			display: flex;
			flex-wrap: wrap;
			gap: 1.3021vw;
		}

		/* 影音列表 */
		.video_list {
			box-sizing: border-box;
			width: calc((100% / 3) - (2 * 1.3021vw / 3)); /* 3欄平均寬度，扣除間距 */
			/* color: #FFF; */
		}
		.video_list:focus{
			outline-width: var(--focus_outline-width);
			outline-style: var(--focus_outline-style);
			outline-color: var(--focus_outline-color);
		}
			.video_box{
			}

			/* 影音列表_圖 */
			.videoImg {
				text-align: center; /* 圖片置中 */
				position: relative;
			}

				.videoImg img {
					/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
				}
					.videoImg span ,
					.videoImg a{
						position: relative;
						/* aspect-ratio: 542 / 407; */
						aspect-ratio: 16 / 9;
						display: block;
						overflow: hidden;	
						transition: 0.3s ease all;	
						background-color: #000;	
						cursor: pointer;	
					}
						.videoImg span > img ,
						.videoImg a > img{	
							width: 100%;
							height: 100%;
							object-fit: cover;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: 0.3s ease all;
							opacity: 0.5;
						}
						.videoImg span:hover img{
							transform: scale(1.05);		
						}

					.video_list .play{	
						/*width: clamp(3.8711rem, 6.2500vw, 7.5000rem);*/ /* 61.94px , 6.2500vw , 120.00px */
						width:  clamp(2.5807rem, 4.1667vw, 5.0000rem); /* 41.29px , 4.1667vw , 80.00px */
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50% , -50%);
						z-index: 5;
					}
						.video_list .play img{
							width: 100%;
							height: auto;
							object-fit: cover;
							cursor: pointer;
						}


		/* 影音列表_下方資訊 */
		.videoBottom {
			/*margin-top: clamp(0.8065rem, 1.3021vw, 1.5625rem);*/ /* 12.90px , 1.3021vw , 25.00px */

			margin-top: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		}

			/* 影音列表_標題 */
			.videoBottom .title {
				color: var(--dark_color_sec);
				text-align: center;
				/* font-size: 1.375em; */
				font-size: 1.25em; /*20*/
				font-weight: 400;
				line-height: 1.25; 

				display: -webkit-box;
				-webkit-box-orient: vertical;	
				-webkit-line-clamp: 2;	
				overflow: hidden;
			}


		
			















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

.index_videoBg{
	padding-top: 0;
}

}



@media (max-width:1100px){

	.index_videoBg{
		padding-bottom: clamp(2.1875rem, 2.8125vw, 3.3750rem);
	}

}

@media (max-width:768px){

    .index_videoBg{
		/*background-color: var(--seventh_color);
    	padding: clamp(2.1875rem, 2.8125vw, 3.3750rem) 0 0;*/ /* 35px , 2.8125vw , 54.00px */
	}
	
		.index_video_area{
			flex-direction: column;
			gap: 1.5625rem 0;
		}
			.index_videoBg .wrap{
			}
				.index_videoBg .video_list{
					width: 100%;
				}
					.videoBottom .title {
						font-size: 1em;
					}
				
}









/*/////////////////////////////////////////////////////////*/
/*-------燈箱--------*/
/*/////////////////////////////////////////////////////////*/

	
	
/*燈箱*/
.lightboxArea {
	position:fixed;
	width:100%;
	height: 100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	/* padding:124px 0px; */
	display:none;
}
	/*燈箱黑底*/
	.lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		position: absolute;
		top:0px;
	}
	
	/*燈箱主體*/
	.lightboxMain {
		/* height:360px; */
		/* width:80%; */
		margin:0 auto;
		background:#000;
		border-radius:5px;
		position: relative;
		transition:0.3s ease all;
		/* transform:scale(0); */
		top:0px;
		box-sizing:border-box;
		font-size:0px;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0);
		width: 75vw;
		height: calc(75vw * 9 / 16);
	}
		/*關閉燈箱按鍵*/
		.lightboxCloseBtn {
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 45px;
			height: auto;
			aspect-ratio: 1;
			line-height: 45px;
			color: var(--dark_color);
			background: var(--second_color);
			right: 0px;
			top: 0px;
			border: solid var(--second_color) 0.0625em;
			box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
		}
		.lightboxCloseBtn svg{
			fill: var(--dark_color);
			width: 1.5625rem;
			aspect-ratio: 1;
			margin: auto;
			transition: 0.3s ease all;
		}
			.lightboxCloseBtn:hover {
				background: var(--fourth_color);
				border-color: var(--fourth_color);
				transition: 0.3s ease all;
			}
			.lightboxCloseBtn:hover svg{
				fill: var(--dark_color);
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			/* .lightboxCloseBtn:hover {
				background:#221912;
				color:#fff;
			} */
			
		/*燈箱資料區*/
		.lightboxContentArea {
			/* height: 100%; */
			/* height: 80vh; */
			height: inherit;
		}
		
/* .index_video_list {
	position:relative;
	float:left;
	cursor:pointer;
	background:#000;
	margin:28px 0px 0px 0px;
}
	.index_video_list > img {
		opacity:0.6;
		transition:0.3s ease all;
		width:100%;
		height:auto;
	}
	.vL_text_area {
		position:absolute;
		width:100%;
		max-width: 15%;
		text-align:center;
		left: 50%;
		top: 50%;
		-webkit-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		box-sizing: border-box;
		color:#fff;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.75);
	}
		.vL_text_area img {
			width:100%;
			height:auto;
		} */
		/*hover*/
		/* .index_video_list:hover > img {
			opacity:1;
		} */

/* .video_list_area {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	font-size:0px;
	margin:0 -12px -30px;
} */
/*firefox hack*/
/* @-moz-document url-prefix() { 
  .video_list_area {
	  padding:8px 0px 0px 0px;
  }
} */

	/* .video_list {
		box-sizing:border-box;
		padding: 0px 12px 30px;
		width:33.3%;
	}

	.video_list2{
		width:100%;
		padding: 0px 0px 30px;
	} */


	/*firefox hack*/
	/* @-moz-document url-prefix() { 
	  .video_list {
		  padding:65px 11px 0px 11px;
	  }
	}
		.video_list .index_video_list {
			float:none;
			margin:0px;
			border-radius: 5px;
			overflow: hidden;
		}
			.video_list_remark {
				font-size: 18px;
				line-height: 24px;
				color: #3d3d3d;
				padding: 10px 0px 0px 0px;
				font-weight: bold;
			} */
			
	/*影音燈箱顯示時才會加*/
	.video_use {
		/* padding: 100px 0px; */
	}
		.video_use .lightboxMain {
			/* height:450px; */
		}
	
	/*影音燈箱*/
	.video {
		height:100%;
	}
		.video iframe {
			height:1px;
			height:100%;
			width:100%;
		}


@media (max-width: 990px){	
	/*燈箱主體*/
	.lightboxMain {
		width: 90vw;
		height: calc(90vw * 9 / 16);
	}
}

@media (max-width: 950px){	

	/*燈箱資料區*/
	.lightboxContentArea {
		height: 100%;
	}

}

@media (max-width: 600px){	

		
}