/* ============================================================ */
/* 按鈕 */
/* ============================================================ */

.serv_bg{
  margin-bottom: clamp(3.7098rem, 5.9896vw, 7.1875rem); /* 最小值 59.36px、大小約 5.9896vw、最大值 115.00px */
}

  .serv_bg .wrap{
    max-width: 82.5rem; /*1320*/
  }

  
      /* .serv_bg   */
      .service_content_area{
        display: flex;
        flex-direction: column;
        align-items: center;
        /* padding: 0 15px; */
        gap:clamp(2.5807rem, 4.1667vw, 5.0000rem); /*  最小值 41.29px、大小約 4.1667vw、最大值 80.00px */
        padding-top: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
      }
      
          /* 裝項目的 */
          .service_listArea {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            height: auto;
            padding: 0 0px;
            /*max-width: 82.1875rem;*/ /*1315*/
            margin: 0 auto;
            width: 100%;
            row-gap: 1.5625rem; /*25*/
          }

            /* 服務列表 */
            .service_listArea .service_list {
              width: calc((100% / 3) - 1.25rem);
              display: flex;
              flex-direction: column;
              font-size: 1rem;
              padding: 1.25rem;
            }
              .service_listArea .service_list a{
                transition: 0.3s ease all;
                padding: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
                box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                border-radius: 15px;
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
              }
              .service_listArea .service_list a:hover{
                opacity: 0.5;
                transition: 0.3s ease all;
              }

              .service_listln{
                flex-grow: 1;
              }

  /* 服務列表_標題 */
  .text_content {
    display: flex;
    flex-direction: column;
    /* font-size: 1rem; */
    gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
    /* height: 100%; */
    text-align: center;
  }

    /* 服務列表_標題 */
    .text_content strong{
      color: #0a0e1a;
      text-align: center;
      font-family: var(--foreign_font);
    }
      /* 服務列表_標題 */
      .service_text{
        /* font-family: var(--foreign_font); */
        line-height: 1.6;
        color: #57595c;
        /* flex-grow: 1; */
      }
      .service_list.mail .service_text,
      .service_list.phone .service_text{
        font-family: var(--foreign_font);
      }




        /* 圖片部分 */
        .service_listArea .service_list .service_img {
          /* width: clamp(1.8388rem, 2.9688vw, 3.5625rem); */ /* 最小值 29.42px、大小約 2.9688vw、最大值 57.00px */
          /* margin: 0 20px 25px 0; */
          width: 100px;
          /* margin-bottom:  clamp(0.8065rem, 1.3021vw, 1.5625rem); */ /* 最小值 12.90px、大小約 1.3021vw、最大值 25.00px */
          margin: 0 auto;
        }

          /* 圖片 */
          .service_listArea .service_list .service_img{
            /* width: clamp(2.9033rem, 4.6875vw, 5.6250rem); */ /* 最小值 46.45px、大小約 4.6875vw、最大值 90.00px */
          }
            /* 圖片 */
            .service_listArea .service_list .service_img .icon{
              display: block;
              position: relative;
              padding-top: 100%;
              margin: 0 auto;
            }

              /* 圖片 */
              .service_listArea .service_list .service_img 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;
              }









@media (max-width: 990px) {

  .serv_bg {    
    /*max-width: 45rem; 
    width: 100%;
    margin: 0 auto;   
    gap: clamp(1.2904rem, 2.0833vw, 2.5000rem);*/ /*  最小值 20.65px、大小約 2.0833vw、最大值 40.00px */
  }
  
  .serv_bg  .service_content_area{    
    /*flex-wrap: wrap;   */
  }

  

  .service_listArea{
      /*flex-wrap: wrap;
      gap: clamp(0.9678rem, 1.5625vw, 1.8750rem);*/ /* 最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
  }

    /* 服務列表 */
    .service_listArea .service_list {
      width: 100%;
    }



  /* 服務右側 圖片外框 */
  .serv_bg  .service_content_right .serviceImg {
    /*width: 100%;
    margin-top: clamp(0.9678rem, 1.5625vw, 1.8750rem);*/ /*  最小值 15.48px、大小約 1.5625vw、最大值 30.00px */
  }
  

}

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

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










/* ============================================================ */
/* 地圖 */
/* ============================================================ */


.map_area{
  /*margin-bottom: clamp(3.7098rem, 5.9896vw, 7.1875rem);*/ /* 最小值 59.36px、大小約 5.9896vw、最大值 115.00px */
}
  .map_area iframe{
    width: 100%;
    height: clamp(22.9040rem, 36.9792vw, 44.3750rem); /* 最小值 366.46px、大小約 36.9792vw、最大值 710.00px */
  }













/* ============================================================ */
/* 表單 */
/* ============================================================ */

.contact_bg{
  

  /*margin: clamp(4.0625rem,6.7708vw,8.125rem) 0;*/
}
  .contact_bg .wrap{
    max-width: 84.375rem;
    max-width: 82.5rem; /*1320*/
  }
    .contact_area{
      padding-top:clamp(3.7098rem, 5.9896vw, 7.1875rem); /* 最小值 59.36px、大小約 5.9896vw、最大值 115.00px */
      display: flex;
      justify-content: space-between;
      align-content: flex-start;
      gap: 30px;
    }
      .contact_area .contact_left{
        width: 50%;
        font-size: clamp(1.9355rem, 3.1250vw, 3.7500rem);
        font-weight: 700;
        text-align: center;
      }
      .contact_area .contact_right{
        width: 50%;        
      }
        .contact_area .contact_right .fL_info input,
        .contact_area .contact_right .fL_info textarea{
          border:none;
          border-bottom:1px solid #ccc;
        }



/* RWD sm */
@media (max-width: 990px) {
  .contact_area{
    display: flex;
    justify-content:unset;
    flex-direction: column;
    /* gap: 30px; */
  }
  .contact_area .contact_left ,
  .contact_area .contact_right{
    width: 100%;
  }

}