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









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


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



	/*----- 首頁標題1 -----*/
	.index_title_area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom:clamp(1.5625rem, 2.0833vw, 2.5000rem); /* 最小值 25px、大小約 2.0833vw、最大值 40px */
	}

	.index_title {
		font-weight: 500;
		width:auto;
		box-sizing: border-box;
		color: var(--dark_color);
		text-align: left;
		line-height: 1.2;
		font-size: clamp(1.3750rem, 1.9792vw, 2.3750rem); /* 字體 最小值 22.00px、大小約 1.9792vw、最大值 38px */
		display: flex;
		flex-direction: column;

		margin-bottom:clamp(1.5625rem, 2.0833vw, 2.5000rem); /* 最小值 25px、大小約 2.0833vw、最大值 40px */
	}
		.index_title span{
			color: var(--primary_color);
			font-family: var(--foreign_font);
			/* color: inherit; */
			font-size: clamp(1rem, 1.1979vw, 1.4375rem); /* 字體 最小值 16px、大小約 1.1979vw、最大值 23px */
		}
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}
			.index_title_area .index_title{
				margin-bottom: 0;
			}
		
			.index_title_area .index_more_btn{
			}



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



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

}





/*=================================================================*/
/*-------首頁_banner區塊--------*/
/*=================================================================*/


.home_main .banner{

}
	.home_main .banner .swiper-button-prev ,
	.home_main .banner .swiper-button-next{
		
	}
	.home_main .banner .swiper-pagination{
		
	}



/* 在螢寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {
	.home_main .banner .swiper-button-prev ,
	.home_main .banner .swiper-button-next{
		
	}
	.home_main .banner .swiper-pagination{
		display: none;
	}
}


@media (max-width: 990px){

	.home_main .banner .swiper-button-prev ,
	.home_main .banner .swiper-button-next{
		display: none;
	}
	.home_main .banner .swiper-pagination{
		
	}

}


















/*=================================================================*/
/*-------首頁_more區塊--------*/
/*=================================================================*/

.index_more_btn{
	text-align: right;
	/* display: none; */
	font-weight: 500;
	font-family: var(--foreign_font);
}
	.index_more_btn a{
		/* margin-top: 0.3125rem; */ /*5px*/
		font-size: 1.125rem; /*18px*/
		line-height: 1.5;
		/* display: block; */
		text-decoration: none;
		color: var(--dark_color);
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: relative;
		padding-right: 1.5625rem; /*25px*/
	}
	.index_more_btn a:before{
		position: absolute;
		content: "";
		background-image: url(../images/more.svg);
		background-size: 99.9%;  
		background-repeat: no-repeat;
		background-position: center;
		width: 1.125rem; /*18px*/
		height: auto;
		aspect-ratio: 1 / 1;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
		.index_more_btn a i {
			font-size: .9375rem; /*15px*/
			background-color: var(--primary_color);
			color: #fff;
			border-radius: 50%;
			padding: 1px 2.6px 2px 2px;
			margin-left: 5px;
			display: none;
		}
		.index_more_btn a:hover{
			opacity: 0.5;
		}

@media (max-width: 990px){

	.index_more_btn{
		display:block;
	}

}









            


/*=================================================================*/
/*-------首頁_最新產品區塊--------*/
/*=================================================================*/

.index_new_prodBg{
	background-color: #00124e;
	background-color: var(--second_color);
	/* padding: 180px 0; */
	
	padding-bottom: clamp(5.8066rem, 9.3750vw, 11.2500rem) ; /*  最小值 92.91px、大小約 9.3750vw、最大值 180.00px */
}

	.index_new_prodBg .wrap{
		position: relative;
		max-width: 83.125rem; /*1330px*/
	}

.index_new_prodBg .index_new_prod_area {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: flex-start;
}



.index_new_prodBg .index_title {
	background-color: var(--primary_color);
	margin: 0;
	padding: 115px 30px;

	padding: clamp(3.7098rem, 5.9896vw, 7.1875rem) 0; /*  最小值 59.36px、大小約 5.9896vw、最大值 115px */
	padding-left: clamp(0.9678rem, 1.5625vw, 1.875rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30px */
	padding-right: clamp(0.9678rem, 1.5625vw, 1.875rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30px */

	height: auto;
	/* margin: -230px 0 0; */
	/* transform: translateY(-50px); */
	transform: translateY(clamp(-1.6130rem, -2.6042vw, -3.1250rem));  /* 最小值 -25.81px、大小約 -2.6042vw、最大值 -50px */
	color: #fff;
	text-align: center;
}
	.index_new_prodBg .index_title span{
		color: inherit;
	}
	.index_new_prodBg .index_title strong{
		/* color: inherit; */
	}







	.index_new_prodBg .swiper-container {
		width: 100%;
		height: 100%;
	}

		.index_new_prodBg  .swiper-slide {
		text-align: center;
		font-size: 18px;
		/* background: #fff; */
		background-color: rgba(255 255 255 / 0%);

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		}

		.index_new_prodBg .swiper-slide img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		}

		.indexProductArea{
			width: 76.5%;
			box-sizing: border-box;
			position: relative;

			padding-top: clamp(5.8066rem, 9.3750vw, 11.2500rem)  /*  最小值 92.91px、大小約 9.3750vw、最大值 180.00px */
		}

		.index_new_prodBg .swiper-button-prev ,
		.index_new_prodBg .swiper-button-next  {
			position: absolute;
			top: unset;
			bottom: 0;
			margin-top: 0;
			transform: translateY(0%);
			z-index: 10;
			cursor: pointer;
			width: 2.5rem; /*40px*/
			height: auto;

			aspect-ratio: 1 / 1;
			background-size: 99.9%;
			background-position: center;
			background-repeat: no-repeat;
		}


	.index_new_prodBg .swiper-button-prev {
		background-image: url(../index/images/left_arrow2.webp);
		left:  clamp(calc(-0.4839rem - 2.5rem) , calc(-0.7813vw - 2.5rem), calc(-0.9375rem - 2.5rem)); /*   最小值 7.74px、大小約 0.7813vw、最大值 15px */;
		right: auto;
	}

	.index_new_prodBg .swiper-button-next {
		background-image: url(../index/images/right_arrow2.webp);		
		right:  clamp(calc(-0.4839rem - 2.5rem) , calc(-0.7813vw - 2.5rem), calc(-0.9375rem - 2.5rem)); /*   最小值 7.74px、大小約 0.7813vw、最大值 15px */;
		left: auto;
	}



		.index_new_prod_list{
			width: 100%;
			/* padding: 45px 20px 15px; */

			padding:    clamp(0.9375rem, 1.0417vw, 1.2500rem); /* 最小值 15px、大小約 1.0417vw、最大值 20px */
			padding-top:clamp(0.9375rem, 2.3438vw, 2.8125rem); /* 最小值 15px、大小約 2.3438vw、最大值 45px */

			background-color: var(--third_color);
		}

		.index_new_prod_Img{
		}
			.index_new_prod_Img a{
				position: relative;
				padding-top: 100%;
				/* border-radius: 10px; */
				display: block;
				overflow: hidden;
			}
			.index_new_prod_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_new_prod_Img:hover img{
				opacity: 0.5;
				transition: 0.3s ease all;
			}





		.index_new_prod_list .title{
			font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
			line-height: 1.5;	
			color: var(--dark_color);			
			margin: 0.625rem 0; /*10px 0*/
			padding: 0;
			text-align: left;
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.index_new_prod_list .title a{
			color: inherit;	
			display: block;
			text-decoration: none;
		}
		.index_new_prod_list .index_more_btn{
			display: block;
		}
			.index_new_prod_list .index_more_btn a{
				text-decoration: none;
			}





			
.index_new_prodBg .index_new_prod_area > .index_more_btn{
	font-family: var(--mandarin_font);
	position: absolute;
	right: 0;
	top:  clamp(2.6130rem, 4.2188vw, 5.0625rem); /* 最小值 41.81px、大小約 4.2188vw、最大值 81.00px */
}
	.index_new_prodBg .index_new_prod_area > .index_more_btn a{
		color: #fff;
	}

@media (max-width: 1500px){

	

}



@media (max-width: 1280px){
	

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

	.index_new_prodBg {
		padding: 3.125rem 0; /*50px 0*/
	}
		.index_new_prodBg .index_title {
			text-align: left;
			padding: 0px 0px;
			margin: 0px 0 0;
			background-color: rgba(227 121 50 / 0%);
			transform: unset;

			margin-bottom: clamp(1.5625rem, 2.0833vw, 2.5rem); /* 最小值 25px、大小約 2.0833vw、最大值 40px */
		}
		
		.indexProductArea {
			width: 100%;
			padding: 0px 0 0;
		}

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


		.index_new_prodBg .index_new_prod_area > .index_more_btn{
			top:  1.5625rem; /* 25px */
		}
		
}


@media (max-width: 640px){


	.index_new_prodBg .index_new_prod_area > .index_more_btn{
		position: unset;
		right: unset;
		top:  unset; 
		margin :1.5625rem auto 0; /*  25px */
	}

}



        
        




/*=================================================================*/
/*-------首頁_產品區塊--------*/
/*=================================================================*/

.index_productBg{
	overflow: hidden;
	padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90px */
}

	.index_productBg .wrap{
		max-width: 83.125rem; /*1330px*/
	}

		.index_productBg .index_product_area {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			
			
			margin: 0 -0.625rem; /*0 -10px*/
			row-gap: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 字體 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
		}


		.index_productBg .index_product_area ~ .index_more_btn{
			text-align: center;
			margin-top:clamp(2.8750rem, 4.6875vw, 5.6250rem); /*  最小值 46px、大小約 4.6875vw、最大值 90px */
		}
			.index_productBg .index_product_area ~ .index_more_btn a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}



		.index_productBg .product_list{
			width: 25%;
			padding: 0 0.625rem; /*0 10px*/
			display: flex;
			flex-direction: column;
		}

		.product_box{
			display: inherit;
			flex-direction: inherit;
			flex-grow: 1;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			padding: clamp(0.9375rem, 1.0417vw, 1.2500rem); /* 最小值 15px、大小約 1.0417vw、最大值 20px */
		}

		.product_Img{
		}
			.product_Img a{
				position: relative;
				padding-top: 100%;
				/* border-radius: 10px; */
				display: block;
				overflow: hidden;
			}
			.product_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;
			}
			.product_Img:hover img{
				opacity: 0.5;
				transition: 0.3s ease all;
			}


		.product_content{	
			display: flex;		
			flex-direction: column;	
			flex-grow: inherit;
			gap: .3125rem /*5px*/
		}

			.product_content_in{
				flex-grow: 1;		
				display: inherit;			
				flex-direction: inherit;

				gap: .625rem; /*10px*/
			}



				.product_list .title{
					font-size: clamp(1rem, 0.9375vw, 1.1250rem); /* 字體 最小值 16px、大小約 0.9375vw、最大值 18.00px */
					line-height: 1.5;	
					color: var(--primary_color);			
					margin: 0 ;
					padding: 0;
					text-align: left;
					font-weight: 700;
				}
				.product_list .title a{
					color: inherit;	
					display: block;
					text-decoration: none;

					overflow : hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;

					display: flex;
    				align-items: anchor-center;
					gap: 0.5rem; /*8px*/
				}

				.product_list .title a i{
					font-size: clamp(0.8889rem, 0.8333vw, 1rem); /* 字體 最小值 14.22px、大小約 0.8333vw、最大值 16px */
				}





					.product_list .description{
						flex-grow: inherit;
						/* display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
						overflow: hidden; */
						text-align: left;
						color: var(--dark_color2);
						line-height: 1.2;
						font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 字體 最小值 14.00px、大小約 0.8333vw、最大值 16.00px */
					}
					.product_list .description ul{
						/* margin: 0;
						padding: 0;
						list-style-type : none; */
						display: flex;
						flex-wrap: wrap;
						flex-direction: column;
						gap: .3125rem; /*5px*/
						font-size: inherit;
						padding-left: 1.25rem; /*20px*/
						/* flex-grow: inherit;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
						overflow: hidden; */
					}
					.product_list .description li{
						/* margin: 0;
						padding: 0;
						list-style-type : none;
						display: block; */
						font-size: inherit;
					}
					.product_list .description li a{
						font-size: inherit;
						color: inherit;
						text-decoration: none;
						display: block;
					}
					.product_list .description li a:hover{
						opacity: 0.5;
					}



				.product_list .index_more_btn{
					display: block;
				}
					.product_list .index_more_btn a{
						text-decoration: none;
					}


					
@media (max-width: 990px){

	.index_productBg {
		padding: 3.125rem 0; /*50px 0*/
	}

		.index_productBg .index_product_area ~ .index_more_btn{
			margin-top:1.5625rem; /*  25px */
		}
			
		.index_productBg .product_list{
			width: 50%;
		}
	
}


@media (max-width: 768px){

	.index_productBg .product_list{
		width: 50%;
	}

}

@media (max-width: 510px){

	.index_productBg .product_list{
		width: 100%;
	}
		.index_productBg .product_box{
			display: grid;
			align-items: center;
			column-gap: 10px;
			grid-template-columns: minmax(100px , 46%) auto;
		}

}












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

.index_newsBg{
	overflow: hidden;
	background-color: var(--fourth_color);
	/* padding: 90px 0; */
	padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90px */
}
	.index_news_area{
		box-sizing: border-box;
		position: relative;
	}

	
	.index_newsBg .swiper-button-prev ,
	.index_newsBg .swiper-button-next{
		width: 2.5rem; /*40px*/
	}

	.index_newsBg .swiper-button-prev {
		background-image: url(../index/images/left_arrow3.webp);
		left:  clamp(calc(-0.4839rem - 2.5rem) , calc(-0.7813vw - 2.5rem), calc(-0.9375rem - 2.5rem)); /*   最小值 7.74px、大小約 0.7813vw、最大值 15px */;
		right: auto;
	}

	.index_newsBg .swiper-button-next {
		background-image: url(../index/images/right_arrow3.webp);
		right:  clamp(calc(-0.4839rem - 2.5rem) , calc(-0.7813vw - 2.5rem), calc(-0.9375rem - 2.5rem)); /*   最小值 7.74px、大小約 0.7813vw、最大值 15px */;
		left: auto;
	}



	.index_newsBg .swiper-slide{
		display: flex;
		flex-direction: column;
		/* flex-grow: 1; */
		height: auto;
	}





	/* 最新消息列表 */
	.news_list{
		/* padding: 0 15px 0; */
		/* width: 33.3%; */
		box-sizing: border-box;

		display: inherit;
		flex-direction: inherit;
		flex-grow: 1;
	}


		/* 首頁_最新消息圖片 */
		.news_Img{
		}
			.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;
			}
			.news_Img a{
				position: relative;
				padding-top: 75%;
				/* border-radius: 10px; */
				display: block;
				overflow: hidden;
			}
			.news_Img a:hover img{
				transform: scale(1.1);
				transition: 0.3s ease all;
			}




			/* 首頁_最新消息文區 */
			.news_bottom{
				/* color: #1c2a5b; */
				padding: 30px;
				padding:clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
				background-color: #fff;
				display: flex;
				flex-direction: column;
				gap: .625rem; /*10px*/

				display: inherit;
				flex-direction: inherit;
				flex-grow: inherit;
			}
				.news_bottom_content{
					display: inherit;
					flex-direction: inherit;
					flex-grow: inherit;

					gap: inherit;
				}
				
					.news_bottom .news_title{
						/* font-family: genseki_b; */
						font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
						line-height: 1.5;	
						color: var(--dark_color);	
						margin: 0;
						padding: 0;

						overflow : hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}
						.news_bottom .news_title a{
							color: inherit;	
							display: block;
							text-decoration: none;

							min-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.1250rem * 3));
							transition: 0.3s ease all;
						}
						.news_bottom .news_title a:hover{
							color: var(--primary_color);	
							transition: 0.3s ease all;
						}

					.news_bottom .description {
						text-align: left;
						color: var(--dark_color2);
						line-height: 1.2;
						font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 字體 最小值 14.00px、大小約 0.8333vw、最大值 16.00px */
						flex-grow: 1;
					}	
						.news_bottom .description p{
							overflow : hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 3;
							-webkit-box-orient: vertical;
						}




				.news_bottom .date{
					color: var(--primary_color);
					font-size: 18px;
					line-height: 1.5;
					font-weight: 500;
					font-family: var(--foreign_font);
				}
				.news_bottom .btn{
					display: block;
					margin-top: 40px;
				}






				
@media (max-width: 990px){	

.index_newsBg{
	padding: 3.125rem 0; /*50px 0*/
}
	.news_area {
		/* margin: 15px -10px 0; */
	}
	
	.index_newsBg .swiper-button-prev ,
	.index_newsBg .swiper-button-next{
		display: none;
	}

		.news_list {
			/* padding: 0 10px 0; */
		}
			.news_bottom {
				/* padding: 10px; */
			}
}



@media (max-width: 768px){	

/* .news_area{
	width: 100%;
	margin: 15px 0px -20px;
	display: block;
	flex-direction: unset;
} */

/* 最新消息列表 */
/* .news_list{
	padding: 0 0px 20px;
	width: 100%;
} */


}











/*=================================================================*/
/*-------首頁_影音介紹_kol區塊--------*/
/*=================================================================*/

.index_video_kolBg{
	overflow: hidden;
	padding: clamp(2.9033rem, 4.6875vw, 5.6250rem) 0; /*  最小值 46.45px、大小約 4.6875vw、最大值 90px */
}
	.index_video_kolBg .wrap{

	}


		.index_video_kol_area{
			display: flex;
			flex-wrap: wrap;
			/*row-gap: clamp(1.8750rem, 2.0833vw, 2.5000rem);*/ /*  最小值 30.00px、大小約 2.0833vw、最大值 40.00px */
			margin: 0  clamp(-1.7743rem, -2.8646vw, -3.4375rem); /*  最小值 -28.39px、大小約 -2.8646vw、最大值 -55px */
		
		}




@media (max-width: 990px){	

	.index_video_kolBg{
		padding: 0;
	}
		.index_video_kol_area{
			flex-direction: column;
			margin: 0;
		}


}



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


.index_video_area{	
	position: relative;
	padding: 0 clamp(1.7743rem, 2.8646vw, 3.4375rem); /*  最小值 28.39px、大小約 2.8646vw、最大值 55px */
	width: 50%;			
	display: flex;			
	flex-direction: column;
	box-sizing: border-box;
}

	.index_video_area .index_title{
		/* width: 100%; */
	}

	.index_video_content{

	}
		.index_video_area  .video_list{
			width: 100%;
			display: flex;
			flex-direction: column;
			gap: 0.625rem; /*10px*/
		}
			.index_video_area  .video_list span{
				width: 100%;
				position: relative;
				padding-bottom: 56.25%;
				padding-top: 30px; 
				height: 0;
				overflow: hidden;
				display: block;
			}
				.index_video_area  .video_list iframe{	
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

				.index_video_area .video_title{
					/* font-family: genseki_b; */
					font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
					line-height: 1.5;	
					color: var(--dark_color);	
					margin: 0;
					padding: 0;

					overflow : hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
				}
					.index_video_area .video_title a{
						color: inherit;	
						display: block;
						text-decoration: none;

						/*min-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.1250rem * 3));*/
						transition: 0.3s ease all;
					}
					.index_video_area .video_title a:hover{
						color: var(--primary_color);	
						transition: 0.3s ease all;
					}

				.index_video_area .description {
					text-align: left;
					color: var(--dark_color2);
					line-height: 1.2;
					font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 字體 最小值 14.00px、大小約 0.8333vw、最大值 16.00px */
					flex-grow: 1;
				}	
					.index_video_area .description p{
						overflow : hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
					}


					.index_video_area .swiper-button-prev ,
					.index_video_area .swiper-button-next{
						width: 2.5rem; /*40px*/
					}
					.index_video_area .swiper-button-prev{		
						background-image: url(../index/images/left_arrow3.webp);
					}
					.index_video_area .swiper-button-next{
						background-image: url(../index/images/right_arrow3.webp);
					}







@media (max-width: 990px){	

	.index_video_area{	
		padding: 3.125rem 0; /*50px 0*/
		width: 100%;
		border-bottom: 1px var(--third_color) solid;
	}
	
}
					




/*=================================================================*/
/*-------首頁_KOL 區塊--------*/
/*=================================================================*/

	.index_kol_area{
		padding: 0 clamp(1.7743rem, 2.8646vw, 3.4375rem); /*  最小值 28.39px、大小約 2.8646vw、最大值 55px */
		width: 50%;
		position: relative;
		box-sizing: border-box;
	}

		.index_kol_content{
			position: relative;
			/*display: grid;
			grid-template-columns: repeat(2 , 1fr);
			gap: clamp(0.9375rem, 1.0417vw, 1.2500rem); *//* 最小值 15.00px、大小約 1.0417vw、最大值 20.00px */
		}

			/* KOL列表 */
			.kol_list{
				/* padding: 0 15px 0; */
				/* width: 33.3%; */
				box-sizing: border-box;

				/* display: inherit;
				flex-direction: inherit;
				flex-grow: 1; */
				width: 100%;
			}


				/* 首頁_KOL圖片 */
				.kol_Img{
				}
					.kol_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;
					}
					.kol_Img a{
						position: relative;
						padding-top: 100%;
						/* border-radius: 10px; */
						display: block;
						overflow: hidden;
					}
					.kol_Img a:hover img{
						transform: scale(1.1);
						transition: 0.3s ease all;
					}




					/* 首頁_KOL文區 */
					.kol_bottom{
						/* color: #1c2a5b; */
						padding: 30px 0 0;
						padding-top:clamp(0.9678rem, 1.5625vw, 1.8750rem); /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
						background-color: #fff;
						display: flex;
						flex-direction: column;
						gap: .625rem; /*10px*/

						display: inherit;
						flex-direction: inherit;
						flex-grow: inherit;
					}
						.kol_bottom_content{
							display: inherit;
							flex-direction: inherit;
							flex-grow: inherit;

							gap: inherit;
						}
						
							.kol_bottom .kol_title{
								/* font-family: genseki_b; */
								font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
								line-height: 1.5;	
								color: var(--dark_color);	
								margin: 0;
								padding: 0;

								overflow : hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical;
							}
								.kol_bottom .kol_title a{
									color: inherit;	
									display: block;
									text-decoration: none;

									min-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.1250rem * 3));
									transition: 0.3s ease all;
								}
								.kol_bottom .kol_title a:hover{
									color: var(--primary_color);	
									transition: 0.3s ease all;
								}

							.kol_bottom .description {
								text-align: left;
								color: var(--dark_color2);
								line-height: 1.2;
								font-size: clamp(0.8750rem, 0.8333vw, 1.0000rem); /* 字體 最小值 14.00px、大小約 0.8333vw、最大值 16.00px */
								flex-grow: 1;
							}	
								.kol_bottom .description p{
									overflow : hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 3;
									-webkit-box-orient: vertical;
								}



								


@media (max-width: 990px){	

	.index_kol_area{	
		padding: 0;
		padding: 3.125rem 0; /*50px 0*/
		width: 100%;
	}

}