/* 匯入共用新知分享模組css*/
@import url(..//css/style_nav/style_news/style_latest_news.css);

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



:root {
    /*--solution_offset_x: -4.1146vw;*/ /*-79px*/
    /*--solution_offset_y: 3.8021vw;*/  /*73px*/
	--solution_offset_x: -27%;  /*卡片x軸位移*/
    --solution_offset_y: 35.5%; /*卡片y軸位移*/
	--index_solution_description_h:11.875rem;  /*卡片簡述高度*/
	--index_solution_description_offset_y:4.375rem;  /*卡片簡述y軸位移*/
	--index_solution_card_w:clamp(18.75rem, 14.708rem + 8.42vw, 24.813rem);  /*卡片高度*/
}


@media screen and (min-width: 768.1px)  and (max-width: 1210.1px) {

:root {
	--index_solution_card_w:clamp(12.75rem, -0.028rem + 26.62vw, 19.938rem);
}

}

@media screen and (min-width: 768.1px)  and (max-width: 1210.1px) {

:root {
	--index_solution_description_offset_y:clamp(2.188rem, -1.59rem + 7.87vw, 4.313rem);  /*卡片簡述y軸位移*/
}

}


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


/*首頁內容區塊*/	
.mainContent{
	padding-bottom: clamp(3.226rem, 2.621rem + 3.02vw, 6.25rem) ;
}

	.index_itemBg{
		padding: clamp(3.226rem, 2.621rem + 3.02vw, 6.25rem) 0 0; /* 最小值 51.61px、大小約 5.2083vw、最大值 100.00px */
	}



	/*----- 首頁標題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.875rem, 1.8rem + 0.38vw, 2.25rem); /* 字體 最小值 22.00px、大小約 1.9792vw、最大值 38px */
		display: flex;
		flex-direction: column;
		margin-bottom:clamp(1.613rem, 1.311rem + 1.51vw, 3.125rem); /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
		color: #222;
		
		font-weight: bold;
		text-align: center;
		gap: clamp(0.625rem, 0.7813vw, 0.9375rem); /* 最小值 10.00px、大小約 0.7813vw、最大值 15.00px */
	}
		.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 .text_area{
			font-size: .9375rem; /*15px*/
			color: var(--dark_color2);
			font-weight: 400;
			line-height: 1.6;
		}




			/*.index_title_area .index_title{
				margin-bottom: 0;
			}
		
			.index_title_area .index_more_btn{
			}*/




/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49), only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {
	
	.index_itemBg{
		padding: calc(clamp(3.2259rem, 5.2083vw, 6.2500rem) / 2) 0; /* 最小值 51.61px、大小約 5.2083vw、最大值 100.00px */
	}

}

/* 在螢幕放大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_itemBg{
		padding: calc(clamp(3.2259rem, 5.2083vw, 6.2500rem) / 2) 0; /* 最小值 51.61px、大小約 5.2083vw、最大值 100.00px */
	}

}

	
@media (max-width: 990px){
	
	.mainContent{	
		/* padding: 25px 0px;	 */
		padding-bottom: clamp(1.875rem, 2.6042vw, 3.125rem);
	}	


	.index_itemBg{
		padding: clamp(1.875rem, 2.6042vw, 3.125rem) 0 0; /* 最小值 30px、大小約 2.6042vw、最大值 50.00px */
	}

		/*----- 首頁標題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{
		
	}
		.home_main .banner a{
			display: block;
		}
			.home_main .banner img.pcBanner{
				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;
			}
			.home_main .banner img.mobileBanner{

			}





/* 在螢寬度大於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;
		}

		.home_main .banner .swiper-wrapper{

		}

			.home_main .banner .swiper-wrapper .swiper-slide {
				/* min-height: 100dvh; */
				min-height: 875px;
			}

			.home_main .banner .bannerH{
				min-height: inherit;
			}

			.home_main .banner a{
				position: relative;
				/* padding-top: 100%;
				border-radius: 10px; */
				display: block;
				overflow: hidden;
			}
}


@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_aboutBg{

}

	.index_aboutBg .index_title{
		/* padding: clamp(0.484rem, 0.393rem + 0.45vw, 0.938rem) 0; */
	}
		.index_aboutBg .index_title strong{

		}

		.index_aboutBg .index_title:before ,
		.index_aboutBg .index_title:after{
			position: relative;
			content: "";
			display: block;
			background-image: linear-gradient(90deg, #fff0 5%, var(--primary_color) 50%, #fff0 95%);
			background-size: 100% 0.2em;
			background-repeat: no-repeat;
			height: .1875rem;
		}

		.index_aboutBg .index_title:before{			
			background-position: 0 88%;
		}
		.index_aboutBg .index_title:after{
			background-position: 0 88%;
		}













		.index_aboutBg .index_title span{
			color: var(--primary_color);
		}

	.index_aboutBg .text_area{

	}


















/*=================================================================*/
/*-------首頁_服務快速連結區塊--------*/
/*=================================================================*/



.index_service_area {
	margin: 0;
	padding: 0;
	list-style-type : none;
	display: block;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
	column-gap: 2.6042vw;
	/*margin: 0 clamp(-1.3021rem, -0.6510vw, -0.7813rem);*/ /* 最小值 -20.83px、大小約 -0.6510vw、最大值 -12.50px */
  }
  
	.index_service_area li{
		margin: 0;
		padding: 0;
		list-style-type : none;
		display: block;
		width: calc(100% / 3);
		box-sizing: border-box;


		width: calc((100% / 3) - (2 * 2.6042vw / 3)); /* 3欄平均寬度，扣除間距 */

		/*padding: 0 clamp(0.4688rem, 0.6510vw, 0.7813rem);*/ /* 最小值 7.50px、大小約 0.6510vw、最大值 12.50px */
	}


	.index_service_list {
		/* width: 32%; */
		/* margin-bottom: 50px; */
		position: relative;
		text-align: center;
		display: block;
		color: var(--primary_color);
		font-size: 1rem;
	}
	.index_service_list:hover {
		opacity: 1;
	}

	.index_service_img {
		position: relative;
	}

	  .index_service_img .img{
			position: relative;
			/* padding-top: 100%; */
			display: block;
			overflow: hidden;
			aspect-ratio: 3 / 2;
			width: 100%;
	  }
	  .index_service_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_service_img .mask {
		position: absolute;
		display: block;
		top: 0%;
		width: 100%;
		height: 100%;
		left: 0;
		background-color: rgba(0,0,0,0.7);
		opacity: 0;
		transition: opacity 0.3s ease;
	  }
	  .index_service_list:hover .index_service_img .mask {
		opacity: 1;
		transition: opacity 0.3s ease;
	  }
	  .index_service_img .mask .description {
			font-size: clamp(0.875rem, 0.85rem + 0.13vw, 1rem); /* 最小值 14.00px、大小約 0.8333vw、最大值 16.00px */
			position: absolute;
			top: 50%;
			left: 0;
			display: block;
			width: 100%;
			transform: translateY(-50%);
			color: #fff;
			padding: 0 0.625rem; /*10px*/
			text-align: left;
			line-height: 1.5;
			font-size: inherit;


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



	  .index_service_list .title {
		display: inline-block;
		color: inherit;
		line-height: 1;
		margin-top: 0.625rem; /*10px*/
		font-size: inherit;
		font-weight: bold;
		position: relative;
		/*padding-right: 2.5rem;*/ /*40px*/
		text-align: left;
		transition: 0.5s;
	  }
	  .index_service_list:hover .title{
		padding-left: 0.625rem; /*10px*/
		padding-right: 3.125rem; /*50px*/
	  }
	  .index_service_list .title:before,
	  .index_service_list .title:after {
		/* display: block;
		content: "";
		position: absolute;
		background-color: var(--primary_color); */
	  }
	  .index_service_list .title:before {
		/*bottom: 0.3125rem;*/ /*5px*/
		/*right: 0.3125rem;*/ /*5px*/
		/*width: 1px;
		height: 0.75rem;*/ /*12px*/
		/* transform: rotate(135deg); */
	  }
	  .index_service_list .title:after {
		/*bottom: .375rem;*/ /*v*/
		/*right: 0;
		width: 1.875rem;*/ /*30px*/
		/*height: 1px;*/
	  }


@media (max-width: 990px){

	.index_service_area li{
		/* width: calc(100% / 2); */
	}

	.index_service_img .mask .description{
		-webkit-line-clamp: 5;
	}

}

@media (max-width: 768px){

	.index_service_area li{
		/* width: calc(100% / 2); */
	}

	.index_service_img .mask .description{
		-webkit-line-clamp: 4;
	}

}
	

@media (max-width: 640px){
	
	.index_service_img .mask .description{
		-webkit-line-clamp: 3;
	}

}
	

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

	/*火狐跑版問題*/
	.firefoxBrowser .index_service_area {
		display: grid;
		grid-template-columns: repeat(3 , 1fr);
		gap: clamp(1.6130rem, 2.6042vw, 3.1250rem);
	}
  
		.firefoxBrowser .index_service_area li{
			width: 100%;
		}
	
	
}

@media (max-width: 510px){

	.index_service_area {
		margin: 0 ;
	}
		.index_service_area li{		
			width: calc(100% / 1);
			padding: 0;
		}
			
		.index_service_img .mask .description{
			-webkit-line-clamp: 6;
		}
}
	










/*=================================================================*/
/*-------首頁_廣告圖_區塊--------*/
/*=================================================================*/

.index_adBg{
	padding: 0;
}

	.index_ad_area{
		width: 100%;
	}
		.index_ad_area a{
			position: relative;
			/* padding-top: 100%; */			
			display: block;
			overflow: hidden;
			aspect-ratio: 192 / 88;
			width: 100%;
		}
		.index_ad_area 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_ad_area a:hover img{
			transform: scale(1.1);
			transition: 0.3s ease all;
		}





/*=================================================================*/
/*-------首頁_新知分享區塊--------*/
/*=================================================================*/


.index_newsBg{
}

	.index_news_area{

	}






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

	.index_newsBg{
		padding-bottom: .625rem;
	}

}


@media (max-width: 990px){

	.index_newsBg{
		padding-bottom: clamp(1.875rem, 2.6042vw, 3.125rem);
	}

}
	



















/*=================================================================*/
/*-------首頁_聯絡我們_區塊--------*/
/*=================================================================*/

.index_contactBg{
	position: relative;
}
	.index_contactBg .id_offset3{
		position: absolute;
		top: 0;
	}
	.index_contactBg .wrap{

	}
		.index_contactBg .index_contact_area{

		}
			.index_contact_area .form_area{
				max-width: 82.5rem; /*1320*/
				margin: 0 auto;
			}

			.index_contact_area .agreeToTerms{
				max-width: 82.5rem; /*1320*/
				margin-left:auto;
				margin-right:auto;
				padding-left: clamp(0.7500rem, 1.2500vw, 1.5000rem); /* 最小值 12.00px、大小約 1.2500vw、最大值 24.00px */
			}







/*=================================================================*/
/*-------首頁_流程_區塊 區塊--------*/
/*=================================================================*/

	.index_solutionBg{
		overflow: hidden;
	}

		.index_solutionBg .wrap{
			max-width: 75.625rem; /*1210*/
			/* background-color: #ddd; */
		}

			.index_solution_area{
				/* display: flex; */
				align-items: center;
				width: 127.5%;
				display: grid;
				grid-template-columns: repeat(5, 1fr);
			}


				.index_solution_item{					
				}

				.index_solution_item:first-of-type{
				}
				.index_solution_item:nth-of-type(2){					
				}
				.index_solution_item:nth-of-type(3){
				}
				.index_solution_item:nth-of-type(4){					
				}
				.index_solution_item:nth-of-type(5){					
				}






					.index_solution_card{
						
					}

						/* .index_solution_card a */
						.index_solution_card .index_solution_box{
							text-decoration: none;
							/* display: flex; */
							/* flex-direction: column; */
							display: grid;
							/* flex-direction: column; */
							/* grid-template-rows: repeat(3, 1fr); */
							grid-template-rows: 1fr auto 1fr;
							/* grid-template-rows: 1fr var(--index_solution_card_w) 1fr; */  /*357*/
							transition: 0.3s ease all;
							row-gap: 0.625rem;
						}

							.index_solution_card .img_box{
								background-position: center;
								background-size: cover;
								background-repeat: no-repeat;
								aspect-ratio: 13 / 15;
								position: relative;
								transition: 0.3s ease all;
							}

							.index_solution_card .img_box .img{
								position: absolute;
								aspect-ratio: 1;
								border-radius: 100%;
								display: block;
								overflow: hidden;
								width: 46%;
								background-color: #fff;
							}

								.index_solution_card .img_box .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_solution_item:hover ~  .index_solution_item{
									/* z-index: -1; */
								}
								.index_solution_item a:hover{
									/* z-index: 99; */
								}
								.index_solution_item:hover .img_box{
									background-color: var(--fifth_color) !important;
								}








							.index_solution_card .solution_title{
								text-align: center;
								color: #fff;
								font-size: clamp(1rem, 0.8rem + 0.32vw, 1.188rem);
								position: absolute;
								/* max-width: 90%; */
								/* min-width: clamp(7.438rem, 6.037rem + 2.26vw, 8.75rem); */
								transform: translateX(calc(-8%)) translateY(-49%);
								top: 49%;
								left: 41%;
								width: 56%;
								/* background-color: #a55454; */
							}
								.index_solution_card .solution_title a{
									text-decoration: none;
									color: inherit;
								}

								/*手機*/
								.index_solution_card .solution_title_m{
									display: none;
								}



							.index_solution_card .description{
								font-size: .9375rem;
								color: var(--dark_color2);
								font-weight: 400;
								line-height: 1.2;
							}
							.index_solution_card .description a{
								color: inherit;
							}
							.index_solution_item a:hover .description{
								color: var(--second_color) ;
							}
							.index_solution_card .description .in_txt{
								/* display: -webkit-box;
								-webkit-box-orient: vertical;	
								-webkit-line-clamp: 3;	
								overflow: hidden; */
							}





							.index_solution_item .space{

							}



							


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

	.index_solutionBg{
		padding: 0;
	}
	
	.index_solution_item{
		/* width: calc((100% / 5) - (4 * 0.7rem / 5)); */ /* 5欄平均寬度，扣除間距  4 × 14px / 5 = 11.2px */
	}

		.index_solution_card {
		transition: transform .4s ease, opacity .4s ease;
		}

		.index_solution_card.is-dimmed {
			transform: scale(0.9);
			opacity: 0.4;
		}


		.index_solution_card .img_box{
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			/* aspect-ratio: 13 / 15; */
			aspect-ratio: 415/579;
			position: relative;
			-webkit-mask-size: cover;
			mask-size: cover;
			overflow: hidden;
			background-color: #60adeb;
		}

		
		.index_solution_card .description ,
		.index_solution_item .space{
			min-height: var(--index_solution_description_h);
		}

		.index_solution_card .img_bo{
			pointer-events: none;
		}
		.index_solution_item:nth-of-type(2n+1) .index_solution_card .img_box{
			-webkit-mask: url(../index/images/setp1.webp) center / contain no-repeat;
			mask: url(../index/images/setp1.webp) center / contain no-repeat;
		}
		.index_solution_item:nth-of-type(2n) .index_solution_card .img_box{			
			-webkit-mask: url(../index/images/setp2.webp) center / contain no-repeat;
			mask: url(../index/images/setp2.webp) center / contain no-repeat;
		}




		.index_solution_card .description{
			width: calc(100% - (var(--solution_offset_x) * -1.2));
		}




		

	.index_solution_item:first-of-type{
	}
	.index_solution_item:nth-of-type(2){
		transform: translateX(calc(var(--solution_offset_x) * 1)) translateY(0%);
	}
	.index_solution_item:nth-of-type(3){
		transform: translateX(calc( var(--solution_offset_x) * 2)) translateY(0%);
	}
	.index_solution_item:nth-of-type(4){
		transform: translateX(calc( var(--solution_offset_x) * 3)) translateY(0%);
	}
	.index_solution_item:nth-of-type(5){
		transform: translateX(calc( var(--solution_offset_x) * 4)) translateY(0%);
	}


	.index_solution_item:nth-of-type(2n+1) .index_solution_card .solution_title{
	}
	.index_solution_item:nth-of-type(2n) .index_solution_card .solution_title{
	}

	.index_solution_item:nth-of-type(2n+1) .index_solution_card .img{
		left: 25.5%;
		transform: translateX(-25%);
		top: 3.5%;
	}
	.index_solution_item:nth-of-type(2n) .index_solution_card .img{
		left: 25%;
		bottom: 3.5%;
		transform: translateX(-24%) translateY(0%);
	}



	.index_solution_item:nth-of-type(2n) .space{
		/* order: 2; */
	}
	.index_solution_item:nth-of-type(2n) .description{
		/* display: flex;
		align-items: flex-end; */
		transform: translateY(calc(var(--index_solution_description_offset_y) * 1));

		display: flex;
        flex-wrap: wrap;
		align-items: end;
		position: relative;
        z-index: 1;
	}


		.index_solution_item:nth-of-type(2n) .description .in_txt{

		}

	.index_solution_item:nth-of-type(2n+1) .space{
	}
	.index_solution_item:nth-of-type(2n+1) .description{
		transform: translateY(calc(var(--index_solution_description_offset_y) * -1));
	}

}





/* 在螢幕放大125%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.49), only screen and (min-resolution: 125dpi) and (max-resolution: 149dpi) {
	
	.zoom-125 .index_solutionBg .wrap{
		max-width: 52.5rem; /*840*/
	}
		.zoom-125 .index_solution_card a {
			grid-template-rows: 1fr 16.25rem 1fr;
			gap: .3125rem;
		}

			.zoom-125 .index_solution_card .solution_title{
				font-size: calc(clamp(1rem, 0.8rem + 0.32vw, 1.188rem) * 0.8);
			}

			.zoom-125 .index_solution_item .description{
				width:95%;
				transform: translateX(-10%);
				font-size: 0.75rem;
				/* min-height: 8.75rem; */
			}

			.zoom-125 .index_solution_card .description ,
			.zoom-125 .index_solution_item .space{
				min-height: calc(var(--index_solution_description_h) / 2);
			}

			.zoom-125 .index_solution_item:nth-of-type(2n)  .description{
				transform: translateY(2.5rem);
				
			}

}

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

	.zoom-150 .index_solutionBg .wrap{
		max-width: 52.5rem; /*840*/
	}
		/* .zoom-150 .index_solution_card a  */
		.zoom-150 .index_solution_card .index_solution_box{
			grid-template-rows: 1fr 16.25rem 1fr;
			gap: .3125rem;
		}

			.zoom-150 .index_solution_card .solution_title{
				font-size: calc(clamp(1rem, 0.8rem + 0.32vw, 1.188rem) * 0.8);
			}

			.zoom-150 .index_solution_item .description{
				width:95%;
				transform: translateX(-10%);
				font-size: 0.75rem;
				/* min-height: 8.75rem; */
			}

			.zoom-150 .index_solution_card .description ,
			.zoom-150 .index_solution_item .space{
				min-height: calc(var(--index_solution_description_h) / 2);
			}

			.zoom-150 .index_solution_item:nth-of-type(2n)  .description{
				transform: translateY(2.5rem);
			}


}	




@media (max-width: 768px){


	.index_solutionBg{
		padding-top: 3.125rem;
		padding-bottom: 0;
		background-color: #edf0f2;
	}

	.index_solution_area{
		display: flex;
		flex-direction: column;
		width:auto;
		row-gap: 0px;
	}

	.index_solution_item{
		width: 100%;
	}
		.index_solution_item .space {
			display: none;
		}



		.index_solution_item .index_solution_card .img_box{
			aspect-ratio: 579 / 374;
			-webkit-mask: url(../index/images/setp3.webp) center / contain no-repeat;
			mask: url(../index/images/setp3.webp) center / contain no-repeat;
			max-width: 12.5rem;
			width: 100%;
			transform: translateY(-2.125rem);
		}
	

		/* .index_solution_card a  */
		.index_solution_card .index_solution_box{
			display: flex;
			grid-template-rows:unset;
			gap: 0px;
			align-items: center;
		}

			.index_solution_card .img_box .img {
				position: absolute;
				width: 33%;
				top: 5%;
			}
			
			.index_solution_card .solution_title{
				top: 45%;
				width: 50%;
				line-height: 1.3;

				display: none;
			}

			/*手機*/
			.index_solution_card .solution_title_m{
				display: flex;
				text-align: center;
				color: var(--primary_color);
				font-size: clamp(1rem, 0.8rem + 0.32vw, 1.188rem);
				line-height: 1.3;
				font-weight: 600;
				margin-bottom: .625rem;
			}

			
			.index_solution_card .description {
				width: 80%;
				padding: 0.9375rem 0.9375rem 3.4375rem;
				border-radius: 0.9375rem;
				background-color: #fff;
				box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
			}






		/* .index_solution_item:nth-of-type(2n+1) a  */
		.index_solution_item:nth-of-type(2n+1) .index_solution_box{			
			flex-direction: column-reverse;
		}
		/* .index_solution_item:nth-of-type(2n) a  */
		.index_solution_item:nth-of-type(2n) .index_solution_box{
			flex-direction: column;
		}


		.index_solution_item:nth-of-type(2n+1) .img_box .img {
			left: 50%;
			transform: translateX(-50%);
			bottom: 17%;
			top: unset;
			right: unset;
		}
		.index_solution_item:nth-of-type(2n) .img_box .img {
			/* right: 3%; */
			left: 50%;
			transform: translateX(-50%);
			bottom: 17%;
			top: unset;
			right: unset;
		}


		.index_solution_item:nth-of-type(2n+1)  .solution_title{
			transform: translateX(calc(-0%)) translateY(-45%);
			right: 7%;
		}

		.index_solution_item:nth-of-type(2n) .solution_title {
			transform: translateX(0%) translateY(-50%);
			left: 7%;
		}
		







}