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


.home_bottom_area{
	position: relative;
	transition:  margin-top 0.001s;
}
.home_bottom_area.fixed {
    position: inherit;
    bottom: unset;
    left: unset;
    -webkit-transform: none;
    transform: none;

	position: relative;
    z-index: 5;
}


.home_main_footer_area{
    background: #fff;
    overflow: hidden;
}












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


.indexmain{
	padding: 0;
}

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

	




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


	/*----- 首頁標題1 -----*/
	.index_title {
		color: var(--dark_color);
		font-size: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
		font-weight: 700;
		line-height: normal;
		display: flex;
		/* align-items: first baseline; */
		align-items: center;
		justify-content: center;
		text-align: center;
		gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
	}	
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	
		.index_title:before{
			content: "";
			background-image: url(../images/title_icon.svg);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 99.9%;
			aspect-ratio: 28 / 59;
			width: clamp(0.9033rem, 1.4583vw, 1.7500rem); /* 14.45px , 1.4583vw , 28.00px */
			height: auto;
			transform: translateY(-6px);
			display: block;
		}	






	/*----- 首頁標題2 -----*/
	.index_title2 {
		color: var(--primary_color);
		font-size: clamp(1.2500rem, 1.3021vw, 1.5625rem); /* 20.00px , 1.3021vw , 25.00px */
		font-weight: 700;
		line-height: 1.5; 
		letter-spacing: 0.3125rem;
	}	
		.index_title2 strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}



		



	
@media (max-width: 1100px){
	
	.mainContent{	
		/* padding: 25px 0px;	 */
	}	


		.index_itemBg{
			padding: 0 0 clamp(2.9033rem, 4.6875vw, 5.6250rem) ; /* 46.45px , 4.6875vw , 90.00px */
		}


		/*----- 首頁標題1 -----*/
		.index_title{
			/* font-size: 25px; */
			/* line-height: 1.2; */
		}
		

}













/*========================================================*/
/*-------首頁banner--------*/
/*========================================================*/

.home_banner_area{
    position: fixed;
    width: 100%;
    top: 0px;
	opacity: 1;
	transition: 0.3s ease all;
}
.home_banner_area.fixed {    
	opacity: 0;
	/* height: 0 !important; */
	transition: 0.3s ease all;
}





.body_home .banner{
	background: #fff0;
	position: relative;
}

	.body_home .banner .swiper-container_pc {
	}

	



.body_home .swiper-button-prev, 
.body_home .swiper-button-next {
    position: absolute;
    top: 50%;
    margin: 0px;
    /* z-index: 10;
    cursor: pointer; */
    width: 60px;
    height: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.body_home .swiper-button-prev{		
	background-image: url(../index/images/left_arrow.webp);
}
.body_home .swiper-button-next{
	background-image: url(../index/images/right_arrow.webp);
}
.body_home .swiper-button-prev:after, 
.body_home .swiper-button-next:after {
    /* content: 'prev'; */
	display: none;
}







		/* .body_home .banner , */
		.body_home .banner .swiper ,
		.body_home .banner .swiper-wrapper ,
		.body_home .banner .swiper-slide ,
		.body_home .banner .banner_item ,
		.body_home .banner .banner_item a{
			height: 100% !important;
			width: 100%;
		}

			.body_home .banner .swiper-slide a{
				position: relative;
				display: block;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}



			.body_home .banner .pcBanner {
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				width: 100%;
				flex-grow: 1;
			}


			.body_home .banner .mobileBanner{
				display:none;
				flex-grow: 1;
			}


			

			.body_home .banner .banner_text {
				position: absolute;
				display: flex;
				flex-direction: column;

				width: 90%;
				max-width: clamp(23.8717rem, 38.5417vw, 46.2500rem); /* 381.95px , 38.5417vw , 740.00px */

				z-index: 10;
				top: 50%;
				right: unset;
				
				left: clamp(3rem, 13.6979vw, 16.4375rem); /* 48px , 13.6979vw , 263px */
				transform: translate(0, -50%);

					
				border-radius: 0.3125rem  clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
				/* background: var(--third_color); */
				background-color: rgba(252 210 196 / 50%);
				backdrop-filter: blur(12.5px);
				/* padding: 75px 70px; */
				padding: 0;			
				padding: clamp(2.4194rem, 3.9063vw, 4.6875rem) 3%; /* 38.71px , 3.9063vw , 75.00px */
				gap: clamp(1.2904rem, 2.0833vw, 2.5rem) 0; /* 20.65px , 2.0833vw , 40px */
				color: var(--dark_color);
			}


				.body_home .banner .banner_text .sub{
					/*color: var(--primary_color);
					font-size: clamp(1.0000rem, 1.0417vw, 1.2500rem);*/ /* 16.00px , 1.0417vw , 20.00px */
					/*font-weight: 500;
					line-height: normal;
					letter-spacing: 2px;

					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 1;	
					overflow: hidden;*/
				}

				.body_home .banner .banner_text .title{					
					font-size:  clamp(1.9355rem, 3.125vw, 3.75rem); /* 30.97px , 3.125vw , 60px */
					font-weight: 500;
					line-height: 1.1;
					
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					word-wrap: break-word;

					color: inherit;
				}
				.body_home .banner .banner_text .description{
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;

					overflow: hidden;
					color: inherit;
					font-size: clamp(1.0000rem, 1.0417vw, 1.2500rem); /* 16.00px , 1.0417vw , 20.00px */
					font-weight: 400;
					line-height: 200%;
				}

			.body_home .banner .more_btn{
				/*color: var(--dark_color);
				font-size: clamp(1.0000rem, 1.0417vw, 1.2500rem);*/ /* 16.00px , 1.0417vw , 20.00px */
				/*font-weight: 500;
				letter-spacing: 2px;
				line-height: 2.5;
				margin-top:clamp(0.8065rem, 1.3021vw, 1.5625rem); *//* 12.90px , 1.3021vw , 25.00px */
			}
				.body_home .banner .more_btn button {
					/*background-color: #ffffff;
					display: flex;
					width:clamp(7.5809rem, 12.2396vw, 14.6875rem); *//* 121.29px , 12.2396vw , 235.00px */
					/*height: auto;
					justify-content: center;
					align-items: center;
					border-radius: 6.25rem;
					border: none;
					cursor: pointer;
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
					letter-spacing: inherit;*/
				}

			/*.body_home .banner .swiper-slide a:hover .more_btn{
				opacity: 0.7;
			}*/






					.body_home .banner .swiper-button-prev ,
					.body_home .banner .swiper-button-next{
						opacity: 0;
						transition: 0.3s ease all;
					}
					.body_home .banner .swiper-button-prev{		
						left: calc((100vw - 13px - 1800px) / 2);						
					}
					.body_home .banner .swiper-button-next{
						right: calc((100vw - 13px - 1800px) / 2);
					}
					.body_home .banner:hover  .swiper-button-prev ,
					.body_home .banner:hover  .swiper-button-next{
						opacity: 1;
					}



	/* .banner_decorate{
	}
		.banner_decorate img{
			width: 100%;
			height: auto;
		} */





@media (max-width: 1700px){

	.body_home .banner .swiper-button-prev{		
		left: 2.5%;
	}
	.body_home .banner .swiper-button-next{
		right: 2.5%;
	}

}



		
@media (max-width: 1350px){

	.body_home .banner .banner_text {
		left: 5%;
	}

}	

@media (max-width: 1100px){
	
	.body_home .banner{
		height: 100%;	
		
	}
	.body_home .swiper-button-prev, 
	.body_home .swiper-button-next {
		width: 1.875rem; /*30*/
		height: auto;
		aspect-ratio: 1;
		background-size: 99.9%;
		background-position: center;
	}

	.body_home .banner .mobileBanner {
		/* display: block;		 */
		display: flex;
	}
	.body_home .banner .pcBanner {
		display: none;		
	}
	
	.body_home .banner .swiper-slide a{
		/* position: relative; */
		/* display: block; */
		/* padding-top: 100%;
		aspect-ratio: 320 / 233; */
		/* aspect-ratio: 1 / 1.2; */
	}
	.body_home .banner .swiper-slide .mobileBanner{
		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;
	}


	.body_home .banner .banner_text {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: 0.3125rem 0;
		padding: 5vw;
		width: 90%;
		min-width: unset;
		max-width: 100%;
		z-index: 10;
		top: 10%;
		bottom: unset;
		left: 50%;
		right: unset;
		transform: translate(-50%, -10%);
	}


		.body_home .banner .banner_text .sub{
			font-size:1.125rem; /* 18px */
			letter-spacing:normal;
		}
		.body_home .banner .banner_text .title{
			font-size:  1.375rem; /*22*/
			letter-spacing:normal;
		}
		.body_home .banner .banner_text .description{
			font-size: 1rem;
			letter-spacing:normal;
		}




		.body_home .banner .swiper-button-prev{		
			left: 5%;
		}
		.body_home .banner .swiper-button-next{
			right: 5%;
		}
		

}





@media (max-width: 640px){

	.body_home .banner .swiper-slide a{
		aspect-ratio: 1 / 1.2;
	}

	.body_home .swiper-button-prev, 
	.body_home .swiper-button-next {
		display: none;
	}
	
}



















/*========================================================*/
/*-------首頁_關於我們區塊--------*/
/*========================================================*/

.index_aboutBg{
	background-image: url(../images/bg.png);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.index_aboutBg::before{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 10 / 1;
	background-image: linear-gradient(0deg, #ffffff 0%, rgba(255 255 255 / 50%) 40%, #ffffff00 100%);
	z-index: 0;
}

	.index_aboutBg .wrap{
		max-width: 95.625rem; /*1530*/
		position: relative;
		z-index: 2;
	}
		.index_about_area{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			padding-left: clamp(3.2259rem, 5.2083vw, 6.2500rem); /* 51.61px , 5.2083vw , 100.00px */

			display: grid;
			grid-template-columns: 67.33fr  minmax(clamp(2.2581rem, 3.6458vw, 4.3750rem) , 1fr) 111.33fr;
			column-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
		}
			.index_about_left{
				/* width: 30.3%; */
			}
			/* .index_about_center{
				width: 100%;
				height: 0.25rem;
				background-color: var(--primary_color);
			} */




	.index_about_center{
		/*background-color: #e8eaee; */
		/* background-color:#bfbfbf; */
		/* width: 2px;
		height: 80px; */

		width: 100%;
		height: 0.25rem;
		/* margin: 0 auto; */

		position:relative;
		overflow:hidden;
	}
	.index_about_center:before{
		position:absolute;
		content:'';
		background-color: var(--primary_color);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0%;

		/*效果命名*/
		transform: translateX(0%);
		animation: line_animation 2s 1s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	@keyframes line_animation {
	  0% {
		/* transform: scale(1, 1);
		transform-origin: 100% 100%; */

		transform: scale(1, 1);
		transform-origin: 100% 100%;
	  }
	  15% {
		/* transform: scale(1, 1);
		transform-origin: 100% 100%; */

		transform: scale(1, 1);
		transform-origin: 100% 100%;
	  }
	  30% {
		/* transform: scale(1, 0);
		transform-origin: 100% 100%; */

		transform: scale(0, 1);
		transform-origin: 100% 100%;
	  }
	  45% {
		/* transform: scale(1, 0);
		transform-origin: 0 0; */

		transform: scale(0, 1);
		transform-origin: 0 0;
	  }
	  100% {
		/* transform: scale(1, 1);
		transform-origin: 0 0; */

		transform: scale(1, 1);
		transform-origin: 0 0;
	  }
	}




			.index_about_right{
				display: flex;
				flex-direction: column;
				gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
				/* width: 50.1%; */
			}

				.index_about_img{
					width: 100%;
				}
					.index_about_img a {
						position: relative;
						aspect-ratio: 1 /  1.64;
						border-radius: 10px;
						display: block;
						overflow: hidden;
					}
					.index_about_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;
					}
					.index_about_img a:hover img{
						transform: scale(1.5);
						transition: 0.3s ease all;
					}

				.index_about_info{
					display: inherit;
					flex-direction: inherit;
					/* gap: inherit; */
				}
				
					/*----- 首頁標題1 -----*/
					.index_about_info .index_title {
						justify-content: unset;
						text-align: left;
						margin-bottom:clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
					}
					
					/*----- 首頁標題2 -----*/
					.index_about_info .index_title2 {
						margin-bottom: clamp(0.2258rem, 0.3646vw, 0.4375rem); /* 3.61px , 0.3646vw , 7.00px */
					}
					.index_about_info .text_area{
						color: var(--dark_color);
						font-size: clamp(1.0000rem, 1.0417vw, 1.2500rem); /* 16.00px , 1.0417vw , 20.00px */
						font-weight: 500;
						line-height: 1.8;
					}

			.index_about_area .btn_area{				
				text-align: left;							
				margin: 0;
			}





@media (max-width: 1280px){

	.index_about_area{
		/*grid-template-columns:1fr 1.17fr;
		gap:clamp(1.8065rem, 2.9167vw, 3.5000rem);*/ /* 28.90px , 2.9167vw , 56.00px */
	}

}



/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 1101px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {
	
	.index_aboutBg .wrap{
		max-width: 61.875rem; /*990*/
	}

}



@media (max-width: 1100px){
	
.index_aboutBg{
		padding-top: clamp(2.9033rem, 4.6875vw, 5.6250rem) ; /* 46.45px , 4.6875vw , 90.00px */
}

	.index_about_area{
		display: flex;
		flex-direction: column-reverse;
		grid-template-columns:unset;
		gap:clamp(1.875rem, 2.6042vw, 3.1250rem); /* 30px , 2.6042vw , 50.00px */
		padding: 0;
	}	



	.index_about_center{
		display: none;
	}
	
	.index_about_left {
		width: 100%;
		max-width: 31.25rem; /*500*/
	}

		/*----- 首頁標題1 -----*/
		.index_about_info .index_title {
			margin-bottom: 0.625rem; /*10px */
		}
}


@media (max-width: 640px){
}

















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

.index_newsBg{
	position: relative;
}
.index_newsBg::before{
	/* position: absolute;
	content: "";
	background-color: var(--primary_color);
	width: 100%;
	height: 70%;
	bottom: 0;
	left: 0;
	z-index: 0; */
}

	.index_newsBg .wrap{		
		max-width: 99.9999%;				
		width: 100%;
		overflow: hidden;
	}


	/*----- 首頁標題1 -----*/
	.index_newsBg .index_title {
		margin-bottom: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
	}	



		.index_news_area{			
			position: relative;						
			z-index: 5;	
			margin: 0 -0.9375rem;					
			/*padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
		}


				
		/* 首頁_最新消息 */
		.index_newsBg .index_news_area .mySwiper_news {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.index_newsBg .index_news_area .mySwiper_news .swiper-wrapper {
			align-items: unset !important;
		}
		.index_newsBg .index_news_area .mySwiper_news .swiper-wrapper .swiper-slide{
			display: flex;
    		flex-direction: column;
		}
			.index_newsBg .index_news_area .mySwiper_news .swiper-wrapper .swiper-slide > a {
			}


	.index_news_control{
		width: 100%;
		height: 10px;
		display: none;
	}

		.index_news_control .swiper-pagination{

		}
		.main .index_news_control .swiper-pagination .swiper-pagination-bullet {
			background-color: transparent;
			border: 1px var(--fourth_color) solid;
			z-index: 5;
			display: inline-block;
			width: 1.875vw;
			height: 0.2604vw;
			aspect-ratio: 36.65 / 5.00;
			border-radius: 0;
			opacity: 1;
		}
		.main .index_news_control .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color:var(--fourth_color);
		}








/* 最新消息列表 */
.news_list {
	color: var(--dark_color);
	padding: 0.9375rem; /*15*/
	display: flex;
	flex-direction: column;
	flex-grow: 1;  /*20250911*/
	height: 100%; /*20250917*/
}
.news_box{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	background-color: #fff;
	border-top-right-radius: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	border-top-left-radius:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	border-bottom-right-radius: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	border-bottom-left-radius: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex-grow: 1;  /*20250911*/
}




	/* 最新消息列表_圖 */
	.newsImg {
		text-align: center; /* 圖片置中 */
	}
		/*圖*/
		.newsImg img {
			/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;		 */
		}
			.newsImg a{
				position: relative;
				padding-top: 72.25%;
				display: block;
				overflow: hidden;	
				transition: 0.3s ease all;	
				background-color: #000;
			}
				.newsImg 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;
				}
				.newsImg a:hover img{
					opacity: 0.5;
					transform: scale(1.05);		
				}









/* 最新消息列表_下方資訊 */
.news_bottom {
	padding:  clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
	background: var(--fourth_color);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	flex-grow: 1;  /*20250911*/
}
.news_bottom::before {
	position: absolute;
	pointer-events: none;
	content: "";
	bottom: 0;
	right: 0;
	background-image: url(../images/news_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 99.9%;
	width: 60%;
	aspect-ratio: 267 / 175;
	z-index: 0;
}



	/* 最新消息列表_上方資訊 */
	/* .news_top {
	} */

		/* 最新消息列表_上方資訊_日期與點擊數通用樣式 */
		.news_list .date,
		.news_list .collect {
			color:inherit;
			font-size: 0.9375rem; /*15*/
			font-weight: 500;
			line-height: normal;
			font-family: var(--foreign_font);
			/* margin-bottom: 10px; */
		}

		/* 圖標通用樣式 */
		.news_list .date i, 
		.news_list .collect i {
			/*font-size: 12px;
			color: inherit;
			margin-right: 5px;*/ /* 圖標與文字間距 */
		}
		.news_list .date{
			/*color: inherit;*/
		}
		/* .news_list .collect {
			color: var(--fifth_color);
		} */




	.news_list .news_info{
		display: flex;
		flex-direction: column;
		gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
		position: relative;
		z-index: 3;
		flex-grow: 1; /*20250911*/
	}






	/* 最新消息列表_標題 */
	.news_bottom .title {
		margin: 0;
		color:inherit;
		word-break: break-word;  /*英文依照單字斷行*/
		font-size: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 18.00px , 1.0417vw , 20.00px */
		font-weight: 700;
		line-height: normal;
		letter-spacing: 2px;
	}

	.news_bottom .title a {
		display: block;
		text-decoration: none; /* 移除超連結下劃線 */
		color:inherit;
		
		display: -webkit-box;
		-webkit-box-orient: vertical;	
		-webkit-line-clamp: 2;	
		overflow: hidden;

		word-break: break-word;  /*英文依照單字斷行*/
	}

	.news_bottom .title a:hover {
		color: var(--primary_color); /* 滑鼠懸停時超連結顏色 */
	}

	/* 最新消息列表_簡述 */
	.news_bottom .description {
		color: inherit;;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		word-break: break-word;  /*英文依照單字斷行*/

		font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 16.00px , 0.9375vw , 18.00px */
		font-style: normal;
		font-weight: 400;
		line-height: 1.5; /* 27px */
		letter-spacing: 1.8px;
	}

	.news_bottom .more_btn{		
		display: flex;				
		justify-content: flex-end;				
		margin-top: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
	}
		.news_bottom .more_btn a{
			color: var(--dark_color);
			font-size: 0.9375rem;
			font-weight: 400;
			line-height: normal;
			letter-spacing: .1406rem;
			display: flex;
			align-items: center;
			column-gap:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
			text-decoration: none;
		}
			.news_bottom .more_btn img{
				width: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
				height: auto;;
			}
			.news_bottom .more_btn a:hover{
				opacity: 0.7;
			}



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

	.index_news_area.count_1,
	.index_news_area.count_2 ,
	.index_news_area.count_3 ,
	.index_news_area.count_4 ,
	.index_news_area.count_gt4{
		margin: 0 auto;
	}

	.index_news_area.count_1 {
		width: calc(100% / 4 * 1);
	}
	.index_news_area.count_2 {
		width: calc(100% / 4 * 2);
	}
	.index_news_area.count_3 {
		width: calc(100% / 4 * 3);
	}
	.index_news_area.count_4 {
		/* width: calc(100% / 4 * 3); */
	}
	.index_news_area.count_gt4 {
		/* width: calc(100% / 4 * 3); */
	}

}


@media (max-width: 1100px) {

	.index_newsBg .wrap {
		width: 90%;
	}

		.index_news_area.count_1,
		.index_news_area.count_2 ,
		.index_news_area.count_3 ,
		.index_news_area.count_4 ,
		.index_news_area.count_gt4{
			margin: 0 auto;	
			width: 100%;
		}



	/*----- 首頁標題1 -----*/
	.index_newsBg .index_title {
		margin-bottom: 0rem;
	}
	
	
}





















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

.index_videoBg{
	position: relative;
}
.index_videoBg::before{
	position: absolute;
	content: "";
	background-image: url(../images/video_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	/* height: 70%; */
	bottom: 0;
	right: 0;
	z-index: 0;
	aspect-ratio: 160 / 87;
}

	.index_videoBg .wrap{		
		max-width: 99.9999%;				
		width: 100%;
		position: relative;
		overflow: hidden;
	}


	/*----- 首頁標題1 -----*/
	.index_videoBg .index_title {
		margin-bottom: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
	}	



		.index_video_area{			
			position: relative;						
			z-index: 5;	
			margin: 0 -0.9375rem;					
			/*padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
		}


				
		/* 首頁_影片專區 */
		.index_videoBg .index_video_area .mySwiper_video {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.index_videoBg .index_video_area .mySwiper_video .swiper-wrapper {
			
		}
		.index_videoBg .index_video_area .mySwiper_video .swiper-wrapper .swiper-slide{
		}
			.index_videoBg .index_video_area .mySwiper_video .swiper-wrapper .swiper-slide > a {
			}


	.index_video_control{
		width: 100%;
		height: 10px;

		display: none;
	}

		.index_video_control .swiper-pagination{

		}
		.main .index_video_control .swiper-pagination .swiper-pagination-bullet {
			background-color: transparent;
			border: 1px var(--fourth_color) solid;
			z-index: 5;
			display: inline-block;
			width: 1.875vw;
			height: 0.2604vw;
			aspect-ratio: 36.65 / 5.00;
			border-radius: 0;
			opacity: 1;
		}
		.main .index_video_control .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color:var(--fourth_color);
		}









/* 影片專區列表 */
.video_list {
	color: #FFF;
	cursor: pointer;
}
	.video_box{
	display: flex;
	flex-direction: column;
	row-gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
	}

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

		.videoImg img {
			/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
		}
			.videoImg span{
				position: relative;
				padding-top: 56.25%;
				/* border: 5px #fff solid; */
				display: block;
				overflow: hidden;	
				transition: 0.3s ease all;	
				background-color: #000;	
				border-radius: 10px;
				cursor: pointer;	
			}
				.videoImg span > 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{
					opacity: 0.5;
					transform: scale(1.05);		
				}

			.video_list .play{
				width:clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.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;
				}


/* 影片專區列表_下方資訊 */
.video_bottom {
	padding-left: 0.625rem;
	border-left: 0.25rem solid var(--dark_color_sec);
}

	/* 影片專區列表_標題 */
	.video_bottom .title {
		color: var(--dark_color);
		font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 16.00px , 0.9375vw , 18.00px */
		font-weight: 400;
		line-height: normal;
		cursor: pointer;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}


	.video_bottom .title:hover {
		color: var(--primary_color); /* 滑鼠懸停時超連結顏色 */
	}
	






/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 1101px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {


/* 最新消息列表_下方資訊 */
.news_bottom {
	padding:  0.9375rem; /*15*/
	gap: 0.4375rem;
}

	.news_list .news_info{
		gap: 0.9375rem; /*15*/
	}

	.news_bottom .more_btn{		
		margin-top:0.9375rem; /*15*/
	}


}


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

	.index_video_area.count_1 ,
	.index_video_area.count_2 ,
	.index_video_area.count_3  ,
	.index_video_area.count_4  ,
	.index_video_area.count_gt4 {
		margin: 0 auto;
	}

	.index_video_area.count_1 {
		width: calc(100% / 4 * 2);
	}
	.index_video_area.count_2 {
		width: calc(100% / 4 * 2);
	}
	.index_video_area.count_3 {
		width: calc(100% / 4 * 3);
	}
	.index_video_area.count_4 {
		/* width: calc(100% / 4 * 3); */
	}
	.index_video_area.count_gt4 {
		/* width: calc(100% / 4 * 3); */
	}

}


@media (max-width: 1100px) {

	.index_videoBg .wrap {
		width: 90%;
	}

		.index_video_area.count_1,
		.index_video_area.count_2 ,
		.index_video_area.count_3 ,
		.index_video_area.count_4 ,
		.index_video_area.count_gt4{
			margin: 0 auto;	
			width: 100%;
		}



		
	/*----- 首頁標題1 -----*/
	.index_videoBg .index_title {
		margin-bottom: 0.625rem; /*10px */
	}	
	
}



















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

	
	
/*燈箱*/
.lightboxArea {
	position:fixed;
	width: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;
		min-height: 100vh;
	}
	
	/*燈箱主體*/
	.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: 45px;
			line-height: 45px;
			color: var(--dark_color);
			background: var(--second_color);
			/* right: 20px;
			top: 20px; */
			right: 0px;
			top: 0px;
			border: solid var(--second_color) 1px;
			box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			/* font-size:17px;
			font-weight:bold;
			width:48px;
			height:48px;
			line-height:48px;
			border-radius:100%;
			color:#fff;
			text-align:center;
			background:#2a6695;
			cursor: pointer;
			position:absolute;
			top:-24px;
			right:-24px;
			transition:0.3s ease all;
			z-index: 2; */
		}
		.lightboxCloseBtn svg{
			fill: var(--dark_color);
			width: 25px;
			height: 25px;
			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: 1100px){	
	/*燈箱主體*/
	.lightboxMain {
		width: 90vw;
		height: calc(90vw * 9 / 16);
	}
}

@media (max-width: 950px){	

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

}

@media (max-width: 600px){	

	
}