.pageContent{
    position: relative;
    overflow: unset;
}


/*------------諮詢區塊(版腳上方) 聯絡我們不用------------*/
.inquiryBg {
  display: none;
}


input[type="text"], .input, input[type="password"], .input, input[type="search"], 
input[type="tel"], input[type="date"], input[type="time"], input[type="email"] {
    height: 3.125rem;
}



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

   .pageContent{
        position: relative;
        overflow: unset;
        max-width: calc(100% - (1rem * 2));
        margin-left: auto;
        margin-right: auto;
    }
    .pageContent::before{
        content: "";
        position: absolute;
        width: 100%;
        max-width: calc(100% - (1rem * 2));
        box-shadow: rgba(50, 50, 93, 0.05) 0px -79px 95px -20px, rgba(0, 0, 0, 0.1) 0px -40px 57px -30px;
        border-top-left-radius: clamp(0.521rem, 2.6vw, 3.125rem);
        border-top-right-radius: clamp(0.521rem, 2.6vw, 3.125rem);
        top: calc(clamp(1.354rem, 6.77vw, 8.125rem) * -1);
        height: clamp(1.354rem, 6.77vw, 8.125rem);
        left: 50%;
        transform: translateX(-50%);
    }
 
}








.contact_section_title_wrap {
    /* display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.938rem;
    margin-bottom: calc(0.938rem * 1.5);
    flex-direction: column;
    width: fit-content; */
    /* margin-bottom: clamp(1.4517rem, 2.3438vw, 2.8125rem) ; */
}

.contact_section_title {
    /* display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 700;
    color: var(--third_color);
    letter-spacing: 0.05em; */
}

.contact_section_title::before,
.contact_section_title::after {
    /* content: '';
    display: block;
    width: 1.75rem;
    height: 2px;
    background-color: var(--primary_color);
    flex-shrink: 0; */
}

.in_titStyle1 ~ .description{
  text-align: center;
  margin: 0;
  font-weight: 500;
  font-size: clamp(0.95rem, 0.7rem + 0.5vw, 1.25rem);
  line-height: 1.5;
  color: var(--fourth_color);
  margin-bottom: clamp(1.4517rem, 2.3438vw, 2.8125rem);
}







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

/* .serv_bg{
  margin-bottom: clamp(3.7098rem, 5.9896vw, 7.1875rem);
}

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

      .service_content_area{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:clamp(2.5807rem, 4.1667vw, 5.0000rem); 
        padding-top: clamp(1.2904rem, 2.0833vw, 2.5000rem); 
      }
       */
          /* 裝項目的 */
          /* .service_listArea {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            height: auto;
            padding: 0 0px;
            margin: 0 auto;
            width: 100%;
            row-gap: 1.5625rem; 
          } */

            /* 服務列表 */
            /* .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); 
                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); 
              .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;
    gap: clamp(0.4839rem, 0.7813vw, 0.9375rem); 
    text-align: center;
  } */

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




        /* 圖片部分 */
        /* .service_listArea .service_list .service_img {
          width: 100px;
          margin: 0 auto;
        } */

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

.btn_area {
  gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
}

.back a, .btn_area input, .btn_area button {
    width: calc(100% / 2);
    max-width: 15.625rem; /* 250 */
  }

.btn_area button:nth-of-type(1){
  background: #8f8f8f;
}


.btn_area button:nth-of-type(2){
    background: linear-gradient(180deg, #ee1d29 0%, #d4000f 100%);
    color: #fff;
}
.btn_area > *:nth-of-type(2) .arrow {
    display: block;
}





@media (max-width: 990px) {

  .serv_bg {    

  }
  
  .serv_bg  .service_content_area{    

  }

  

  .service_listArea{
  }

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



  /* 服務右側 圖片外框 */
  /* .serv_bg  .service_content_right .serviceImg {
   } */
  

}

/* RWD md */
@media (max-width: 768px) {

}

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

}










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


.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); */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: flex-start;
      gap: 1.875rem;
    }
      .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; */
          border:1px solid #ccc;
          border-radius: 5px;
        }

        .contact_area .fLR_address select {
          border:none;
          border-bottom:1px solid #ccc;
        }


        .other_input{
          flex: 1;
        }

        /* 訊息內容網編區------------------------- */
        .fL_info_textarea{
          padding: .375rem;
        }

        /* 驗證碼欄位---------------------------- */
        .captcha input[type="text"].verification_code_inpu{
          width: calc( 0.9375em * 8 );
        }

        /* 點選選單高度-------------------------- */
        .item_RadioCheckArea {
          min-height: 3.125rem;
        }

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

    .contact_bg {
        max-width: 73.75rem;
        margin-left: auto;
        margin-right: auto;
    }

}



/* 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%;
  }

}