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




/*全站共用樣式*/
:root {
	--chacha_w: clamp(3.125rem, 0.083vw, 10rem);
}




@media   (max-width: 990px){

    :root {
        --chacha_w: clamp(.9375rem, 4vw , 1.875rem);
    }

}






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


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



	/*----- 首頁標題1 -----*/
	.index_title {
		font-size: clamp(.9375rem,1.5625vw,1.875rem);
		font-weight: bold;
		color: #777;
		line-height: 1.3;
		text-align: center;
		margin-bottom: 20px;
	}	
		.index_title h2{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	
	






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



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

}

/* 標題區塊 */
.tit_area{
    border-bottom: 1px solid var(--black_color);
}

/* 區塊大標題--- */
.description_tit{

}
/* 有副標題附加樣式 */
.tit2{
    margin-bottom: clamp( .625rem, 2.6667vw, 1.25rem ); /* 10 20 */
}

.description_tit h2{
    margin: 0;
    margin-bottom: .625rem; /* 10 */
    color: var(--black_color);
    /* font-size: clamp(1.375rem, 5.3333vw, 2.5rem); */
    /* font-size: clamp(1.7500rem, 2.1875vw, 2.6250rem); */
    font-size: clamp(1.7500rem, 2.1875vw, 2.6250rem);
    font-weight: bold;
    Text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    letter-spacing: inherit;
}

/* 區塊副標 */
.subtitle{
    margin-bottom: .3125rem;
}
.subtitle span{
    font-size: clamp( .9375rem, 4vw, 1.875rem ); /* 15 30 */
    font-weight: bold;
    color: var(--black_color);
}

/* 區塊內文--- */
.description_text{
    padding-top: clamp( .9375rem, 4vw, 1.875rem ); /* 15 30 */
}

.description_text .text_area{
    font-size: clamp( 1rem, 2.6667vw, 1.25rem ); /* 16 20 */
    font-weight: 500;
    line-height: 2;
    letter-spacing: inherit;
    color: var(--grey_color);
}

/* 文字樣式 */
.white_tit,
.white_text{
    color: var(--white_color);
}

/*/////////////////////////////////////////////////////////*/
/*-------首頁 核心能力 區塊--------*/
/*/////////////////////////////////////////////////////////*/

.core_competencies_area{
    position: relative;
}

/* 區塊裝飾--- */
.core_competencies_area::before {
    position: absolute;
    content: "";
    background-image: url(../index/images/area_before01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: clamp( 12.5rem, 53.3333vw, 25rem ); /* 200 400 */
    right: 0;
    top: 0;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    opacity: 0.2;
    mix-blend-mode: multiply
}

.core_competencies_area .wrap{
    padding: clamp( 3.125rem, 13.3333vw, 6.25rem ) 0; /* 50 100 */
    max-width: 81.5625rem;
}

.core_competencies_area .wrap .core_competencies_content{
    display: grid;
    grid-template-columns: 500px auto;
    column-gap: clamp( .625rem, 20vw, 9.375rem ) ; /* 50 100 */
}

.core_competencies_area .wrap .core_competencies_content .content2{
}

/* 左邊區塊---------------------- */
.core_competencies_area .left_area{
    /* width: 50%; */
    /* width: clamp( 18.75rem, 85.3333vw, 40rem ); */
    width: 100%;
}


/* 流程圖--- */
.left_area .flowchart_img{
    /* width: 90%; */
    height: auto;

    display: block;
    margin: 0 auto; 
}

.left_area .flowchart_img span{
    display: block;
    position: relative;
    /* padding-top: 132%; */
    aspect-ratio: 950 / 1509;
}

.left_area .flowchart_img span img{
    /* */
    width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}

/* 右邊區塊---------------------- */
.core_competencies_area .right_area{}

/* 區塊大標題--- */
.core_competencies_area .right_area .description_tit{
}

.core_competencies_area .right_area .description_tit h2{
    margin: 0;
    margin-bottom: .625rem; /* 10 */
    color: var(--black_color);
    /* font-size: clamp(1.375rem, 5.3333vw, 2.5rem); */
    font-weight: bold;
    Text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    letter-spacing: inherit;
}

/* 區塊內文--- */
.core_competencies_area .right_area .textArea{

}
.core_competencies_area .right_area .description_text{
    padding-top: clamp( .9375rem, 4vw, 1.875rem ); /* 15 30 */
}

.core_competencies_area .right_area .description_text .text_area_in{
    font-size: clamp( 1rem, 2.6667vw, 1.25rem ); /* 16 20 */
    font-weight: 500;
    line-height: 2;
    letter-spacing: inherit;
    color: var(--grey_color);
}

/* 區塊List */
.item_list_area{
    padding: 0;
}
.item_list_area .item_list{
    background-color: var(--lightgrey_color);
    border-radius: 10px;
    color: var(--grey_color);
    font-size: clamp(1.125rem, 0.010vw, 1.25rem);
    font-weight: 500;
    list-style: none;
    line-height: 2;
    letter-spacing: inherit;
    padding: clamp( .3125rem, 1.3333vw, .625rem ) 0; /* 5 10 */
    margin-bottom: 10px;
    text-align: center;
}



@media (max-width: 1450px){
    .core_competencies_area .wrap .core_competencies_content{
        align-items: center;
        column-gap: clamp( 1.5625rem, 6.6667vw, 3.125rem );
        grid-template-columns: clamp( 12.5rem, 40vw, 18.75rem ) auto;
    }

    .core_competencies_area .right_area .description_tit h2{
        /* font-size: clamp( 1rem, 2.6667vw, 1.25rem ); */ /* 16 20 */
        /* font-size: 1.25rem; */
    }
    .core_competencies_area .right_area .description_text .text_area_in {
        font-size: clamp( 1rem, 2.1333vw, 1rem ); /* 12 16 */
    }

    .item_list_area .item_list {
        font-size: clamp( 1rem, 2.1333vw, 1rem ); /* 12 16 */
    }
}


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


    .core_competencies_area .wrap .core_competencies_content{
        grid-template-columns: 25rem auto;
    }

}



@media (max-width: 990px){

    .left_area .flowchart_img {
        /* padding-top: 145%; */
    }
	
    .core_competencies_area .wrap .core_competencies_content{
        display: flex;
        flex-direction: column-reverse;
        align-items: unset;
        gap: clamp( 1.25rem, 3.3333vw, 1.5625rem ); /* 20 25 */
        grid-template-columns:unset;
    }

    .core_competencies_area .left_area {
        width: 80%;
        margin: 0 auto;
    }
}



/*/////////////////////////////////////////////////////////*/
/*-------首頁 產品介紹 區塊--------*/
/*/////////////////////////////////////////////////////////*/

.product_area{
    background-color: var(--primary_color);
    position: relative;
}

.product_area .wrap{
    padding: clamp( 3.125rem, 13.3333vw, 6.25rem ) 0; /* 50 100 */
}

.product_area .wrap .product_area_content{
    display: grid;
    grid-template-columns: 50% auto;
    column-gap: clamp( 3.125rem, 13.3333vw, 6.25rem ); /* 50 100 */
    padding-top: clamp( 1.875rem, 8vw, 3.75rem );/* 40 60 */
}

/* 第一個不要 padding-top */
.product_area_content:first-child {
    padding-top: 0;
}

/* 偶數：右文左圖（自動反轉） */
.product_area_content:nth-child(even) {
    grid-template-areas: "right left";
}

.product_area_content:nth-child(odd) {
    grid-template-areas: "left right";
}

.product_area_content .left_area {
    grid-area: left;
}

.product_area_content .right_area {
    grid-area: right;
}



.product_area .wrap .product_area_content .right_area{
    position: relative;
    z-index: 1;
}

.product_area::before {
    position: absolute;
    content: "";
    background-image: url(../index/images/area_before02.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: clamp( 12.5rem, 53.3333vw, 25rem ); /* 200 400 */
    left: 0;
    top: 0;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    opacity: 0.2;
    mix-blend-mode: multiply
}

.product_area::after {
    position: absolute;
    content: "";
    background-image: url(../index/images/area_before03.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: clamp( 12.5rem, 53.3333vw, 25rem ); /* 200 400 */
    right: 0;
    bottom: 0;
    aspect-ratio: 1 / 1;
    pointer-events: none;
    opacity: 0.2;
    mix-blend-mode: multiply
}


/* 5g圖--- */
.right_area .img_5g{
    
}

.right_area .img_5g span{
   display: block;
    position: relative;
    /* padding-top: 80%; */
    aspect-ratio: 205 / 181;
}

.right_area .img_5g span img{
    /* width: 90%;
    height: auto;

    display: block;
    margin: 0 auto; */



     width:100%;
    height:auto;
    transition: all 0.3s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.3s ease-out;
}


@media (max-width: 1450px){
    .product_area .wrap .product_area_content{
        align-items: center;
        column-gap: clamp( 1.5625rem, 6.6667vw, 3.125rem );
        grid-template-columns: clamp( 18.75rem, 60vw, 28.125rem ) auto;
    }

    .product_area .left_area .description_tit h2{
        /* font-size: clamp( 1rem, 2.6667vw, 1.25rem ); */ /* 16 20 */
    }
    .product_area .left_area .description_text .text_area {
        font-size: clamp( 1rem, 2.1333vw, 1rem ); /* 12 16 */
    }

    .product_area .left_area .subtitle span{
        font-size: clamp( .875rem, 2.1333vw, 1rem ); /* 14 16 */
        font-size: clamp(1.25rem, 1.5625vw, 1.8750rem);
    }
}

@media (max-width: 990px){

    .right_area .img_5g {
        /* padding-top: 90%; */
    }
	
    .product_area .wrap .product_area_content{
        display: flex;
        flex-direction: column;
        align-items: unset;
        gap: clamp( 1.25rem, 3.3333vw, 1.5625rem ); /* 20 25 */
        grid-template-columns:unset;
    }

    .product_area .wrap .product_area_content .right_area {
        width: 80%;
        margin: 0 auto;
    }

}


















/*/////////////////////////////////////////////////////////*/
/*-------首頁 工業4.0 區塊--------*/
/*/////////////////////////////////////////////////////////*/





/*/////////////////////////////////////////////////////////*/
/*-------首頁三大佈局 區塊--------*/
/*/////////////////////////////////////////////////////////*/

.threegrid_area{
    background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(230, 247, 248, 1) 100%
    );
}

.threegrid_area .wrap{
    width: 75%;
    padding: clamp(3.125rem, 13.3333vw, 6.25rem) 0;
    padding-bottom: clamp( 6.25rem, 26.6667vw, 12.5rem ); /* 100 200 */
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625rem;
}

.threegrid_area .threegrid_01{
    flex: 1;
}

.threegrid_area .threegrid_02{
    width: 100%;
    display: flex;
    gap: 1.25rem;
}


.threegrid_area .grid_card{
    width: 100%;
    min-height: 520px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: row;
    /* align-items: center; */
}

.threegrid_area .card_img{
    width: 40%;
    height: inherit;
    background: #57BADE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 0 0 20px;
}
.card_img_in{
    margin: auto;
    width: 90%;
}
.threegrid_area  .card_img span{
    position: relative;
    width: 100%;
    display: block;
    aspect-ratio:1;
}
.threegrid_area  .card_img img{
    /* width: 150px; */
        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;
}


.threegrid_area .grid_card .card_text{
    width: 60%;
    padding: clamp(.9375rem, 3.125vw, 3.75rem);
}

.threegrid_area .grid_card .card_tit{
    font-size: clamp(1.125rem, 2.6667vw, 1.875rem);
    font-weight: bold;
    letter-spacing: inherit;
    color: var(--black_color);
}

.threegrid_area .grid_card .card_in{
    font-size: clamp(1rem, 2.6667vw, 1.25rem);
    line-height: 2;
    font-weight: 500;
    letter-spacing: inherit;
    color: var(--black_color);
    padding: clamp(.625rem, 1.5625vw, 1.875rem) 0;
}

.threegrid_area .card_text ul{
    list-style: none;
    padding: 0;
}

.threegrid_area .card_text li{
    font-size: clamp(1.125rem, 2.6667vw, 1.25rem);
    line-height: 2;
    font-weight: 500;
    letter-spacing: inherit;
    color: var(--black_color);
    padding-top: clamp(.625rem, 1.0417vw, 1.25rem) 0
}



.threegrid_area .threegrid_02 .grid_card{
    height: auto;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* height: fit-content; */
    /* width: 100%;
    min-height: 520px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column; */
    /* align-items: center; */
    /* flex: 1; */
    flex-direction: column;
}

.threegrid_area .threegrid_02 .card_img{
    width: 100%;
    border-radius: 20px 20px 0 0;
    /* height:400px; */
    /* width: 100%;
    height: 100%;
    background: #57BADE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0 0 ; */
}
.threegrid_area .threegrid_02 .card_img_in{
    width: 60%;
    /* height: 80%; */
}
.threegrid_area .threegrid_02 .card_img span{
    /* aspect-ratio: 1; */
    /* height: 100%; */
}
.threegrid_area .threegrid_02 .grid_card:nth-of-type(2)  .card_img span{
    /* aspect-ratio: 	114 / 237 ; */
}
.threegrid_area .threegrid_02 .card_img img{
    
    /* width: 15%;
    height: auto;
    padding: 0;
    object-fit: cover; */
}
.threegrid_02 .grid_card .card_text{
    width: 100%;
    /* height: 50%; */
    /* width: 100%; */
    /* padding: 3.75rem; */
    /* margin: 0; */
    flex: 1;
}


@media (max-width: 1450px){
    .threegrid_area .threegrid_01 .grid_card{
        
    }
}
@media (max-width: 1100px){

    .threegrid_area .threegrid_02{
        flex-wrap: wrap;
    }
    .threegrid_area .grid_card {
        flex-wrap: wrap;
        /* min-height: 520px; */
    }
    
    .threegrid_area .threegrid_01 .card_img ,
    .threegrid_area .threegrid_02 .card_img
    {
        width: 100%;
        height: auto;
        /* border-radius: 20px 0 0 20px; */
        aspect-ratio: 1;
        /* height: 50%;
        background: #57BADE;
        display: flex;
        justify-content: center;
        align-items: center;*/
        border-radius: 20px 20px 0 0 ; 
    }

    .threegrid_area .threegrid_01 .card_img_in ,
    .threegrid_area .threegrid_02 .card_img_in {
        width: 100%;
        /* height: 80%; */
    }
    
    .threegrid_area .grid_card .card_text{
        width: 100%;
    }

    

}

@media (max-width: 990px){
	
.threegrid_area .wrap{
    width: 90%;
}
	
}


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


.latest_products{   
    color: var(--black_color);
    font-size: clamp(1.4375rem, 1.4063vw, 1.6875rem);
    text-align: center;
    line-height: 1.2;
    letter-spacing: 1px;
    margin: 0px 0 15px;
    font-weight: bold;
    padding: 22px;
    padding: clamp(.6875rem,1.1458vw,1.375rem);
}

.latest_products h2 {
	display: block;
	font-size: inherit;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: inherit;
}

.index_productBg {
    position: relative;
	padding-bottom: 55px;
}

/* .product_listArea {
    display: flex;
    flex-wrap: wrap;
} */


.product_listArea {
    margin: 18px 733px;
}

.index_productBg .product_listIn {
	/* width: 23.3%; */
    width: 100%;
	padding: 0px 10px;
	

	
}




.index_product_the_list {
    box-sizing: border-box;
    /* padding: 20px 0px 0px; */
	transform: translateY(-5px);
    transition: all 0.3s ease-out;

}

.index_product_list {
    background-color: #fff;
}

.index_product_img {
	text-align: center;
	position: relative;
	padding-top: 100%;
}

.index_product_img img {
	width: 100% !important;
    height: 100% !important;
    border-radius: 0px 0px 50px 0px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


.index_product_listIn {
    position: relative;
    padding: 20px 10px;
}

.txt {
	background-color: #eb0505;
    padding: 10px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 10px;
    font-weight: bold;
    position: absolute;
    top: -36px;
    flex-direction: column;
    display: none;
}

time.date {
    
}


.index_product.type4 .item .date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -31px 0px 13px;
    padding: 0;
    line-height: 1;

}

.txt span.date {
    font-size: .9375rem;
    color: #fff;
}
.txt span.moon{
	font-size: .75rem;
    color: #fff;
}



.product_title{
	/* padding: 26px 11px 0px; */
	font-size: clamp(.75rem,1.3021vw,1.5625rem);
	
}

.product_title a {
    color: #937300;
    font-size: 1rem;
    font-weight: bold;
	line-height: 30px;
}

.product_text{
	font-size: .8125rem;
    line-height: 1.8;
    /* margin-top: 10px; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /* padding: 15px 14px; */
    /* margin: 12px; */

}


.index_product_addBtn a {
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: .9375rem;
    text-decoration: none;
    padding: 14px 30px;
    background:#FAD038;
    /* border-radius: 7px; */
    transition: 0.2s ease all;
}

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



/*/////////////////////////////////////////////////////////*/
/*-------首頁 過場banner 區塊--------*/
/*/////////////////////////////////////////////////////////*/


.index_serviceBg {
    position: relative;
    /* padding-bottom: 35px; */
    /* background: url(../index/images/07.webp) center center no-repeat fixed ; */
    /* background-image: none; */
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
}

.container {
    padding: 0 15px;
    max-width: 1330px;
    position: relative;
    margin: 0 auto;
}



/* 合作夥伴 */
.partner_area{
    position: relative;
    overflow: hidden;
    padding: clamp(1.35rem, -0.01rem + 2.2vw, 2.625rem) 0;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-size: cover;
}

.partner_area img{
    height: 800px;
    width: 100%;
    object-fit: cover;
    display: none;
}

.partner_area .container{
    margin: 0 auto;
}
.partner_area .banner_title{
    text-align: center;
    color: var(--black_color);
    font-size: clamp( 1.375rem, 5.3333vw, 2.5rem ); /* 22 42 */
    font-weight: bold;
    word-wrap:break-word;
    word-break:keep-all;
    Text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: clamp( .9375rem, 4vw, 1.875rem ); /* 15 30 */
    border-bottom: 0;
    line-height: 1.2;
    letter-spacing: inherit;
    position: relative;
    z-index: 2;
}
.partner_area .banner_info{
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    height: 100%;
    max-width:71.5625rem;
    width: 90%;
    max-height: unset;
    padding: clamp(1.875rem, 8vw, 3.75rem) clamp(1.25rem, 5.3333vw, 2.5rem);
}

.partner_area .banner_info::before {
    z-index: 0;
}

.partner_area .banner_description{
	/* display: -webkit-box;
	-webkit-box-orient: vertical;	 */
	-webkit-line-clamp: unset;
	/* overflow: hidden; */
	position: relative;
	z-index: 2;
}



@media screen and (max-width: 1440px){
    .partner_area .banner_description{
        font-size: 1rem;
    }
}
@media screen and (max-width: 990px){
    .partner_area .pcBanner {
		display: block;
	}
    .partner_area .banner_title{
        font-size: 1.375rem;
    }
	.partner_area .banner_description{
        font-size: 1rem;
    }

}
@media screen and (max-width: 768px){
    .partner_area .banner_description{
        /* font-size: .75rem; */
        line-height: 1.5;
    }
}
@media screen and (max-width: 425px){
    .partner_area .banner_description{
        /* font-size: .75rem; */
        /* line-height: 1.5; */
    }
}

/* 第一種tit樣式------------------------------- */
.container_title{
	color: var(--black_color);
	/* font-size: clamp(1.5625rem, 4vw, 1.875rem); */
	font-size: clamp(1.7500rem, 2.1875vw, 2.6250rem);
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 1px;
	padding: clamp(1.6875rem,2.8125vw,3.375rem) 0;
	width: 90%;
	max-width: 56.25rem;
	margin: 0 auto;
}

.index_serviceBg .title {
	padding: 43px 0px 25px;
    font-size: clamp(.8125rem,1.4063vw,1.6875rem);
    letter-spacing: 5px;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 40px;
	font-weight:bold;
}


.index_serviceBg .title h2 {
    color: #fff;
}

.container_title h2 {
    display: block;
    font-size: inherit;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: inherit;
}
/* 第二種tit樣式------------------------------- */

.container2 .container_title{
	padding: clamp(.625rem, 1.0417vw, 1.25rem);
	/* width: 50%; */

    width: 90%;
    max-width:43.75rem;
    text-align: center;
}

.container2 .container_title h2{
	text-align: start;
}


/* 文字區塊-------------------------------------- */
.container .text_block,
.container2 .text_block{
    font-size: clamp( 1.125rem, 2.6667vw, 1.25rem ); /* 18 20 */
    font-weight: 500;
    line-height: 2;
    letter-spacing: inherit;
    color: var(--grey_color);
}

.index_serviceBg .editor {
    /* float: right;
    width: 50%; */
    position: relative;
    /* background: rgba(255, 255, 255); */
    padding: 50px 30px 103px;
    box-sizing: border-box;
	line-height: 1.5;
	font-size: 1rem;
}


.text_block .text_button {
    clear: both;
    margin: 0 auto 0;
    position: relative;
    left: 58px;
    top: -81px;
    border-color: #444;
    color: #444;
}

.text_block .text_button a {
    padding: 8.5px 0;
}

.text_button {
    color: #bcbcbc;
    font-size: .75rem;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    border: solid thin #dfdfdf;
    border-radius: 4px;
    line-height: 1.2;
    width: 55px;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    transition: all .3s ease;
}

/* .clearfix:after, .clearfix:before {
    content: " ";
    display: table;
} */

.text_button a {
    font-size: 0;
    padding: 6px 0;
    display: block;
}

.text_button a span {
    font-size: .75rem;
}

.index_serviceBg .btn_area input[type="button"]{
    background-color: var(--fifth_color);
    color: var(--black_color);
}

.index_serviceBg .btn_area input[type="button"]:hover{
    background-color: var(--third_color);
}


@media screen and (max-width: 1100px){
/* @media screen and (max-width: 1280px){ */

/* 第二種tit樣式------------------------------- */
.container2 .container_title{
    text-align:left;
}

}

@media screen and (max-width: 1000px){

	.index_serviceBg {
		
		background-attachment: inherit;
	}

	.index_serviceBg:before {
		height: 80px;
	}
	.text_block {
		padding-left: 0;
	}
	.text_block > .flex {
		display: block;
	}
	.index_serviceBg .title {
		text-align: center;
		/* padding: 0; */
		text-indent: 0;
		padding-bottom: 20px;
		padding: 10px 0;
		margin:0px;
	}



	.index_serviceBg .title h2 {
		color: #fff;
		padding: 3px 0;
	}
	.index_serviceBg .editor {
		border: none;
		width: 100%;
    	float: none;
	}

	.text_block .text_button {
		margin: 0 0 0;
		left: 30px;
		top: -81px;
	}
	.container_title {

		/* padding: 24px; */
		
	}


}


/*/////////////////////////////////////////////////////////*/
/*-------首頁 相簿模組 區塊--------*/
/*/////////////////////////////////////////////////////////*/


.index_albumBg {
    background-color: var(--white_color);
	padding:35px 0px;
	position: relative;
}

.index_albumlist {
    position: relative;
	padding-bottom: 55px;
	
}



.album_listArea {
    margin: 18px 733px;
}

.album_listIn {
	/* width: 23.3%; */
	padding: 0px 10px;
	background-color: #fff;

	
}

.index_album_listAre {
    
    /* box-shadow: 1px 1px 15px #00000017; */
}



.index_album_the_list {
    box-sizing: border-box;
    padding: 20px 0px 20px;
	transform: translateY(-5px);
    transition: all 0.3s ease-out;

}

.index_album_img {
    text-align: center;
}
.index_album_img a{
    position: relative;
    padding-top: 141.3%;
    display: block;
}
.index_album_img img {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.index_album_list{
	/* transform: translateY(-5px);
    transition: all 0.3s ease-out;
    box-shadow: 1px 1px 15px #00000038; */
}




.album_title{
	padding: 14px 11px 0px;
	font-size: 1rem;
	font-weight: bold;
	
}

.album_title a {
    color: #0e90ff;
}

.album_text{
	font-size: .8125rem;
    line-height: 1.8;
    /* margin-top: 10px; */
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 15px 14px;
}


.index_album_addBtn a {
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: 1.125rem;
    text-decoration: none;
    padding: 14px 30px;
    background:#FAD038;
    /* border-radius: 7px; */
    transition: 0.2s ease all;
}

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


@media (max-width: 990px){
    .main .swiper-button-prev_album, 
    .main .swiper-button-next_album {
       display: none;
        
    }
}
/*--------------------------------燈箱效果--------------------------------*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#000;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-family: 'BenchNine', sans-serif;}  /*頁數樣式*/
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


/*/////////////////////////////////////////////////////////*/
/*-------首頁 服務項目 區塊--------*/
/*/////////////////////////////////////////////////////////*/

.index_aboutBg {
    position: relative;
    padding-bottom: 35px;
    /* background: url(../index/images/09.webp)center center no-repeat  #000000; */
    background-image: unset;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.index_aboutBg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* background: url(../index/images/08.webp)center 75% no-repeat; */
    /* -webkit-background-size: cover;
    background-size: cover; */

    background: rgba(0, 0, 0, 0.3); /* 半透明底色 */
    backdrop-filter: blur(10px);          /* 模糊背景 */
    -webkit-backdrop-filter: blur(10px);  /* Safari 需要加前綴 */

    display: block;
    height: 140px;
	/* background-color: #888d2a; */
}

.container {
    padding: clamp( 3.75rem, 10.6667vw, 5rem ) clamp( 1.5625rem, 6.6667vw, 3.125rem );
    max-width: 1330px;
}
.container {
    position: relative;
    margin: 0 auto;
}
.container2 {
}

/* .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
} */

.index_aboutBg .title {
	padding: 29px 0px 25px;
    font-size: clamp(1rem,1.0417vw,1.25rem);
    letter-spacing: 5px;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 40px;
}


.index_aboutBg .title h2 {
    color: #fff;
}

.text_content {
    /* background: rgb(255, 255, 255); */
    border-radius: 10px;
    /* float: right; */
	width: 90%;
    max-width:43.75rem;
    margin: 0 auto;
    /* max-width: unset; */
    text-align: start;
    padding: 0 clamp(.625rem,1.0417vw,1.25rem);
}
.text_content img{
    width: 100%;
    height: auto;
    max-width: 900px;
}

.index_aboutBg .editor {
  
    position: unset;
    padding: 50px 30px 103px;
    padding: clamp(1.5625rem,2.6042vw,3.125rem) clamp(.9375rem,1.5625vw,1.875rem) clamp(3.1875rem,5.3646vw,6.4375rem);
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 1rem;
    

}
.text_block .text_button {
    clear: both;
    position: relative;
    margin: 0;
    position: relative;
    left: 34px;
    left: 0;
    top: -76px;
    top: 0;
    border-color: #FAD038;
    /* color: #444; */
	background-color: #FAD038;
}

.text_block .text_button a {
    padding: 8.5px 0;
}

.text_button {
    color: #bcbcbc;
    font-size: .75rem;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    border: solid thin #dfdfdf;
    border-radius: 4px;
    line-height: 1.2;
    width: 55px;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    transition: all .3s ease;
}

/* .clearfix:after, .clearfix:before {
    content: " ";
    display: table;
} */

.text_button a {
    font-size: 0;
    padding: 6px 0;
    display: block;
}

.text_button a span {
    font-size: .75rem;
	color: #fff;
}


@media screen and (max-width: 1000px){

	.index_aboutBg {
		padding-bottom: 0;
		background-attachment: inherit;
	}

	.index_aboutBg:before {
		height: 80px;
	}
	.text_block {
		padding-left: 0;
	}
	.text_block > .flex {
		display: block;
	}
	.index_aboutBg .title {
		text-align: center;
		/* padding: 0; */
		text-indent: 0;
		padding-bottom: 20px;
		padding: 10px 0;
		margin:0px;
	}

.container {
    padding: clamp( 3.75rem, 10.6667vw, 5rem ) 0;
}

	.index_aboutBg .title h2 {
		color: #fff;
		padding: 3px 0;
	}
	.index_aboutBg .editor {
		border: none;
		width: 100%;
    	float: none;
	}

	.text_block .text_button {
		margin: 0 0 0;
		left: 30px;
		top: -81px;
	}

	.text_content {
		max-width: 100%;
	}


}

@media screen and (max-width: 780px){
    .text_content{
        width: 80%;
    }
}

@media screen and (max-width: 640px){
    .text_content{
        width: 90%;
    }
}


/* 案例展示_列表_標題 */
.index_albumBg h3.title {
	padding: 0;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
	color: #000;
	margin: 10px 0;
	transition: all .3s ease-in;
	text-align: center;
}

/* ------------------------------------------------------------- */

.index_albumlist .swiper-slide{
    padding: 10px;
}

.album_list {
	box-shadow: 0 4px 10px var(--shadow-color), 0 1px 3px var(--shadow-soft);
}

/* ------------------------------------------------------------- */

.index_aboutBg .container2 .text_content{
    background: rgb(255 255 255 / 85%);
    width: 80%;
    float: unset;
    margin: 0 auto;
}

.btn_area input {
    background: var(--fifth_color);
    color: var(--black_color);
}
.btn_area input:hover {
    background: var(--second_color);
}






























/* =========================================================== */
/* judy */
/* =========================================================== */


.index_5gAIoTBg{
    position: relative;
    background-color: #B9FFE1;
    padding: clamp(4.8389rem, 7.8125vw, 9.3750rem) 0; /* 77.42px , 7.8125vw , 150.00px */
}
.index_5gAIoTBg::before ,
.index_5gAIoTBg::after{
    position: absolute;
    content: "";
    /* aspect-ratio: 439.053 / 567.128; */
    width: 50%;
    opacity: 0.2;
    background-repeat: no-repeat;
    background-size: 99.9%;
    z-index: 0;
    pointer-events: none;
}
.index_5gAIoTBg::before{
    background-image: url(../index/images/5gaIot_before.webp);
    right: 0;
    top: 0;
    aspect-ratio: 568 / 440;
    max-width:  clamp(11.6455rem, 18.8021vw, 22.5625rem); /* 186.33px , 18.8021vw , 361.00px */
}
.index_5gAIoTBg::after{
    background-image: url(../index/images/5gaIot_after.webp);
    left: 0;
    bottom: 0;
    background-position:  right top;
    aspect-ratio: 568 / 440;
    max-width:clamp(14.1618rem, 22.8646vw, 27.4375rem); /* 226.59px , 22.8646vw , 439.00px */
}
        .index_5gAIoTBg .wrap{
            position: relative;
            z-index: 3;
        }
        .index_5gAIoTBg .index_5gAIoT_area{
            display: flex;
            flex-wrap: wrap;
            column-gap: 2.0833vw;
            row-gap: clamp(2.2581rem, 3.6458vw, 4.3750rem); /* 36.13px , 3.6458vw , 70.00px */
        }

        .index_5gAIoTBg .index_5gAIoT_section{
            width: 100%;
        }


        .index_5gAIoTBg .index_5gAIoT_section1{            
            width: calc((100% / 2) - (1 * 2.0833vw / 2)); /* 2欄平均寬度，扣除間距 */
        }
            .index_5gAIoTBg .index_5gAIoT_section1 a{
                position: relative;
                /* padding-top: 100%;
                border-radius: 10px; */
                /* aspect-ratio: 766 / 575; */
                aspect-ratio: 383 / 255;
                display: block;
                overflow: hidden;
                width: 100%;
            }
                .index_5gAIoTBg .index_5gAIoT_section1 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_5gAIoTBg .index_5gAIoT_section2{
            position: relative;
                    padding-bottom: 1.25rem;
            width: calc((100% / 2) - (1 * 2.0833vw / 2)); /* 2欄平均寬度，扣除間距 */
        }


            .index_5gAIoTBg .index_5gAIoT_section2 a{
                position: relative;
                /* aspect-ratio: 766 / 575; */
                aspect-ratio: 383 / 255;
                display: block;
                overflow: hidden;
                width: 100%;
            }
                .index_5gAIoTBg .index_5gAIoT_section2 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;
                }  


                .swiper_agriculture{
                    
                }

        .index_5gAIoTBg .index_5gAIoT_section2 .swiper-pagination{
            bottom: 0;
            width: 100%;
            /* width: 90px; */

            display: flex;
            justify-content: center;
            gap: 5px;
        }

        .index_5gAIoTBg .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
        .index_5gAIoTBg .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            /* white-space: nowrap;

            left: unset;
            transform: translateX(0%);
            width: 100% !important;
            display: flex;
            justify-content: center;
            gap: .3125rem; */
        }

        .main .index_5gAIoTBg .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet ,
        .main .index_5gAIoTBg .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
            width: .625rem;
            height: auto;
            aspect-ratio: 1;
            background: #ADADAD;
            transform: scale(1) !important;
            opacity: 1 !important;
            margin: 0  !important;
            /* left: unset !important; */
        }
        .main .index_5gAIoTBg .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
            background: #000000;
        }
        .main .index_5gAIoTBg .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover{
            opacity: 0.5;
        }




        .index_5gAIoTBg .index_5gAIoT_section3{
            /* grid-column-start: 1;
            grid-column-end: 3; */
        }

            .index_5gAIoTBg .index_5gAIoT_section3 .description_tit{                
                display: flex;
                flex-direction: column;
                row-gap:  clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
                padding-bottom: .625rem;
                border-bottom: 1px #333 dashed;
            }
                .index_5gAIoTBg .index_5gAIoT_section3 .description_tit h2{
                    padding: 0;
                    margin: 0;
                    color: #333;
                    font-size: clamp(1.7500rem, 2.1875vw, 2.6250rem); /* 28.00px , 2.1875vw , 42.00px */
                    font-weight: 700;
                    line-height: normal;
                }

                .index_5gAIoTBg .index_5gAIoT_section3 .description_tit h3{
                    padding: 0;
                    margin: 0;
                    color: #333;
                    font-size: clamp(1.25rem, 1.5625vw, 1.8750rem); /* 20px , 1.5625vw , 30.00px */
                    font-weight: 700;
                    line-height: normal;
                }



                .index_5gAIoTBg .index_5gAIoT_section3 .description{
                    color: #555;
                    text-align: justify;
                    font-size: clamp(1rem, 1.0417vw, 1.2500rem); /* 13.33px , 1.0417vw , 20.00px */
                    font-weight: 600;
                    line-height: 1.8; 
                    letter-spacing: 1px;
                }

                .index_5gAIoTBg .index_5gAIoT_section3 .text_area{
                    font-size: clamp(1rem, 1.0417vw, 1.2500rem); /* 16px , 1.0417vw , 20.00px */
                    margin-top:  clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
                    margin-bottom:clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
                }


                .index_5gAIoTBg .index_5gAIoT_section3 .item_list_area{
                    display: flex;
                    /* flex-wrap: wrap; */
                    column-gap: 1.0417vw;
					font-size: clamp(1rem, 1.0417vw, 1.2500rem); /* 16px , 1.0417vw , 20.00px */
                    
                }
                .index_5gAIoTBg .index_5gAIoT_section3 .item_list{
                    width: calc((100% / 2) - (1 * 1.0417vw / 2)); /* 2欄平均寬度，扣除間距2 */
                    padding: clamp(0.6452rem, 1.0417vw, 1.2500rem) 0.4375rem; /* 10.32px , 1.0417vw , 20.00px */
                    margin-bottom: 0;
                    font-size: inherit;
                }


@media screen and (max-width: 990px){

        .index_5gAIoTBg .index_5gAIoT_area{
            flex-direction: column;
            gap: 1.875rem;
        }

        .index_5gAIoTBg .index_5gAIoT_section3 .description_tit {
            row-gap: .625rem;
        }


        .index_5gAIoTBg .index_5gAIoT_section ,
        .index_5gAIoTBg .index_5gAIoT_section1 ,
        .index_5gAIoTBg .index_5gAIoT_section2{
            width:100%;
        }


}



@media   (max-width: 640px){

    .index_5gAIoTBg .index_5gAIoT_section3 .item_list_area {
        flex-wrap: wrap;
        gap: .9375rem;
    }
        .index_5gAIoTBg .index_5gAIoT_section3 .item_list{
            width: 100%; /* 2欄平均寬度，扣除間距2 */
        }

}








/* ======================================================= */
/* 工業4.0 */
/* ======================================================= */


.core_industry_area{
    /* padding: 76px 0 55px; */
    overflow: hidden;
    padding-top: clamp(3.125rem, 0.039vw, 4.75rem);
    padding-bottom: clamp(3.125rem, 0.083vw, 10rem);
}

    .core_industry_area .wrap{
    max-width: 83.4375rem;
    }
        /* 工業4.0_圖片區 */
        .industry_area{

        }

            /* 標題 */
            .industry_tit{text-align: center;}
                .industry_tit h2{
                    padding: 0;
                    margin: 0;
                    color: #333;
                    font-size: clamp( 1.375rem, 5.3333vw, 2.5rem );
                    font-weight: 700;
                    line-height: normal;
                    margin-bottom: clamp(1.5625rem, 0.027vw, 3.25rem);
                    text-align: center;
                }
                .core_industry_area .img_tit b{
                    display: block;
                    text-align: center;
                    font-size: inherit;
                    font-weight: inherit;
                    color: inherit;
                }
                .core_industry_area .img_tit span{
                    display: block;
                    text-align: center;
                    font-size: clamp( 1.375rem, 5.3333vw, 2.5rem );
                    font-weight: inherit;
                    color: #666666;
                    font-size: clamp(1rem, 1.0417vw, 1.2500rem);
                }

                .industry_img_area{

                }

                     .core_industry_area .icon_list{
                        width: 100%;
                        display: grid;
                        grid-template-columns: 1fr var(--chacha_w) 1fr var(--chacha_w) 1fr var(--chacha_w) 1fr;
                        gap: .3125rem;
                    }

                         .core_industry_area .icon_listIn{

                        }
                            .icon_listIn_content{
                                display: flex;
                                flex-direction: column;
                                gap: clamp(.9375rem, 0.015vw, 1.875rem);
                            }
                                .industry_area .icon_img{
                                    max-width: 10rem;
                                    width: 80%;
                                    margin: auto;
                                }
                                .industry_area .icon_img img{
                                    width: 100%;
                                    height: auto;
                                }
                                .industry_area .img_text{
                                    display: flex;
                                    flex-direction: column;
                                    gap: clamp(.625rem, 0.010vw, 1.25rem);
                                    align-items: center;
                                }
                                   .industry_area   .img_tit{
                                    padding: 0;
                                    margin: 0;
                                    color: #333;
                                    font-size: clamp(1.25rem, 1.5625vw, 1.8750rem);
                                    font-weight: 700;
                                    line-height: normal;
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                }
                                           
                                   .industry_area  .img_text ul{
                                        margin: 0;
                                        padding: 0;
                                        display: block;
                                        list-style-type: none;
                                        color: var(--grey_color);
                                        font-size: clamp(1rem, 0.01vw, 1.25rem);
                                        font-weight: 500;
                                        list-style: none;
                                        line-height: 2;
                                    }
                                               .industry_area   .img_text ul li{
                                                    display: block;
                                                    list-style-type: none;
                                                    font-size:inherit;
                                                    text-align: center;
                                                }
                                .industry_area  .chacha{
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                }
                                .industry_area  .chacha img{
                                    width: 80%;
                                    height: auto;
                                    max-width: clamp(1.8750rem, 0.02vw, 2.5rem);
                                    margin: auto;
                                }






@media   (max-width: 990px){

    .core_industry_area .icon_list{
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        /* width: 100%;
        display: grid; */
        /* grid-template-columns: 1fr 160px ; */
    }

}


@media   (max-width: 640px){



}