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

.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);
	}	
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			color: var(--second_color);
		}	
	

		.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-family: var(--mandarin_font2); /* 使用楷體字型 */
				font-size: clamp(1.5162rem, 2.4479vw, 2.9375rem); /* 24.26px , 2.4479vw , 47.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 */
			}
			
			.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 */
		}
		.index_title.index_Hlayout {
			/* flex-direction: row; */
		}
		.index_title.index_Hlayout .index_title_bottom{
			/* display: flex; */
			flex-direction: column;
			justify-content: unset;
		}
					
			.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 */
			}
			
			.index_title.index_Hlayout  .chinese-title {
				-webkit-writing-mode: unset;
				writing-mode: unset;
			}
			
			.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;
			}
















	/*----- 首頁標題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_font2);
			/*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;
	}



/* 在螢幕放大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: 25px 0px;	 */
	}	




	/*----- 首頁標題1 -----*/
	.index_title {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		justify-content: unset;
		gap: 10px;
		text-align: left;
	}
		.index_title_bottom {
			flex-direction: column;
			gap: 5px;
		}
			.index_title .title-text {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				.index_title .chinese-title {
					-webkit-writing-mode:unset;
					writing-mode: unset;
				}
				
				.index_title .english-title {
					-webkit-writing-mode:unset;
					writing-mode: unset;
					letter-spacing: 0;
				}
				
			.index_title .description {
				-webkit-writing-mode:unset;
				writing-mode: unset;
			}








	/*----- 首頁標題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_eventBg{
	position: relative;
	padding: clamp(2.7420rem, 4.4271vw, 5.3125rem) 0; /* 43.87px , 4.4271vw , 85.00px */
}
.index_eventBg::before{
	position: absolute;
	content: "";
	background-image: url(../index/images/visit_information_bg.webp);
	background-position: bottom left;
	right: 0;
	bottom: 0;
	aspect-ratio: 845 / 510;
	max-width: 52.8125rem;
	width: 80%;
	z-index: 0;
	pointer-events: none;
	mix-blend-mode: multiply; /*色彩增值*/
	opacity: 0.7;
	background-size: cover;
}


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


		.index_news_area{
			
		}



@media (max-width: 1400px){

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

}


@media (max-width: 990px){

	.index_event_section{
		display: flex;
		flex-direction: column;
		/*gap:  clamp(1.2904rem, 2.0833vw, 2.5000rem);*/ /* 20.65px , 2.0833vw , 40.00px */
		gap: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* 28.39px , 2.8646vw , 55px */ 
	}

}

		

		

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


/* 最新消息區 */
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;		
	}
	  

		.index_NA_list .tag a{
			color: inherit;
			text-decoration: none;
			display: block;
			white-space: nowrap;
		}
		.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;
		}









		

/*========================================================*/
/*-------首頁_參觀資訊區塊--------*/
/*========================================================*/





.index_visit_area{
}


	.index_visit_area .index_title{
		visibility:hidden;
	}


	.index_visit_area .index_title3{
		margin-top: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	}


	.index_visit{
		
	}

	.index_visit table{
		
	}
		.index_visit tr{
			
		}
		.index_visit td{
			vertical-align:top;
			border: none;
			color: var(--dark_color);
			font-family: var(--mandarin_font);
			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 */
		}
		.index_visit tr td:first-of-type{
			color: var(--second_color);
			white-space: nowrap;
		}

		.index_visit tr td:last-of-type ul{
			padding-left: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		}





@media (max-width: 990px){


	.index_visit_area .index_title{
		display: none;
	}



}



@media (max-width: 640px){

	.index_visit tbody{
		display: flex;
		flex-direction: column;	
		gap: 15px;
	}

	.index_visit tr{
		display: flex;
		flex-direction: column;	
	}
	.index_visit td{
		display:block;
	}
	.index_visit tr td:last-of-type ul {
		padding-left: 23px;
	}

}

















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

.index_aboutBg{

}


	.index_about_section{

	}

		.index_about_area{
			
		}



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



.index_about_section1{
	position: relative;
	background-color: var(--sixth_color);
	overflow: hidden;
}

.index_about_section1:before{
	position: absolute;
	content: "";
	background-image: url(../index/images/house.png);
	background-position: top left;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	max-width: calc(100% - 15.75%);
	right: 0;
	pointer-events: none;
	z-index: 0;
}
	.index_about_section1 .wrap{
		max-width: 101.875rem; /*1630*/
	}
		.index_about_section1 .index_about_area{
			padding: clamp(2.5807rem, 4.1667vw, 5rem) 0; /* 41.29px , 4.1667vw , 80px */
			display: grid;
			align-items: flex-start;
			grid-template-columns: 1fr 11.9fr;
			justify-content: space-between;
			gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
		}

		.index_about_section1 .master_area{
			display: grid;
			align-items: center;
			grid-template-columns: repeat(2 , 1fr);
			padding-left: clamp(4.0324rem, 6.5104vw, 7.8125rem); /* 64.52px , 6.5104vw , 125.00px */
			box-sizing: border-box;
			font-size:clamp(1rem, 1.25vw, 1.5rem); /* 16px , 1.2500vw , 24px */
			position: relative;
			z-index: 3;
		}
			.index_about_section1 .master_info{

			}

				.index_about_section1 .text_area{
					line-height: 1.7;
					font-size: inherit;
				}
					.index_about_section1 .text_area .sign{
						max-width: clamp(6.4518rem, 10.4167vw, 12.5rem); /* 103.23px , 10.4167vw , 200px */
						margin-bottom: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
					}
						.index_about_section1 .text_area .sign img{
							width: 100%;
							height: auto;
						}
						.index_about_section1 .master_info .btn_area.about{
							    display: flex;
    							justify-content: flex-end;
						}
						.index_about_section1 .master_info .btn_area.about .about_btn{

							-webkit-appearance: none;
							-webkit-border-radius: 0px;
							margin: 0;
							padding: 0;
							outline: none;
							cursor: pointer;
							vertical-align: middle;
							border: none;
							width: 100px;
							height: 42px;
							background: var(--second_color);
							color: #fff;
							border-radius: 5px;
							line-height: 1;
							transition: 0.2s ease all;
							letter-spacing: 1px;
							width: unset;
							height: unset;
							padding: clamp(.5rem,0.8333vw,1rem);
							display: flex;
							align-items: first baseline;
    						gap: 0.625rem;
							font-size: clamp(1rem, 1.2500vw, 1.5rem); /* 16px , 1.2500vw , 24px */
							border-radius: 15px;
							background-color: #585947;
						}
						.index_about_section1 .master_info .btn_area.about .about_btn_img{
							width: 0.9375rem;
							height: 0.9375rem;
						}
						.index_about_section1 .master_info .btn_area.about .about_btn_img img{
							width: 100%;
							height: auto;
						}

		.index_about_section1 .master_img{
			
		}
			.index_about_section1 .master_img img{								
				width: 100%;								
				height: auto;
			}





@media (max-width: 990px){

	.index_about_section1 .index_about_area{
		/*padding: clamp(2.5807rem, 4.1667vw, 5rem) 0;*/ /* 41.29px , 4.1667vw , 80px */
		display: flex;
		flex-direction: column;
		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_section1 .master_area{
			padding-left: 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_about_section2{
	position: relative;
	background-color: var(--sixth_color);
	overflow: hidden;
}

	.index_about_section2 a{
		display: block;
		text-decoration: none;
		transition: 2.3s ease all;
	}
		.index_about_section2 .index_about_area{
			transition: 2.3s ease all;
			background-position: 50% 0%;
			background-size: cover;
			background-repeat: no-repeat;
			min-height: clamp(20.8071rem, 33.5938vw, 40.3125rem); /* 332.91px , 33.5938vw , 645.00px */
		}
		.index_about_section2 a:hover .index_about_area{
			background-position: 50% 100%;
			transition: 2.3s ease all;
		}





	
@media (max-width: 990px){

}









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



.index_about_section3{
	position: relative;
	background-color: var(--sixth_color);
	overflow: hidden;
	padding-bottom: clamp(0.9678rem, 1.5625vw, 1.875rem); /* 15.48px , 1.5625vw , 30px */
}

.index_about_section3:before{
	position: absolute;
	content: "";
	background-image: url(../index/images/house.png);
	background-position: bottom left;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	max-width: calc(100% - 15.75%);
	right: 0;
	bottom: clamp(0.9678rem, 1.5625vw, 1.8750rem);
	pointer-events: none;
	z-index: 0;
}
	.index_about_section3 .wrap{
		max-width: 101.875rem; /*1630*/
		padding-bottom:clamp(4.8389rem, 7.8125vw, 9.3750rem); /* 77.42px , 7.8125vw , 150.00px */
	}
		.index_about_section3 .index_about_area{
			background-color: var(--sixth_color);
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
			column-gap: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* 28.39px , 2.8646vw , 55px */
			position: relative;
			z-index: 1;
			padding-top: clamp(2.7420rem, 4.4271vw, 5.3125rem); /* 43.87px , 4.4271vw , 85.00px */	
			padding-bottom: clamp(0.9678rem, 1.5625vw, 1.875rem); /* 15.48px , 1.5625vw , 30px */
		}
		

			.index_about_section3 .text_area{
				max-height: clamp(24.6875rem, 24.7917vw, 29.75rem); /* 395px , 24.7917vw , 476px */
				-webkit-writing-mode: vertical-rl;
				writing-mode: vertical-rl;
				line-height: 1.9;
				font-size:clamp(1rem, 1.25vw, 1.5rem); /* 16px , 1.2500vw , 24px */
			}

			.index_about_section3 .dot_decorate{
				margin: 0;
				padding: 0;
				list-style-type : none;
				display: flex;
				flex-direction: column;
				gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
			}
				.index_about_section3 .dot_decorate li{
					margin: 0;
					padding: 0;
					list-style-type : none;
					display: block;
				}
				.index_about_section3 .dot_decorate li img{
					width: 0.8125rem; /*13px*/
					height: auto;
					aspect-ratio: 1;
					object-fit: cover;
				}








/* 在螢幕放大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) {

	.index_about_section1 .wrap ,
	.index_about_section3 .wrap{
		max-width: 52.8125rem; /*845*/
	}

}
				











@media (max-width: 990px){

	.index_about_section3{
		padding: clamp(2.5807rem, 4.1667vw, 5rem) 0; /* 41.29px , 4.1667vw , 80px */
	}
	
	.index_about_section3:before{
		display: none;
	}
		.index_about_section3 .wrap{
			padding: 0;
		}
			.index_about_section3 .index_about_area{
				padding: 0;
				display: flex;
				flex-direction: column;
				align-items: unset;
				gap: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* 28.39px , 2.8646vw , 55px */	
			}
				.index_about_section3 .dot_decorate{
					flex-direction: row;
				}

				.index_about_section3 .text_area{
					max-height:unset;
					-webkit-writing-mode:unset;
					writing-mode: unset;
				}


}


				








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

.index_videoBg{
	position: relative;
	background-color: #fff;
}
.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{
		
	}
		.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-end;
				grid-template-columns: 1fr 10.9fr 1fr ;
				justify-content: space-between;
				gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
			}

				
				.index_video_section{

				}


							
				.index_videoBg .video_area{
					max-width: 65.625rem; /*1050*/
					width: 90%;
					margin: 0 auto;

					display: flex;
					flex-direction: column;
					gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
				}
					.index_videoBg .video_area  .index_title2{
						text-align: right;
					}
					.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_area{
		display: flex;
		flex-direction: column;
		align-items:unset;
		grid-template-columns: unset ;
		justify-content: unset;
		gap: clamp(1.7743rem, 2.8646vw, 3.4375rem); /* 28.39px , 2.8646vw , 55px */ 
		/*padding: clamp(2.5807rem, 4.1667vw, 5rem) 0;*/ /* 41.29px , 4.1667vw , 80px */
		padding-top:clamp(2.5807rem, 4.1667vw, 5rem) ; /* 41.29px , 4.1667vw , 80px */
	}

		.index_videoBg .video_area{
			width: 100%;
		}
		.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); */
				}


}


















/*========================================================*/
/*-------首頁_相簿區塊--------*/
/*========================================================*/


.index_album_section{
	padding-bottom:clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
}
/* .index_album_section.pc{

}
.index_album_section.mobile{

} */
	.index_album_section .wrap{

	}

		.index_album_section .index_title2{
			text-align: center;
		}




.index_albumBg{

}


ul.album_area{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

	/* 案例展示_列表 */
	ul.album_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		box-sizing: border-box;
		display: block;
		width: 20%;
		/* padding: 0 15px 30px; */
	}
		.album_list{
			font-size: 16px;
			line-height: 1.5;
		}
			.album_list a{	
				display: block;
				text-decoration: none;				
				color: var(--primary_color);	
				word-wrap: break-word;
				word-break: break-all;
			}
				/* 案例展示_列表_圖 */
				.album_img{
					box-sizing: border-box;
					position: relative;
					padding-top: 100%;
					overflow: hidden;
					display: block;
				}                                            
					.album_img img{	
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						/* border-radius: 50%; */
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: all 0.3s ease-out;				
					}
				

					
				/* 案例展示_列表_標題 */
				ul.album_area h3.title{
					padding: 0;
					margin: 0;
					font-size: inherit;
					line-height: inherit;
					font-weight: bold;
					color: inherit;
					margin: 10px 0;
				}
				/* 案例展示_列表_簡述 */
				ul.album_area h4.album_brief{
					padding: 0;
					margin: 0;
					font-size: 15px;
					line-height: inherit;
					font-weight: inherit;
					color: #777;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}



@media (max-width: 640px){

	ul.album_area{
		/* margin: 0 -5px -20px; */
	}	
		/* 案例展示_列表 */
		ul.album_area li{
			width: 50%;
			/* padding: 0 5px 20px; */
		}
			ul.album_area h3.title {
				margin: 5px 0;
			}

}






/*-------案例展示區內頁--------*/
ul.album_area.album_area2{	
}
	ul.album_area.album_area2 h4.album_brief{
		margin-top: 15px;
		display: none;
	}	

	ul.album_area.album_area2 .album_img{
		position: relative;
	}
	/* hover */
	ul.album_area.album_area2 .album_img:before{	
		position: absolute;
		content: "點擊放大";
		font-family: var(--foreign_font);
		top: 50%;
		left: 50%;
		transform: translate(-50% , 0%) scale(0);
		color: #fff;
		text-shadow: rgb(0 0 0) 0px 0px 10px;
		font-size: 14px;
		line-height: 1;
		z-index: 1;
		/* transition: 0.9s ease all; */
		opacity: 0;
	}
	ul.album_area.album_area2 .album_img:hover:before{	
		transform: translate(-50% , -50%) scale(1);
		opacity:1;
		transition: 0.9s ease all;
	}
	ul.album_area.album_area2 .album_list:hover img{
		/* opacity: 0.5; */
		filter: grayscale(0.7) ;  /*灰階*/
		transition: 0.3s ease all;
	}


@media (max-width: 990px){

	/* hover */
	ul.album_area.album_area2 .album_img:before{	
		font-size: 12px;
	}

}