/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/
body{  
  font-weight: 400;
  font-style: normal;  
}




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

.main.home{
  /* padding-top: 0 !important; */
}



/*首頁內容區塊*/
.mainContent {
  /* padding: 50px 0px 0;
  padding: 50px 0 80px; */
  padding: 0;
  /*padding-top: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
  padding-bottom: clamp(2.5807rem, 4.1667vw, 5.0000rem); /* 最小值 41.29px、大小約 4.1667vw、最大值 80.00px */
}




.index_itemBg{
  padding: clamp(4.1937rem, 6.7708vw, 8.1250rem) 0; /* 最小值 67.10px、大小約 6.7708vw、最大值 130.00px */
}


/*----- 首頁標題1 -----*/
.index_title {
  display: flex;
  flex-direction: column;
  /* gap: 15px; */
  padding: 0;
  /* margin: 0 0 40px 0; */
  margin: 0;
  margin-bottom: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
  text-transform: uppercase;
  font-size: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 最小值 30.97px、大小約 3.1250vw、最大值 60.00px */
  line-height: 1.1;
}
  .index_title strong {
    font-size: inherit;
    line-height: initial;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-weight: 700;
  }
  .index_title .indexSub_title {

  }
    .index_title .indexSub_title .dot{
      /* margin: 0 0 10px 0; */
      font-size: clamp(0.8750rem, 0.7813vw, 0.9375rem); /* 最小值 14.00px、大小約 0.7813vw、最大值 15.00px */
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .index_title .indexSub_title span.round{
      margin: 0;
      padding: 0;
      background-color:var(--primary_color);
      border-radius: 50%;
      aspect-ratio: 1;
      width: clamp(0.8750rem, 0.7813vw, 0.9375rem); /* 最小值 14.00px、大小約 0.7813vw、最大值 15.00px */
    }








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

  

  .index_itemBg{
    padding:clamp(2.5000rem, 3.3854vw, 4.0625rem) 0; /* 最小值 40.00px、大小約 3.3854vw、最大值 65.00px */
  }


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

/* 橘色小圈圈 */
.what_we_offer span {
  /* padding-right: 5px; */
  /* color: var(--primary_color); */

  /*  */
  /* margin: 0; */
}



















/* 20241219 hero section 開始 */
.hero_section {
  display: flex;
  position: relative;

  padding: 210px 0 110px; /* 照抄*/
}
.banner {
	background:#fff;
	position:relative;
}
.banner .swiper-container_pc{
	
}
.banner .swiper-container_pc .swiper-slide{
    
}
.banner .swiper-container_pc .swiper-slide a{
  display: block;
  position: relative;
  /* padding-top: 49.2%; */

  /* aspect-ratio: 1280 / 800; */
  aspect-ratio: 2000 / 920;
}
.banner .swiper-container_pc .swiper-slide a 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;

}
.banner .swiper-container_pc .swiper-slide a img.pcBanner{
  display: block;

}
.banner .swiper-container_pc .swiper-slide .mobileBanner{
  display: none;
}



@media(max-width:990px){
  .banner .swiper-container_pc .swiper-slide .mobileBanner{
    display:block;
  }
  .banner .swiper-container_pc .swiper-slide .pcBanner{
    display:none;
  }

  /* .banner .swiper-container_pc .swiper-slide a{
    display: block;
    position: relative;
    padding-top: 129.4%;
  } */

  .banner .swiper-container_pc .swiper-slide a{
    display: block;
    position: relative;
    /* padding-top: 49.2%; */

    /* aspect-ratio:440 / 411; */
    aspect-ratio:1000 / 1005;
  }

}

/* 20241219 about 關於我們 開始 */

/* contauiner main 設定 */

















/* 外框 container */
.index_aboutBg .wrap {
  display: block;
  width:90%;
  margin: 0 auto;
  overflow: hidden;
}

/* 圖片 + 文字 外框 (row) */
.mainContent .index_aboutBg {
  /* padding: 130px 0; */
  /* padding: clamp(4.1937rem, 6.7708vw, 8.1250rem) 0; */ /* 最小值 67.10px、大小約 6.7708vw、最大值 130.00px */
  border-bottom: 1px solid var(--primary_color);
}
.index_aboutBg .index_about_area{
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */
  width: 100%;
}
/* 關於我們_左側 */
.index_aboutBg .about_left{
  /* width: 33%; */
  /* width: 100%; */
  width: 100%;
  max-width:26.25rem ; /*440px*/
}
/* 關於我們_圖片*/
.index_aboutBg .about_img {
  width: 100%;
}

/* 關於我們_圖片 */
.index_aboutBg .about_img a {
  display: block;
  position: relative;
  padding-top: 104%;
  width: 100%;
}
/* 關於我們_圖片 */
.index_aboutBg .about_img a 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;
  
}
/* 關於我們_右側 */
.index_aboutBg .about_right{
  width: 100%;
  /* max-width: calc(100% - 440px); */
  /* max-width: 891px; */
  /* max-width: calc(84.375rem - 26.25rem); */ /* 891px*/
  /* background: #333; */
  display: flex;
  position: relative;
  /* width: 100%; */
  display: grid;
  grid-template-columns: 6.5625rem auto 6.5625rem; /*105px*/
}

  .index_aboutBg .about_right .text_img{
    /* margin-right: 30px; */
    /* max-width: 105px; */
    width: 100%;
    /*padding-right:clamp(0.9678rem, 1.5625vw, 1.8750rem);*/ /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
  }

  .index_aboutBg .about_right .text_img:first-of-type{
    padding-right:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
  }

  .index_aboutBg .about_right .text_img:last-of-type{
    margin-top: auto;
    padding-left:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
  }

    .index_aboutBg .about_right .text_img img{
      width: 100%;
      height: auto;
    }

  /* 輪播區塊 */
    .about_right_in{
      width: 100%;
      /* max-width: calc(891px - 30px - 105px); */
      position: relative;
      display: flex;
      flex-direction: column;
      row-gap:  clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
    }


    

.index_aboutBg  .about_right_box{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(2.9033rem, 4.6875vw, 5.6250rem); /* 最小值 46.45px、大小約 4.6875vw、最大值 90.00px */
  width: auto;
}
  .index_aboutBg  .text_area {
    font-size: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
    color: #0A0E1A;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
    /* max-width: 701px; */
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all;
  }

  .swiper-about1{
    
  }


  /*為了版型*/
  .about_right_in ,
  .index_aboutBg  .about_right_box ,
  .swiper-about1{
    /* max-width:calc(84.375rem - 26.25rem - 6.5625rem - 1.875rem); */
  }




  

.index_aboutBg .staff div:first-of-type {
  font-size: 30px;
  color: #0A0E1A;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px; 
}
.index_aboutBg .staff div:last-of-type {
  font-family: var(--foreign_font);
  font-size: 15px;
  color: #57595C;
  font-weight:500;
  text-transform:uppercase;
}

.index_aboutBg .swiper-button_area{
  width: 9.375rem; /*150*/
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
  .index_aboutBg .swiper-button-prev,
  .index_aboutBg .swiper-button-next {
    position: relative;
    top: 0;
    margin: 0px;
    width: clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 最小值 30.97px、大小約 3.1250vw、最大值 60.00px */
    aspect-ratio: 1;
    /* height: 60px; */
    background-size: 99.9%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: unset;
    transform: unset;
  }


/* 在螢幕放大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_aboutBg .wrap{
    max-width: 1140px;
    width:100%;
  }
  .index_aboutBg .swiper-about2 .swiper-button_area{

    width: 60%;

  } */
  /* 關於我們_右側 */
  /* .index_aboutBg .about_right{
    overflow: hidden;
  } */
}
@media(max-width:1200px){

}




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

  .index_aboutBg .wrap {
    max-width: 56.25rem; /* 900px*/
  }

}


@media(max-width:990px){

  .index_aboutBg .wrap{
    /* max-width: 45rem; */
    width:90%;
  }

  .index_aboutBg .index_about_area{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: unset;
    gap: 1.5625rem; /*25px*/
  }
  .index_aboutBg .about_left{
    /* display: none; */
  }

  .index_aboutBg .about_right{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

 .index_aboutBg .about_right .text_img{
   display:none;
  }

    /*為了版型*/
    .about_right_in ,
    .index_aboutBg  .about_right_box ,
    .swiper-about1{
      max-width:calc(84.375rem - 26.25rem - 6.5625rem - 1.875rem);
      max-width: 90vw;
    }
  
	
  /* .index_aboutBg .swiper-about1 .swiper-slide .text_area {
    font-size: 40px;
    color: #0A0E1A;
    font-weight: 700;
    line-height: 1.2;
    max-width: 521px;
    width:100%;
    text-transform:uppercase;
  } */
  /*小*/
  /* .index_aboutBg  .mySwiper2 {
    height: auto;
    width: 100%;
    margin-top: 30px;
  } */

}
@media(max-width:768px){
  /* .index_aboutBg .wrap{
    max-width: 540px;
    width:100%;
  }

  .index_aboutBg .about_right .text_img {
    margin-bottom: 30px;
  }
  .index_aboutBg .swiper-about1 .swiper-slide .text_area {
    font-size: 25px;
    max-width: unset;
  }
  .index_aboutBg .swiper-about2{
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .index_aboutBg .swiper-about2 .swiper-button_area {
    width: 100%;
    justify-content: flex-start;
  }
  .index_aboutBg .swiper-about2 .swiper-button_area .swiper-button-prev{
    left: 0;
    
  } */
}
@media(max-width:540px){

  /* .index_aboutBg .wrap{
    max-width: unset;
    padding: 0 15px;
  } */
}

/* 20241219 about 關於我們 結束 */

/* 20241219 news 最新消息 開始 */































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


.index_serviceBg{
  /* background-color: #b0b8c6; */
  /* padding: 130px 0; */
  border-bottom: 1px solid var(--primary_color);
}
.index_serviceBg .wrap{
  max-width: 84.3750rem; /*1350px*/
  width: 90%;
  margin: 0 auto;
}
.index_serviceBg .wrap .service_content_area{
  display: flex;
  /* padding: 0 15px; */
  gap: 1.875rem; /*30px*/
}



/* 服務左側 */
.index_serviceBg .wrap .service_content_left {
  /* flex: 0 0 auto; */
  width: 100%;
}

/* 服務 h2 */
.index_serviceBg .wrap .service_content_left h2 {
  /*  */
  margin: 0 0 40px 0;
  text-transform: uppercase;
  font-size: 60px;
}

/* 那個圈圈 */
.index_serviceBg .wrap .service_content_left .service_title span {
  /* padding-right: 5px; */
  /* color: var(--primary_color); */

  /*  */
  /* margin: 0 10px 0 0; */
}

/* p 標籤的 margin 改掉 */
.index_serviceBg .wrap .service_content_left .service_title .what_we_offer {
  /*  */
  /* margin: 0 0 10px 0; */
}

.index_serviceBg .wrap .service_content_left .service_title .what_we_offer span {
  /* margin: 0; */
  /* padding: 0; */
}

/* 服務右側 */
.index_serviceBg .wrap .service_content_right {
  flex: 0 0 auto;
  width: 33.33333333%;
  /* display: flex; */
  display: none;
}

/* 裝項目的 */
.service_listArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: auto;
  padding: 0 0px;
}

/* 服務列表 */
.service_listArea .service_list {
  display: flex;
  /* min-height: 235px; */
  padding: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
  /*padding: 40px 40px 14px 40px;*/
  /* margin-right: -1px; */
  border: 1px solid #57595c;
  border-radius: 24px;
  gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 最小值 12.90px、大小約 1.3021vw、最大值 25.00px */
}

.service_listArea  .service_listln{
	display: flex;
	flex-direction: column;
}
/* 服務列表_標題 */
.service_listln .text_content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
  flex-grow: 1;
}
/* 服務列表_標題 */
.service_listln .text_content h3 a{
  color: #0a0e1a;
}
/* 服務列表_標題 */
.service_listln .service_text{
  /* font-family: var(--foreign_font); */
  line-height: 1.6;
  color: #57595c;
  flex-grow: 1;
}
/* 圖片部分 */
.service_listArea .service_list .service_img {
  width: 57px; /* 它是 icon font-size: 57px */

  /* 以下部分照抄 */
  margin: 0 20px 25px 0;
  margin: 0;
}

/* 圖片 */
.service_listArea .service_list .service_img{
  /* width: 90px; */
  width:clamp(2.5000rem, 4.6875vw, 5.6250rem); /* 最小值 40.00px、大小約 4.6875vw、最大值 90.00px */
  min-width: clamp(2.5000rem, 4.6875vw, 5.6250rem); /* 最小值 40.00px、大小約 4.6875vw、最大值 90.00px */
}
/* 圖片 */
.service_listArea .service_list .service_img a{
  display: block;
  position: relative;
  padding-top: 100%;
  
}
/* 圖片 */
.service_listArea .service_list .service_img a 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;
  
}
/* 服務列表_arrow */
.service_listln .text_content a:last-of-type{
  color: #0a0e1a;
}


.service_listArea .service_list {
  /* flex: 0 0 50%; */
  width: calc(100% / 2);
  flex:1 0 calc(100% / 2);
}

.service_listArea .service_list .service_listln h3 {
  margin-top: 0;
}

/* 文字部分 */
/* .service_listArea .service_list .service_listln h3  */
.service_list_title{  
  /* font-size: 30px; */
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  font-size: clamp(1.2904rem, 1.5625vw, 1.8750rem); /* 20.64px , 1.5625vw , 30.00px */
}

/* 部分 xl消失 lg以下出現*/
.index_serviceBg .wrap .service_content_right {
  /* padding: 0 15px; */
}

.index_serviceBg .wrap .service_content_right .serviceImg {
  max-width: 420px;
  width: 100%;
  /* height: 675px; */
  display: flex;
  flex-direction: column;
}
.index_serviceBg .wrap .service_content_right .serviceImg a {
  display: block;
  position: relative;
	flex-grow:1;
  /* padding-top: 160.7%; */
}
.index_serviceBg .wrap .service_content_right .serviceImg a 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;
  border-radius: 20px;
  
}

/* 服務列表_arrow */
.service_listln .text_content a:last-of-type:hover{
  /* color: var(--primary_color); */
  cursor: default;
}

/* 加入 hover */
.service_listArea .service_list:hover {
  /* background-color: #f6f6f6; */
  cursor: default;
}
.service_listArea .service_list .service_img a:hover {
  cursor: default;
}


/* 在螢幕放大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_serviceBg .wrap{
  
    max-width: 1140px;
    width: 100%;
  
  }
}

/* RWD xxl */
@media (max-width: 1440px) {
}

/* RWD xl */
@media (max-width: 1200px) {
  /* 服務左側 */
  .index_serviceBg .wrap .service_content_left {
    flex: 0 0 auto;
    width: 100%;
  }

  /* 服務右側 */
  .index_serviceBg .wrap .service_content_right {
    display: none;
  }
}

/* RWD lg */
@media (max-width: 990px) {
  .index_serviceBg .wrap{
  
max-width: 720px;
  
width: 90%;
  
margin: 0 auto;
  }
  .index_serviceBg .wrap .service_content_area{
  
    flex-wrap: wrap;
  
  }
  /* 服務左側 */
  .index_serviceBg .wrap .service_content_left {
    flex: 0 0 auto;
    width: 100%;
  }

  /* 服務右側 */
  .index_serviceBg .wrap .service_content_right {
    display: block;
    flex: 0 0 auto;
    width: 100%;
  }

  /* 服務右側 圖片外框 */
  .index_serviceBg .wrap .service_content_right .serviceImg {
    width: 100%;
    margin-top: 0px;
    max-width: 100%;
  }
  .index_serviceBg .wrap .service_content_right .serviceImg a {
      padding-top: 160.7%;
  }




  /* 區域高度改回來 */
  .service_listArea .service_list {
    height: auto;
  }
}

/* RWD md */
@media (max-width: 768px) {
  /* 服務左側 */
  .index_serviceBg .wrap .service_content_left {
    margin: 0 auto;
    /* flex: 0 0 auto; */
    width: 100%;
  }
  /* 服務列表區塊 */
  .service_listArea {
    gap:15px;
  }
  /* 服務列表 */
  .service_listArea .service_list {
    flex: 0 0 100%;
  }
}

/* RWD sm */
@media (max-width: 576px) {
  /* 服務右側(圖片) */
  .index_serviceBg .wrap .service_content_right .serviceImg img {
    width: 100%;
    margin: 0 auto;
  }
}























/*========================================================*/
/*-------首頁內容_工作方式working--------*/
/*========================================================*/



/* 20241219 working 相關服務 開始 */

/* working container */
.index_workingBg {
  /* padding: 120px 0 90px; */
}
.index_workingBg .wrap {
  max-width: 1350px;
  width: 100%;
  margin: 0 auto;
 
}

/* working row */
.index_workingBg .wrap .working_listArea {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem 0; /*30px*/
}

/* 4個 col */
.index_workingBg .wrap .working_listArea .working_list {
  padding: 0 15px;
  flex: 0 0 auto;
  width: 25%;
  display: flex;
  flex-direction: column;
}

/* 4個 col hover */
.index_workingBg .wrap .working_listArea .working_list:hover .step_span span {
  background-color: var( --second_color ); /* var(--tp-theme-color); */
}

/* 相關服務 標題文字 */
.index_workingBg .wrap .working_title {
  text-align: center;
  /* margin-bottom: 50px; */
  align-items: center;
}

.index_workingBg .wrap .working_title p {
  /* margin-bottom: 10px; */
  /* font-family: var(--foreign_font); */
  /* font-size: 15px; */
}

.index_workingBg .wrap .working_title h2 {
  margin: 0 0 20px 0;
  font-size: 60px;
  color: #0a0e1a;
}

/* 項目 */
.working_listArea .working_list {
  padding: 0 15px;
}

/* 項目內容 */
.working_listArea .working_list .working_list_content {
  border: 1px solid #57595c;
  border-radius: 166px;
  /* margin-bottom: 30px; 
  padding: 60px 35px;*/
  padding: clamp(1.9355rem, 3.1250vw, 3.7500rem) 0; /* 最小值 30.97px、大小約 3.1250vw、最大值 60.00px */
  padding-left:  clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
  padding-right:  clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 最小值 18.07px、大小約 1.8229vw、最大值 35.00px */
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: clamp(0.6250rem, 0.7813vw, 0.9375rem); /* 最小值 10.00px、大小約 0.7813vw、最大值 15.00px */
}

/* step 樣式 */
.working_listArea .working_list .step_span {
  /*  */
  /* margin-bottom: 35px; */
  text-align: center;
  display: block;
}

/* step 樣式 span*/
.working_listArea .working_list .step_span span {
  /*  */
  padding: 4px 24px;
  background-color: var( --primary_color ); /* var(--tp-theme-orange) */
  color: #fff;
  border-radius: 30px;
  transition: 0.3s;
  display: inline-block;
}
/* 工作方式標題 */
.working_listArea .working_list .working_list_content h3{
 font-size: clamp(1.1250rem, 1.5625vw, 1.8750rem); /* 最小值 18.00px、大小約 1.5625vw、最大值 30.00px */
 margin: 0;
 padding: 0;
 line-height: 1;
}
/* 工作方式簡述 */
.working_listArea .working_list .working_list_content .working_text{
 font-size: clamp(0.9375rem, 0.8854vw, 1.0625rem); /* 最小值 15.00px、大小約 0.8854vw、最大值 17.00px */
 font-weight: 400;
 /* margin-bottom: 15px; */
 line-height: 1.6;
 color: #57595c;
 flex-grow: 1;
}

/* 圖示部分 */
.working_listArea .working_list .working_list_content .working_icon {
  margin: 0 auto;
  /* font-size: 85px; */
  background: #ffe9c9;
  aspect-ratio: 1;
  max-width: 9.375rem; /*150*/
  /* width: 150px;
  height: 150px; */
  text-align: center;
  /* line-height: 175px; */
  border-radius: 100%;
  color: #000;
}
  .working_listArea .working_list .working_list_content .working_icon img {
    width: 100%;
    height: auto;
  }

/* 圖示部分 i */
/* .working_listArea .working_list .working_list_content .working_icon i {
  line-height: 120px;
  font-size: 85px;
  background: #ffe9c9;
  width: 150px;
  height: 150px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  color: #000;
} */

/* 在螢幕放大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_workingBg .wrap{
    max-width: 71.25rem; /*1140px*/
    /* width: 100%; */
  }

}




/* RWD xxl */
@media (max-width: 1440px) {
}

/* RWD xl */
@media (max-width: 1200px) {
}

/* RWD lg */
@media (max-width: 990px) {

  .working_listArea .working_list .working_list_content {
    border-radius: 15px;
  }

  /* 4個 col */
  .index_workingBg .wrap  {
    max-width: 45rem; /*720px*/
    width: 90%;
  }
  .index_workingBg .wrap .working_title h2 {
    /* font-size: 38px; */
  }
  .index_workingBg .wrap .working_listArea .working_list {
    flex: 0 0 auto;
    width: 50%;
  }
}

/* RWD md */
@media (max-width: 768px) {
  /* 4個 col */
  .index_workingBg .wrap .working_listArea .working_list {
    /* padding: 0 15px; */
    padding: 0;
    flex: 0 0 auto;
    width: 100%;
  }
}

/* RWD sm */
@media (max-width: 576px) {
}




























/* 20241219 product 商品介紹 開始 */

.index_productBg {
  overflow: hidden;
  /* padding: 130px 0; */
  background-color: var(--second_color);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.index_productBg .wrap {
  max-width:  84.3750rem; /*1350px*/
  width: 90%;
  margin: 0 auto;
}

/* 商品 標題文字 */
.index_productBg .title_content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
}

/* 產品介紹_標題 */
.index_productBg .title_content .product_title {
  flex: 0 0 auto;
  width: 66.66%;

}
/* 產品介紹_標題 */
.index_productBg .title_content .product_title {
  color: #fff;
}

.index_productBg .span_title {
  /* margin-bottom: 10px;
  color: var(--second_color);
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  font-family: var(--foreign_font); */
}
/* 產品介紹_標題_裝飾(橘圈) */
.index_productBg .span_title span{
  color: var(--primary_color);
}


/* 標題右 */
.index_productBg .title_content .product_subtitle {
  flex: 0 0 auto;
  width: 33.33%;
  color: var(--second_color);
  font-size: clamp(0.9375rem, 0.8854vw, 1.0625rem); /* 最小值 15.00px、大小約 0.8854vw、最大值 17.00px */
  /* margin-bottom: 15px; */
  line-height: 1.6;
  /* font-family: var(--foreign_font); */  
}
.index_productBg .title_content .product_subtitle span {
  font-weight: bolder;
  color: #fff;
  
}


.product_listArea{
  display: flex;
  flex-direction: column;
  gap: .9375rem ; /*15px*/
}
/* 商品列表區域 */
.index_productBg .wrap .product_listArea .product_list {
  display: flex;
  flex-wrap: wrap;

  display: grid;
  grid-template-columns: repeat(2 , 1fr);
}

/* 商品列表2 */
.index_productBg .wrap .product_listArea .product_list2 {
  /* display: flex;
  flex-wrap: wrap; */
}

/* 商品列表2 圖片區塊 */
.product_list .product_img2 {
  /* flex: 0 0 auto;
  width: 50%; */
}

/* 商品列表2 文字區塊 */
.product_list .product_text2 {
  /* flex: 0 0 auto;
  width: 50%; */
}

/* 圖片區塊(預設左側) */
.product_list .product_img {
  flex: 0 0 auto;
  /*width: 50%;
  max-width: 41.2500rem;*/ /*660px*/
}
/* 圖片區塊(預設左側) */
.product_list .product_img a {
  display: block;
  position: relative;
  padding-top: 72.7%;
}
/* 圖片區塊(預設左側) */
.product_list .product_img a 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;
  border-radius: 20px;
}




/* 文字區塊(預設右側) */
.product_list .product_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  /* width: 40%;
  margin-left: 8.3333%; */


  
}

.product_list .text_content{
	display: flex;
	flex-direction: column;
	justify-content: unset;
	align-items: flex-start;
	gap:clamp(1.2500rem, 1.5625vw, 1.8750rem); /* 最小值 20.00px、大小約 1.5625vw、最大值 30.00px */
}


/* 數字 */
.product_text .text_content .span_number {
  color: var( --fourth_color );
  font-size: clamp(1.2500rem, 1.5625vw, 1.8750rem); /* 最小值 20.00px、大小約 1.5625vw、最大值 30.00px */
  position: relative;
  /*font-family: var(--foreign_font);
  margin-bottom: 30px;*/
}
.span_number span{
	padding-left:clamp(2.1250rem, 3.5417vw, 4.2500rem); /* 最小值 34.00px、大小約 3.5417vw、最大值 68.00px */
}
/* (數字前面的橫槓) */
.span_number span:before {
  width: 60px;
  height: 1px;
  content: "";
  background:var( --fourth_color );
  position: absolute;
  left: -68px;
  top: 50%;
  left: 0;
  width: clamp(1.8750rem, 3.1250vw, 3.7500rem); /* 最小值 30.00px、大小約 3.1250vw、最大值 60.00px */
}
/* tag */
.product_text .text_content .product_category {
  display: inline-flex;
  color: #0A0E1A;
  padding: 4px 12px;
  background: #FFE9C9;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 500;
  /* text-transform: uppercase; */
  margin-bottom: 20px;
  font-family: var(--foreign_font);
  line-height: 1.1;
  margin: 0;
}
/* 產品列表_標題 */
.product_text .text_content .product_title {
  margin: 0;
  padding: 0;
  font-size: clamp(1.0625rem, 1.0938vw, 1.3125rem); /* 最小值 17.00px、大小約 1.0938vw、最大值 21.00px */
  display: block;
  line-height: 1.2;
}
.product_text .text_content .product_title a{
  font-size: clamp(1.2500rem, 2.0833vw, 2.5000rem); /* 最小值 20.00px、大小約 2.0833vw、最大值 40.00px */
 color: #fff;
 text-decoration: none;
 font-weight: 700;
 text-transform: uppercase;

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

.product_text .text_content .product_title a:hover{

 color: #ffe815;


}
.product_text .text_content .btn_area{
 color: #fff;
 text-align: left;
 display: flex;
 margin-top: 0;
 margin-left: 0;
 }
.product_text .text_content .more_btn{
 color: #fff;
 display: flex;
 align-items: center;
 gap: 5px; 
 }
.product_text .text_content .more_btn:hover{
 color: var(--primary_color);
 
 }


/* 在螢幕放大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_productBg .wrap{
  
    max-width: 1140px;
    width: 100%;
  
  }
}





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

  .product_list .text_content{
   padding-left: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
   /* margin-left: auto; */
  }

  .product_list:nth-of-type(2n) .product_text {
    order: -1;
  }
    .product_list:nth-of-type(2n) .text_content{
      padding-right: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
      /* margin-right: auto; */
    }
  
}



/* RWD xl */
@media (max-width: 1200px) {
  /* 標題左 */
  .index_productBg .title_content .product_title {
    /* margin: 0 auto; */
    /* flex: 0 0 auto; */
    /* width: 100%; */
  }

  /* 圖片 */
  .product_list .product_img img {
    width: 100%;
  }

  /* 標題右 */
  .index_productBg .title_content .product_subtitle {
    margin: 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }

  /* 商品列表2 */
  .index_productBg .wrap .product_listArea .product_list2 {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* order: 2; */
  }

  /* 商品列表2 左側 */
  .product_list .product_text2 {
    /* order: 1; */
    /* flex: 0 0 auto; */
    /* width: 100%; */
  }

  /* 商品列表2 右側 */
  .product_list .product_img2 {
    flex: 0 0 auto;
    width: 100%;
  }

  /* 商品列表2 圖片 */
  .product_list .product_img2 {
    /* margin: 0 auto; */
    /* width: 50%; */
  }
}

/* RWD lg */
@media (max-width: 990px) {
  .index_productBg .wrap{
    max-width: 45rem;
    width: 90%;
  }


	.product_listArea{
		gap: 2.8125rem;
	}


	
  /* 商品列表區域 */
.index_productBg .wrap .product_listArea .product_list {
  /* margin-bottom: 40px; */
  display: flex;
  flex-direction: column;
  gap: 15px;
}
  .index_productBg .title_content .product_title {
    /* margin: 0; */
    /* margin-bottom: 50px; */
    /* width: 66.6%; */
    /* font-size: 38px; */
    text-align: left;
  }
    /* 標題右 */
    .index_productBg .title_content .product_subtitle {
      /* margin-bottom: 50px; */
    }
  
  /* 圖片區塊(預設左側) */
  .product_list .product_img {
    flex: 0 0 auto;
    width: 100%;
  }

    
  .product_list .text_content{
    gap:0.625rem; /* 10px */
  }


      /* (數字前面的橫槓) */
      .span_number span:before {
        width: 20px;
        left:-35px;
        left: 0;
      }
      /* (數字前面的橫槓) */
      .span_number span {
        margin-left: -10px;
        
      }
      /* 數字 */
    .product_text .text_content .span_number {
      margin-left: 10px;
      margin-left: 0;
    }

      /* 文字區塊(預設右側) */
      .product_list .product_text {
        flex: 0 0 auto;
        width: 100%;
        /* margin-top: 30px; */
        /* margin-left: 30px; */
        flex: 1;
      }
}

/* RWD md */
@media (max-width: 768px) {
  .index_productBg .wrap{
    max-width: 540px;
  }
  .index_productBg .title_content .product_title {

    width: 100%;

  }
}

/* RWD sm */
@media (max-width: 550px) {
  .index_productBg .wrap{
    max-width: unset;
    padding: 0;
  }
  .product_text .text_content .product_title a{
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    
   }
     /* 文字區塊(預設右側) */
  .product_list .product_text {
    margin: 0;
    margin-top: 0;
  }


}
















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

.index_adBg{
  padding: 0;
}

  .index_adBg a{
    display: block;
  }











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





/* 聯絡我們 外層 */
.index_contactBg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* padding: 111px 0 110px; */
}

/* 聯絡我們 外層 */
.index_contactBg::before {
  position: absolute;
  height: 100%;
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
}

/* 聯絡我們 中間區塊 */
.index_contactBg .contact_area {
  padding: 0 15px;
}

.index_contactBg .index_title {
  align-items: center;
  color: #fff;
}







/* 聯絡我們 上方小文字 */
.index_contactBg .contact_area .contact_text {
  text-align: center;
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}

  /* 聯絡我們 大標題 h2 */
  .index_contactBg .contact_area .contact_title {
    padding: 0;
    margin: 0;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap:  clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
    font-size: clamp(1.9355rem, 3.1250vw, 3.75rem);/* 最小值 30.97px、大小約 3.1250vw、最大值 60.00px */
    text-align: center;
    line-height: 1.2;
    color: #fff;
  }

  .index_contactBg .contact_area .contact_title p {    
    position: relative;
    z-index: 2;
    /* text-transform: uppercase;
    margin-bottom: 20px; */
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
  }



/*  聯絡我們 按鈕部分 */
.index_contactBg .contact_area .contact_btn {
  margin: 0 auto;
}

/* 按鈕們 */
.contact_btn .discover_btn_box {
  display: flex;
  justify-content: center;
  align-items: center;
  /*margin-top: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
}

.btn_area.contact_btn button{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 15.625rem; /*250px*/
  margin-top: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 最小值 25.81px、大小約 2.6042vw、最大值 50.00px */
}


/* 按鈕樣式 */
.contact_btn .discover_btn_box .discover_btn {
  border: none;
  cursor: pointer;
  max-width: 240px; /* 防按鈕跳動 */
  text-wrap: nowrap;
  /*  */
  background:var( --primary_color ); /* var(--tp-theme-orange) */
  padding: 16px 45px;
  font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
  border-radius: 5px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #fff;


}

/* 第 2 顆按鈕 關閉 */
.contact_btn .discover_btn_box .discover_btn2 {
  display: none;
}

/* 按鈕 hover 區域 */
.contact_btn .discover_btn_box .discover_hover {
  position: relative;
  overflow: hidden;
}

/* 按鈕的小造型 */
.contact_btn .discover_btn_box .discover_hover i {
  /*  */
  height: 100%;
  width: 22px;
  background-color: var( --third_color );
  position: absolute;
  bottom: -2px;
  right: -12px;
  -moz-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  -webkit-transform: rotate(13deg);
  transform: rotate(13deg);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* 按鈕觸碰時,  2號出現 */
.discover_btn_box .discover_hover:hover .discover_btn2 {
  display: block;
}
/* 然後 1 號消失 */
.discover_btn_box .discover_hover:hover .discover_btn1 {
  display: none;
}

/* 小造型消失 */
.discover_btn_box .discover_hover:hover i {
  right: -100%;
  transition: 0.3s;
}





@media (max-width: 990px){

  /* 聯絡我們 大標題 h2 */
  .index_contactBg .contact_area .contact_title {
    font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 最小值 16px、大小約 1.0417vw、最大值 20px */
  }

  
/*  聯絡我們 按鈕部分 */
.index_contactBg .contact_area .contact_btn {
  margin-top: clamp(0.6452rem, 1.0417vw, 1.2500rem);/*10 - 20*/
}


}











/*/////////////////////////////////////////////////////////*/
/*-------首頁內容結束--------*/
/*/////////////////////////////////////////////////////////*/