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

.body_home{
	background: linear-gradient(rgb(236 235 225 / 100%) 0%,
	rgb(236 235 225 / 100%) 5%,
	 rgba(239 236 230 / 0%) 10%,
	 rgba(239 236 230 / 0%)),
	url(../images/bg.webp);


    background-size: 105% !important;
    background-position: center top !important;
    background-repeat: repeat-y !important;
}





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


.main_home{
	position: relative;
}

/*首頁內容區塊*/	
.mainContent{
	/* padding: 50px 0px; */
}



	/*----- 首頁標題1 -----*/
	.index_title {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		row-gap:clamp(0.3226rem, 0.5208vw, 0.62rem); /* 5.16px , 0.5208vw , 10.00px */
		color: var(--dark_color);
		/* font-family: var(--mandarin_font3); */
		font-family: var(--mandarin_font2);
		/* font-size: clamp(3.0625rem,5vw,6rem); */
		font-size: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	}	
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: bold;
			color: #BF6666;
			position: relative;
			/* font-size: clamp(2rem,3.3333vw,4rem); */
			font-size: clamp(1.0646rem, 1.7188vw, 2.0625rem); /* 17.03px , 1.7188vw , 33.00px */
		}	
		.index_title:not(.index_Hlayout) strong:after{
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			height: clamp(6.1292rem, 9.8958vw, 11.8750rem); /* 98.07px , 9.8958vw , 190.00px */
			width: 0.0625rem;
			background-image: url(../index/images/title_line.webp);
		}	


	

		.index_title .icon{
			width: clamp(2.8065rem, 4.5313vw, 5.4375rem); /* 44.90px , 4.5313vw , 87.00px */
		}
			.index_title .icon img {
				width: 100%;  /* Icon 圖片大小 */
				height: auto;
			}
		

		.index_title_bottom{			
			display: flex;						
			flex-direction: row;
			justify-content: center;
		}
					
			.index_title .title-text {
				display: flex;
				flex-direction: column;
				align-items: first baseline;
				row-gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
			}
			
			.index_title .chinese-title {
				font-size: clamp(3.0969rem, 5.0000vw, 6.0000rem); /* 49.55px , 5.0000vw , 96.00px */


				font-weight: 900;
				-webkit-writing-mode: vertical-lr;
				writing-mode: vertical-lr;
				letter-spacing:clamp(0.4549rem, 0.7344vw, 0.8812rem); /* 7.28px , 0.7344vw , 14.10px */

				font-size: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
			}
			
			.index_title .english-title {
				font-family: var(--foreign_font);
				-webkit-writing-mode: vertical-lr;
				writing-mode: vertical-lr;
				color: inherit;
				font-size:  clamp(1.1936rem, 1.9271vw, 2.3125rem); /* 19.10px , 1.9271vw , 37.00px */
				
				font-weight: 400;
				letter-spacing: clamp(0.1194rem, 0.1927vw, 0.2313rem); /* 1.91px , 0.1927vw , 3.70px */
			}
			
			.index_title .description {
				font-family: var(--mandarin_font);
				font-size:  clamp(0.6450rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
				color: var(--fourth_color);
				-webkit-writing-mode: vertical-lr;
				writing-mode: vertical-lr;
				letter-spacing: clamp(0.0645rem, 0.1042vw, 0.1250rem); /* 1.03px , 0.1042vw , 2.00px */
			}


		/* 附加index_Hlayout為橫式 */
		.index_title.index_Hlayout {
			flex-direction: row;
			column-gap: clamp(0.3226rem, 0.5208vw, 0.62rem); /* 5.16px , 0.5208vw , 10.00px */
			width: 100%;
			align-items: unset;
			justify-content: unset;
			text-align: left;
			overflow: hidden;
		}
		.index_title.index_Hlayout strong:after{
			 content: "";
			 position: absolute;
			 left: 0;
			 bottom: 0;
			 height: 0.0625rem;
			 background-position: center right;
			 background-repeat: no-repeat;
			 background-size: cover;
			 background-image: url(../index/images/index_hlayout_line.webp);
			 /* height: 1px; */ /* 線條粗細 */
			 /* width: clamp(18.75rem,31.25vw,37.5rem); */
			 /* background-image: linear-gradient(to right, #0D0D0D, #737373); */
			 width: 100%;
		}	
		


		.index_title.index_Hlayout {
			/* flex-direction: row; */
		}
		.index_title.index_Hlayout .index_title_bottom{
			/* display: flex; */
			flex-direction: column;
			justify-content: unset;
			width: 100%;
		}
					
			.index_title.index_Hlayout  .title-text {
				display: flex;
				flex-direction: row;
				align-items: first baseline;
				row-gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
				width: 100%;
				justify-content: unset;
				/* align-items: unset; */
			}
			
			.index_title.index_Hlayout  .chinese-title {
				-webkit-writing-mode: unset;
				writing-mode: unset;
				/* width: 100%; */
				white-space: nowrap;
			}

			/* .index_title.index_Hlayout  .english-title {
				-webkit-writing-mode: unset;
				writing-mode: unset;
			}
			
			.index_title.index_Hlayout  .description {
				-webkit-writing-mode: unset;
				writing-mode: unset;
			} */
			.index_title.index_Hlayout strong{
				width: 100%;
			}















	/*----- 首頁標題2 -----*/
	.index_title2 {
		font-family: var(--mandarin_font2);
		font-size:  clamp(1.1613rem, 1.875vw, 2.25rem); /* 18.58px , 1.8750vw , 36px */
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: clamp(0.1161rem, 0.1875vw, 0.225rem); /* 1.86px , 0.1875vw , 3.6px */
		color: var(--dark_color);
		-webkit-writing-mode: vertical-lr;
		writing-mode: vertical-lr;
	}	
		.index_title2 strong{
			color: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			/* font-family:var(--mandarin_font3); */
			font-family: var(--mandarin_font);
			/*font-size: clamp(2.0646rem, 3.3333vw, 4rem);*/ /* 33.03px , 3.3333vw , 64px */
			font-size: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* 28.39px , 2.8646vw , 55.00px */

		}	
	
	/* 附加index_Hlayout為橫式 */
	.index_title2.index_Hlayout {
		-webkit-writing-mode: unset;
		writing-mode: unset;
	}	






	/*----- 首頁標題3 -----*/
	.index_title3 {
		white-space:initial;
		color: var(--dark_color);		
		font-size: clamp(1rem, 1.2500vw, 1.5rem); /* 最小值 16.00px、大小約 1.2500vw、最大值 24.00px */
		font-weight: 500;
		line-height: 2;
		letter-spacing: clamp(0.3000rem, 0.3750vw, 0.4500rem); /* 最小值 4.80px、大小約 0.3750vw、最大值 7.20px */
		width: 100%;
		display: flex;
		align-items: center;
		white-space: nowrap;
		gap:clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	}
	.index_title3 span{
		background-image: url(../index/images/date_line.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 103%;
		width: 100%;
		height: 3px;
	}




.mainContent .btn_area {
	text-align:center;
	margin:clamp(.9375rem,1.5625vw,1.875rem) 0 0 ;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0.3125rem;
	position: relative;
	z-index: 10;
}
	.mainContent .btn_area input ,
	.mainContent .btn_area button{
		background-color: transparent;
		font-weight: 600;
		font-size: clamp(1rem,1.25vw,1.5rem);
		color: #000;
		transition: 0.3s ease all;
	}
	.mainContent .btn_area img {
		height: auto;
		width: clamp(0.6129rem, 0.9896vw, 1.1875rem); /* 9.81px , 0.9896vw , 19.00px */
	}


	.mainContent .btn_area button {
		display: flex;
		align-items: center;
		padding: 0;
		margin: 0;
		border: none;
		gap: 0.375rem; /*6*/
		cursor: pointer;
		font-family: var(--mandarin_font);
	}
	.mainContent .btn_area button span{
		font-size: inherit;
		color: inherit;
		display: flex;
		font-weight: inherit;
		font-family: inherit;
	}
	.mainContent .btn_area button:hover {
		opacity: 0.7;
	}










/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) 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) {


	.mainContent .wrap {
		max-width: 52.5rem; /*840*/
	}
	

}

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




	/*----- 首頁標題1 -----*/
	.index_title {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: unset;
		gap: 10px;
		text-align: left;
	}
		.index_title:not(.index_Hlayout) strong:after{
			/*content: "";
			position: absolute;*/
			left: 0;
			top: unset;
			bottom: 0;
			height: 0.0625rem;
			width: clamp(6.1292rem, 9.8958vw, 11.8750rem); /* 98.07px , 9.8958vw , 190.00px */
			background-image: url(../index/images/title_line2.webp);
		}	


	.index_title strong:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px; 
		width: 100%;
		background-image: linear-gradient(to right, #0D0D0D, #737373);
	}
		.index_title_bottom {
			flex-direction: column;
			gap: 5px;
		}
			.index_title .title-text {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				.index_title .chinese-title ,
				.index_title.index_Hlayout .chinese-title {
					-webkit-writing-mode:unset;
					writing-mode: unset;
					white-space:normal;
					font-size: clamp(2.25rem, 2.3438vw, 2.8125rem); /* 36px , 2.3438vw , 45px */
				}
				
				/* .index_title .english-title {
					-webkit-writing-mode:unset;
					writing-mode: unset;
					letter-spacing: 0;
				}
				
			.index_title .description {
				-webkit-writing-mode:unset;
				writing-mode: unset;
			} */

			.index_title.index_Hlayout strong {
				width: auto;
			}
			.index_title.index_Hlayout strong:after{
				content: "";
				position: absolute;
				left: 0;
				top: unset;
				bottom: 0;
				height: 0.0625rem;
				width: clamp(6.1292rem, 9.8958vw, 11.8750rem); /* 98.07px , 9.8958vw , 190.00px */
				background-image: url(../index/images/index_hlayout_line2.webp);
			}





	/*----- 首頁標題2 -----*/
	.index_title2 {
		-webkit-writing-mode: unset;
		writing-mode: unset;
		font-weight: 500;
	}






}















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



.home_banner_area{
	margin: 0 auto;
	position: relative;
	max-width: 91.5625rem; /*1465*/
	/* height: 800px; */
}


	.home_banner_area .banner{
		max-width: 81.5625rem; /*1305*/
		/*max-width:100%;*/
		/*width: clamp(100% + 5rem, 100% + 4.1667vw, 100% + 10rem);*/ /* 最小值 -160.00px、大小約 -4.1667vw、最大值 -80.00px */
		margin: 0 auto;
	}


	.main .home_banner_area .swiper-button-prev, 
	.main .home_banner_area .swiper-button-next {
	}

	.main .home_banner_area .swiper-button-prev {
		left: clamp(-10rem, -4.1667vw, -5rem); /* 最小值 -160px、大小約 -4.1667vw、最大值 -80px */
	}
	.main .home_banner_area .swiper-button-next {
		right: clamp(-10rem, -4.1667vw, -5rem); /* 最小值 -160px、大小約 -4.1667vw、最大值 -80px */
	}


	.home_banner_area .swiper-slide a {
		position: relative;
		padding-top: 54.57%;
		/* border-radius: 10px; */
		display: block;
		overflow: hidden;
	}
		.home_banner_area .swiper-slide 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;
		}



@media (max-width: 1500px){

	.main .home_banner_area .swiper-button-prev {
		left: 2%; 
	}
	.main .home_banner_area .swiper-button-next {
		right:2%; 
	}


}












		









/*========================================================*/
/*-------首頁_生平介紹區塊--------*/
/*========================================================*/




.index_lifeBg{
	position: relative;
	padding: clamp(2.7420rem, 4.4271vw, 5.3125rem) 0; /* 43.87px , 4.4271vw , 85.00px */
	background-color: #F4F1EB;
	overflow: hidden;
}
.index_lifeBg::before{
	position: absolute;
	content: "";
	background-image: url(../index/images/about_img.webp);
	background-position: top;
	right: 0;
	top: 0;
	aspect-ratio:  213 / 719;
	max-width: 13.3125rem;
	width: 100%;
	z-index: 0;
	/* pointer-lifes: none; */
	opacity: 0.7;
	background-size: 100%;
}

	.index_lifeBg .text_area{
		padding-top: clamp(.8125rem, 1.3542vw, 1.625rem);
	}
	



	.index_life_section{
		/* display: grid; */
		/* grid-template-columns: repeat(2 , 1fr); */
		/* gap: clamp(2.5807rem, 4.1667vw, 5.0000rem); */ /* 41.29px , 4.1667vw , 80.00px */
	}


		.index_life_area{			
			column-count: 2; /* 將文章分成兩欄 */						
			column-gap: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
			padding-top: clamp(.8125rem,1.3542vw,1.625rem);
		}








.index_life_area .life_section {
	padding: 0;
	
	display: flex;
	flex-direction: column;
    gap: clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10.00px */
	
}
.index_life_area .life_section .life_item{
	display: grid;
	align-items: flex-start;
	grid-template-columns: clamp(2.2500rem, 3.6458vw, 4.3750rem) 3.75rem auto;/* 36.00px , 3.6458vw , 70.00px */ 
	gap: clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10.00px */
	color: #585551;
	text-align: center;
	line-height: 1.5;
	font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 14.00px , 0.8333vw , 16.00px */
}
.index_life_area .life_section .life_item .year{
	background-color: #D6D5D4;
	padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	text-align: center;
	font-family: var(--foreign_font);
	line-height: 1;
}
.index_life_area .life_section .life_item .text{
	color: #666360;
	text-align: start;	
}







@media (max-width: 1400px){

	.index_life_section{
		/*gap:  clamp(1.2904rem, 2.0833vw, 2.5000rem); *//* 20.65px , 2.0833vw , 40.00px */
	}

}


@media (max-width: 990px){

.index_lifeBg::before{
	opacity: 0.4;
	top: 50%;
	transform: translateY(-50%);
}
	.index_life_area{	
		display: flex;
		flex-direction: column;		
		column-count: unset;				
		column-gap: 0; 
		padding-top: 0;
	}
	
		.index_life_area .life_section {
			display: flex;
			flex-direction: column;
			gap: 5px;
			padding: 0;
			padding-top:  clamp(1.613rem, 2.6042vw, 3.125rem); /* 25.81px , 2.6042vw , 50px */
		}
		

}



















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

.index_aboutBg{

}


	.index_about_section{

	}

		.index_about_area{
			
		}



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



.index_about_section{
	position: relative;
	background-color: var(--sixth_color);
	background-color: #23221E;
	/* overflow: hidden; */
}

.index_about_section:before{
	z-index: 0;
}
	.index_about_section .wrap{
		/*max-width: 101.875rem;*/ /*1630*/
		/*max-width: 101.25rem; *//*1620*/
	}
		.index_about_section .index_about_area{
			display: grid;
			align-items: center;
			justify-content: flex-end;
			width: 100%;
			position: relative;
			/* min-height: clamp(25.8073rem, 41.6667vw, 50rem); */ /* 412.92px , 41.6667vw , 800px */
			min-height:  clamp(21.1297rem, 34.1146vw, 40.9375rem); /* 338.08px , 34.1146vw , 655.00px */
			z-index: 3;
		}

		.index_about_section .master_area{
		}
			.index_about_section .master_info{
				margin-left: auto;
				display: flex;
				gap:  clamp(1.613rem, 2.6042vw, 3.125rem); /* 25.81px , 2.6042vw , 50px */
				max-width: 55%;
				margin-left: auto;
				position: relative;
				z-index: 4;
			}

				.index_about_section .index_title{
					color: #FFFFFF;
				}
				.index_about_section .index_title strong:after {					
				}

	
				.index_about_section .master_info_in{
					padding: clamp(2.9033rem, 4.6875vw, 5.625rem) 0; /* 46.45px , 4.6875vw , 90.00px */
					font-size:  clamp(1rem, 1.25vw, 1.5rem); /* 16px , 1.25vw , 24px */
					line-height: 2;
				}

				.index_about_section .text_area{
					line-height: inherit;
					font-size: inherit;
					color: #FFFFFF;
				}	
				.index_about_section .btn_area {
					text-align:center;
					margin:clamp(.9375rem,1.5625vw,1.875rem) 0 0 ;
					display: flex;
					justify-content: flex-end;
					align-items: center;
				}
				.index_about_section .btn_area input  ,
				.index_about_section .btn_area button {
					background-color: transparent;
					font-weight: 600;
					font-size: clamp(1rem,1.25vw,1.5rem);
					color: #FFFFFF;
				}
				.index_about_section .btn_area img {
					height: auto;
					width: clamp(0.6129rem, 0.9896vw, 1.1875rem); /* 9.81px , 0.9896vw , 19.00px */
				}


		.index_about_section .master_img_area{
			position: absolute;
			top: 50%;
			transform: translateY(-47%);
			width: 100%;
			aspect-ratio: 1 / 1.09;
			/*max-width: clamp(29.6784rem, 47.9167vw, 57.5rem);*/ /* 474.85px , 47.9167vw , 920px */
			max-width: clamp(25.8073rem, 41.6667vw, 50.0000rem); /* 412.92px , 41.6667vw , 800.00px */
		}
			.index_about_section .master_img{
				display: block;
				transition: 0.3s ease all;
				-webkit-mask: url(../index/images/mask_1.webp) no-repeat center center;
				mask: url(../index/images/mask_1.webp) no-repeat center center;
				-webkit-mask-size: cover;
				mask-size: cover;
				-webkit-mask-position: center right;
				mask-position: center right;
				position: relative;
				overflow: hidden;
				/* padding-top: 74.5%; */
				width: 100%;
				aspect-ratio: inherit;
			}
				.index_about_section .master_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;
				}






/*mac*/
.macBrowser .index_about_section .master_img{ /*20250630*/
	/* -webkit-mask: url(../index/images/mask_1.webp) no-repeat center center; */
	/* -webkit-mask-size: 3000% 100%;
	-webkit-animation: mask-playzero 1.8s steps(29) forwards; */

	width: 100%;
	padding: 109% 0 0;
}






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

	.index_about_section .wrap{
		 /*1630*/
		 /*1620*/
		 margin: 0;
		 padding: 0;
		 padding-right:clamp(4.8389rem, 7.8125vw, 9.3750rem); /* 77.42px , 7.8125vw , 150.00px */
		 /* max-width: clamp(calc(100% - 4.8389rem), calc(100% - 7.8125vw), calc(100% - 9.3750rem)); */ /* 最小值 77.42px、大小約 7.8125vw、最大值 150.00px */
		 max-width: unset;
		 width: 99.9%;
	}

}

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

	/* .index_about_section .wrap{
		 margin: 0;
		 padding: 0;
		 padding-right:5vw;
		 max-width: unset;
		 width: 99.9%;
	}
		.index_about_section .master_info {
			gap: 5px;
		} */
}




@media (max-width: 990px){

	.index_about_section{
		padding: clamp(2.7420rem, 4.4271vw, 5.3125rem) 0;
	}

	.index_about_section .index_about_area{
		display: flex;
		flex-direction: column-reverse;
		align-items: unset;
		grid-template-columns:unset;
		justify-content: unset;
		gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
	}
		.index_about_section .master_img_area{
			position: unset;
			top: unset;
			transform: unset;
			max-width: unset;
		}
			.index_about_section .master_img {
				-webkit-mask: none;
				mask: none;
			}

		.index_about_section .master_area{
			padding-left: 0; 
		}
			.index_about_section .master_info{
				max-width: unset;
				margin: 0;
				align-items: flex-start;
				flex-direction: column;
			}				
				.index_about_section .master_info_in{
					padding: 0; 
				}

}


@media (max-width: 640px){

	.index_about_section1:before{
		background-size: auto 100%;
		/* width: 100%; */
		height: 115%;
	}

	.index_about_section1 .index_about_area{
		
	}

		.index_about_section1 .master_area{
			display: flex;
			flex-direction: column;
			align-items: unset;
		}

}











	

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

.index_newsBg{

/* padding: 130px 0; */
}
	.index_newsBg .wrap{

	}
		.index_news_section{
			position: relative;
			display: flex;
			align-items: center;
			/* justify-content: flex-end; */
			width: 100%;
			position: relative;
			min-height: clamp(21.1297rem, 34.1146vw, 40.9375rem);
			z-index: 3;
		}
			.index_news_area{
				/* max-width: 50%; */
				width: 45%;
				padding-top:clamp(2.2581rem, 3.6458vw, 4.3750rem); /* 36.13px , 3.6458vw , 70.00px */
				padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
			}




			.index_news_img_area{
				aspect-ratio: 1 / 1.15;
				position: absolute;
				right: 0;
				top: 0;
				max-width: clamp(27.9041rem, 45.0521vw, 54.0625rem); /* 446.47px , 45.0521vw , 865.00px */
				width: 52%;
			}
				.index_news_img{
					display: block;
					transition: 0.3s ease all;
					-webkit-mask: url(../index/images/mask_2.webp) no-repeat center center;
					mask: url(../index/images/mask_2.webp) no-repeat center center;
					-webkit-mask-size: cover;
					mask-size: cover;
					-webkit-mask-position: center left;
					mask-position: center left;
					width: 100%;
					position: relative;
					aspect-ratio: inherit;
					display: block;
					overflow: hidden;
					top: 4%;




					-webkit-mask: url(../index/images/mask_3.svg) no-repeat center center;
					mask: url(../index/images/mask_3.svg) no-repeat center center;
					/* -webkit-mask: url(../index/images/AYJuRke.png) no-repeat center center; */
					/* mask: url(../index/images/AYJuRke.png) no-repeat center center; */
					/* -webkit-mask-size: 3000% 100%; */
					/* -webkit-animation: mask-playzero 2s steps(46) infinite; */


					-webkit-mask-size: 3000% 100%;
					mask-size: 3000% 100%;
					/* -webkit-animation: mask-playzero 4s steps(29) infinite; */
					/* animation: mask-playzero 4s steps(29) infinite; */


					/* -webkit-animation: mask-playzero 1.1s steps(29) forwards; */
					/* animation: mask-playzero 1.1s steps(29) forwards; */
					
					/* -webkit-animation-delay: 2.3s;
					animation-delay: 2.3s; */
				}

				/* 播動畫的 class */
				.index_news_img.play {
					-webkit-animation: mask-playzero 1.8s steps(29) forwards;
					animation: mask-playzero 1.8s steps(29) forwards;
				}



				/*mac*/
				.macBrowser .index_news_img{ /*20250630*/
					/* -webkit-mask: url(../index/images/mask_3.svg) no-repeat center center; */
					-webkit-mask-size: 3000% 100%;
					-webkit-animation: mask-playzero 1.8s steps(29) forwards;

					width: 100%;
					padding: 115% 0 0;
				}
				.macBrowser .index_news_img.play{
					-webkit-animation: mask-playzero 1.8s steps(29) forwards;
				}

				
/* @keyframes appear {
  from { mask-position: 0% 0; }
  to   { mask-position: 100% 0; }
}

@keyframes disappear {
  from { mask-position: 100% 0; }
  to   { mask-position: 0% 0; }
} */
	
@-webkit-keyframes mask-playzero {
  from {
    -webkit-mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
  }
}

@keyframes mask-playzero {
  from {
    -webkit-mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
  }
}








					.index_news_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;
					}

				.prunus_mume{
					position: absolute;
					right: 0;
					top: 0;
					max-width:clamp(12.2585rem, 19.7917vw, 23.75rem); /* 196.14px , 19.7917vw , 380px */
					width: 80%;
					z-index: 3;
				}
					.prunus_mume span {
						position: relative;
						padding-top: 100%;
						display: block;
						overflow: hidden;		
					}
					.prunus_mume 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;			
					}






/* 最新消息區 */
ul.index_NA_area{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	color: var(--dark_color);
	gap: clamp(0.9678rem, 1.5625vw, 1.8750rem) 0; /* 15.48px , 1.5625vw , 30.00px */

	margin-top: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
}
	/* 最新消息列表 */
	ul.index_NA_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	
	.index_NA_list{
		color: inherit;
		text-align: center;
		font-family:var(--mandarin_font);
		font-size: clamp(1rem, 1.2500vw, 1.5rem); /* 最小值 16px、大小約 1.25vw、最大值 24px */
		font-weight: 600;
		line-height: normal;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		flex-wrap: wrap;
		gap: clamp(0.2258rem, 0.3646vw, 0.4375rem); /* 3.61px , 0.3646vw , 7.00px */
	}

	/* 最新消息列表_日期 */
	.index_NA_list .date{
		color: var(--second_color);
		text-align: left;
		font-family: var( --foreign_font);
		font-size: inherit;
		font-weight: 700;
		line-height: normal;
		width: 100%;
		display: flex;
		align-items: center;
		white-space: nowrap;
		gap:  clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	}
		.index_NA_list .date span{
			background-image: url(../index/images/date_line.svg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 103%;
			width: 100%;
			height: 3px;
		}




	/* 最新消息列表_類別 */
	.index_NA_list .tag{
		color: var(--third_color);
		display: flex;
		align-items: center;
		gap: inherit;
		display: none;
	}
		.index_NA_list .tag a{
			color: inherit;
			text-decoration: none;
			display: block;
		}
		.index_NA_list .tag::after{
			content: "";
			background-color: var(--second_color);
			width: 1px;
			height: 1.25rem;
			display: block;
		}

	/* 最新消息列表_右側 */
	.index_NA_right{
		display: flex;
		align-items: center;
		gap: 0 clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
	}

		/* 最新消息列表_標題 */
		.index_NA_right .title{
			padding: 0;
			margin: 0;
			color: inherit;
			font-size: inherit;
			line-height: inherit;
			font-weight: bold;
			font-weight: inherit;
		}
			.index_NA_right .title a{
				color: inherit;
				text-decoration: none;
				display: block;
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}

		/* 最新消息列表_簡述 */
		.index_NA_right .brief{
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			font-size: inherit;
			line-height: inherit;
			/* margin-top: 6px; */
			color: inherit;
			display: none;
		}





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

	.index_newsBg .wrap{
		 /*1630*/
		 /*1620*/
		 margin: 0;
		 padding: 0;
		 padding-left:clamp(4.8389rem, 7.8125vw, 9.3750rem); /* 77.42px , 7.8125vw , 150.00px */
		 /* max-width: clamp(calc(100% - 4.8389rem), calc(100% - 7.8125vw), calc(100% - 9.3750rem)); */ /* 最小值 77.42px、大小約 7.8125vw、最大值 150.00px */
		 max-width: unset;
		 width: 99.9%;
	}

}



@media (max-width: 990px){

	.index_newsBg{
		overflow: hidden;
		padding: clamp(2.7420rem, 4.4271vw, 5.3125rem) 0; /* 43.87px , 4.4271vw , 85.00px */
	}

		.index_news_section{
			min-height: unset;
			flex-direction: column;
		}
			.index_news_area{
				width: 100%;
				padding: 0;
			}
				.index_news_img_area{
					width: 80%;				
					right: -5vw;
					top: unset;				
					bottom: -2.7420rem;				
					opacity: 0.1;
					pointer-events: none;
				}

}




















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

.index_videoBg{
	position: relative;
	background-color: var(--primary_color);
}
.index_videoBg::before{
	position: absolute;
	content: "";
	background-image: url(../index/images/video_bg.webp);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 0;
	pointer-events: none;
}


	.index_video_section{		
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding-bottom: clamp(6.7744rem, 10.9375vw, 13.1250rem); /* 108.39px , 10.9375vw , 210.00px */
	}
		.index_videoBg .wrap{
			position: relative;
			z-index: 2;
		}
			
			.index_video_area{
				padding: 0;
				/* padding-top: clamp(5.9679rem, 9.6354vw, 11.5625rem); */ /* 95.49px , 9.6354vw , 185.00px */
				/* padding-bottom: clamp(4.0324rem, 6.5104vw, 7.8125rem); */ /* 64.52px , 6.5104vw , 125.00px */
				display: grid;
				align-items:flex-start;
				/* grid-template-columns: 1fr 10.9fr 1fr; */
				grid-template-columns: 1fr 10.9fr;
				justify-content: space-between;
				gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
				padding-top:  clamp(2.9033rem, 4.6875vw, 5.6250rem); /* 46.45px , 4.6875vw , 90.00px */
			}

			
				.index_videoBg .video_area{
					max-width: 65.625rem; /*1050*/
					margin: 0 auto;
					display: flex;
					flex-direction: column;
					gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
					width: 100%;
					padding-top: clamp(3.2259rem, 5.2083vw, 6.2500rem); /* 51.61px , 5.2083vw , 100.00px */
				}
					.index_videoBg .index_title strong:after{
						display: none;
					}
					.index_videoBg .video_area .video{
						width: 100%;
						position: relative;
						padding-bottom: 56.25%;
						/* padding-top: 30px;  */
						height: 0;
						overflow: hidden;
						border-radius: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
					}
						.index_videoBg .video_area .video iframe{
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
						}


					.index_videoBg .button{
						margin: 0;
						padding: 0;
						list-style-type : none;
						display: grid;
						grid-template-columns: repeat(2 , 1fr);
						gap:clamp(0.6452rem, 1.0417vw, 1.25rem); /* 10.32px , 1.0417vw , 20.00px */
					}
						.index_videoBg .button li{
							margin: 0;
							padding: 0;
							list-style-type : none;
							display: flex;
							width: 100%;
						}
							.index_videoBg .button li a{
								padding: clamp(1.1291rem, 1.8229vw, 2.1875rem) 0.3125rem; /* 18.07px , 1.8229vw , 35.00px */
								display: flex;
								justify-content: center;
								border-radius: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
								background-color: var(--fourth_color);
								width: 100%;
								transition: 0.3s ease-in all;
							}
							.index_videoBg .button li img{
								height: auto;
								max-width: clamp(4.8389rem, 7.8125vw, 9.3750rem); /* 77.42px , 7.8125vw , 150.00px */
							}
							.index_videoBg .button li a:hover img{
								opacity: 0.7;
								transition: 0.3s ease-in all;
							}





						.index_videoBg .index_title2_r{
							-webkit-writing-mode: vertical-rl;
							writing-mode: vertical-rl;
							display: flex;
							align-items: first baseline;
							gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
						}

							.index_videoBg .index_title2_r  .title_bottom{
								display: flex;
								flex-wrap: wrap;
								flex-direction: column;
								gap: clamp(0.2581rem, 0.4167vw, 0.5000rem); /* 4.13px , 0.4167vw , 8.00px */
							}
								.index_videoBg .index_title2_r p{																	
									font-size:  clamp(0.8387rem, 1.3542vw, 1.6250rem); /* 13.42px , 1.3542vw , 26.00px */															
									line-height: 1.1;																	
									font-weight: 400;					
									letter-spacing: clamp(0.1677rem, 0.2708vw, 0.3250rem); /* 2.68px , 0.2708vw , 5.20px */
								}
								.index_videoBg .index_title2_r p:nth-of-type(2){
									text-indent: calc(2em * 1.1);
								}
								.index_videoBg .index_title2_r p:nth-of-type(3){
									text-indent: calc(4em * 1.1);
								}





@media (max-width: 990px){

	.index_video_section{		
		padding:0; /* 108.39px , 10.9375vw , 210.00px */
	}
	.index_video_area{
		display: flex;
		flex-direction: column;
		align-items:unset;
		grid-template-columns: unset ;
		justify-content: unset;
		gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */ 
		/*padding: clamp(2.5807rem, 4.1667vw, 5rem) 0;*/ /* 41.29px , 4.1667vw , 80px */
		padding: clamp(2.7420rem, 4.4271vw, 5.3125rem) 0; /* 43.87px , 4.4271vw , 85.00px */
	}

		.index_videoBg .video_area{
			width: 100%;
			padding-top: 0;
		}
		.index_videoBg .video_area  .index_title2{
			text-align: center;
		}

		.index_videoBg .button li a {
			padding: 10px 5px;
		}


		.index_videoBg .index_title2_r{
			-webkit-writing-mode: unset;
			writing-mode: unset;
		}

			.index_videoBg .index_title2_r  .title_bottom{
				/*display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				gap: clamp(0.2581rem, 0.4167vw, 0.5rem);*/ /* 4.13px , 0.4167vw , 8.00px */
			}
				.index_videoBg .index_title2_r p{																	
					/*font-size:  clamp(0.8387rem, 1.3542vw, 1.6250rem);*/ /* 13.42px , 1.3542vw , 26.00px */															
					/*line-height: 1.1;																	
					font-weight: 400;					
					letter-spacing: clamp(0.1677rem, 0.2708vw, 0.3250rem);*/ /* 2.68px , 0.2708vw , 5.20px */
				}
				.index_videoBg .index_title2_r p:nth-of-type(2){
					/* text-indent: calc(2em * 1.1); */
				}
				.index_videoBg .index_title2_r p:nth-of-type(3){
					/* text-indent: calc(4em * 1.1); */
				}


}