.contactArea {
    flex-direction: column;
    gap: 1.25rem;
    margin: unset;

    margin-top: clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem); /* 20 40 */
}

/* 左邊--------------------------------------------------------------- */
.contact_left {
    width: 100%;
    padding: unset;
}


.contact_info {
    width: 100%;
    background-color: var(--second_color);
    background-color: var(--dark_color);
    border-radius: clamp(0.75rem, 1.0417vw, 1.25rem);
    /*最小值 12px、大小約 1.0417vw、最大值 20px*/
    padding: clamp(1.25rem, 2.0833vw, 2.5rem);
}

.contact_info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: clamp(0.938rem, 0.604rem + 0.54vw, 1.25rem);
    justify-content: space-between;
    border-radius: inherit;
    border: 1px #777 solid;
    /* padding: 40px; */
    padding: clamp(1.25rem, 2.0833vw, 2.5rem);
    /* 最小值 20px、大小約 2.0833vw、最大值 40px*/
}

.contact_info ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 0px .625rem;
    /*0 29px*/
    width: calc((100% - clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem) * 1) / 2);
}

.contact_info .icon {}

.contact_info .icon a,
.contact_info .icon span {
    /* min-width: 56px; */
    min-width: clamp(2.5rem, 1.433rem + 1.72vw, 3.5rem);
    /* 最小值 25px、大小約 2.9167vw、最大值 56px*/
    aspect-ratio: 1 / 1;
    /* height: 56px; */
    background-color: var(--dark_color);
    border: 1px solid var(--primary_color);
    color: var(--primary_color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transition: all 0.2s ease-in-out;
								transform:rotateY(0); */
    /*360旋轉效果*/
    transition: 0.7s ease-in-out;
    text-decoration: none;
    /* display: block; */
}

.contact_info .icon i {
    /* font-size: 15px; */
    font-size: 1.125rem;
    /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
}

.contact_info .icon a:hover {
    /* transform: rotateY(-180deg);
									transition: all 0.2s ease-in-out; */
    /*360旋轉效果*/
    /* transition: 0.7s ease-in-out;
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); */
}


.contact_info .info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem);
}

.contact_info .info strong {
    display: block;
    font-weight: 500;
    font-family: var(--foreign_font);
}

.contact_info .info a {
    display: block;
    text-decoration: none;
}
.contact_info .info>span {
    font-size: clamp(0.75rem, 0.483rem + 0.43vw, 1rem);
}

.contact_info .info a:hover {
    opacity: 0.5;
}

.contact_info .info p {
    display: block;
}

.contact_info .info strong,
.contact_info .info a,
.contact_info .info p {
    color: var(--fifth_color);
    font-size: clamp(0.8125rem, 0.7813vw, 0.9375rem);
    /*字體 最小值 13px、大小約 0.7813vw、最大值 15px*/
}







/* 首頁_聯絡我們區塊right-------------------------------------------- */
.contact_top {
    width: 100%;
    position: relative;
    border-radius: clamp(0.75rem, 1.0417vw, 1.25rem);
    /*最小值 12px、大小約 1.0417vw、最大值 20px*/
    background-color: var(--dark_color);
    color: #fff;
    /* padding: 40px; */
    padding: clamp(1.25rem, 2.0833vw, 2.5rem);
    /* 最小值 20px、大小約 2.0833vw、最大值 40px*/

    font-size: clamp(0.875rem, 0.8333vw, 1rem);
    /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
}

.subtitle {
    border-bottom: 1px solid #777;
    color: var(--primary_color);
    font-size: clamp(1rem, 0.733rem + 0.43vw, 1.25rem);
    margin-bottom: 2.5rem;
    padding-bottom: .625rem;
}

/* .contact-decorate {
    position: absolute;
    top: 20px;
    right: 25px;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    animation-name: up-down-move;
    animation-timing-function: linear;
}

.contact-decorate img {
    opacity: 0.2;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
} */

.contact_top .index_title {
    color: #fff;
}

.contact_top .index_sub_title {
    color: var(--second_color);
}

.contact_top p {
    color: inherit;
}


.contact_top .form_remark {}

.contact_top .form_area {}

.contact_top .form_area input[type="text"],
.contact_top .form_area input[type="password"],
.contact_top .form_area input[type="search"],
.contact_top .form_area input[type="email"],
.contact_top .form_area input[type="tel"],
.contact_top .form_area textarea,
.contact_top .form_area select {
    border-radius: 3.125rem;
    /*50px*/
    border: none;
    color: inherit;
    line-height: normal;
    height: auto;
    font-size: inherit;
}

.contact_top .form_area input[type="text"],
.contact_top .form_area input[type="password"],
.contact_top .form_area input[type="search"],
.contact_top .form_area input[type="email"],
.contact_top .form_area input[type="tel"],
.contact_top .form_area textarea {
    background: rgb(255 255 255 / 10%);
    padding: clamp(0.75rem, 0.617rem + 0.22vw, 0.875rem) clamp(1rem, 0.733rem + 0.43vw, 1.25rem);
    /*13px 19px 13px 22px*/
}

.contact_top .form_area textarea {
    padding: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem) clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
    /*10px 19px*/
    min-height: 218px;
    border-radius: clamp(0.75rem, 1.0417vw, 1.25rem);
    /*最小值 12px、大小約 1.0417vw、最大值 20px*/
}

.contact_top .form_area input::placeholder,
.contact_top .form_area textarea::placeholder {
    color: inherit;
}

.contact_top .form_area select {
    background: rgb(255 255 255 / 10%) url(../../../images/chevron_down_w.svg) no-repeat;
    background-size: 13px;
    background-position: calc(100% + -10px) 50%;
    padding-right: 1.875rem;
    /* 30px*/
    padding-left: 1.375rem;
    /*22px*/
}

.contact_top .form_area input:focus,
.contact_top .form_area textarea:focus {
    background: rgb(255 255 255 / 100%);
    color: var(--dark_color);
}

.contact_top .form_area select:focus {
    background: rgb(255 255 255 / 100%) url(../../../images/chevron_down_w.svg) no-repeat;
    background-size: 13px;
    background-position: calc(100% + -10px) 50%;
    padding-right: 1.875rem;
    /*30px*/
    padding-left: 1.375rem;
    /*22px*/
    color: var(--dark_color);
}

.contact_top .form_area .captcha span {
    color: var(--primary_color);
}

.contact_top .more_button {
    margin-top: 1.25rem;
    /*20px*/
    margin-left: auto;
}

/* 驗證碼 */
.captcha a {
    background: var(--primary_color);
    color: var(--black_color);
}


.more_button {
    padding: 0;
    margin: 0;
    border: none;
    transition: var(--transition_data);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 2.0625rem;
    background-color: #fff;
    color: var(--dark_color);
    padding: .375rem .3125rem .375rem 2.1875rem;
    border-radius: 6.25rem;
    position: relative;
    z-index: 1;
    width: max-content;
    font-weight: 500;
    font-size: clamp(0.875rem, 0.742rem + 0.22vw, 1rem); /* 14 16 */
    /* font-family: "Work Sans", sans-serif; */
    overflow: hidden;
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 38px, rgba(0, 0, 0, 0.12) 0px 8px 12px;
}

.inmain .more_button {
    /* margin: clamp(1.5625rem, 1.5625vw, 1.8750rem) auto; */
    /* 最小值 25.00px、大小約 1.5625vw、最大值 30px */
}

.more_button span {
    transform: translateX(0px);

    transition: var(--transition_data);
    text-decoration: inherit;
}

.more_button .icon {
    width: 2.6875rem;
    /*43px*/
    aspect-ratio: 1 / 1;
    height: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
    background-color: var(--primary_color);
    border-radius: 50%;
    position: relative;
}

.more_button .icon i {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: inherit;
    /* font-size: 23px; */
    font-size: 1rem;
    /* 16px*/
}

.more_button::after {
    content: "";
    position: absolute;
    width: 1.375rem;
    /*22px*/
    height: 1.375rem;
    /*22px*/
    right: .875rem;
    /*14px*/
    top: 1.0625rem;
    /*17px*/
    border-radius: 6.25rem;
    /*28px*/
    /*100px*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1;
    background-color: var(--primary_color);
    transform: scale(1);
}

.more_button:hover {
    text-decoration: none;
    box-shadow: none;
    transition: var(--transition_data);
}

.more_button:hover::after {
    transform: scale(30);
}

.more_button:hover span {
    color: var(--dark_color);
    transform: translateX(5px);
    transition: var(--transition_data);
    /* transition: all 0.3s ease; */
}







@media (max-width: 990px){


    .contact_info ul {
        flex-direction: column;
        justify-content: unset;
    }

    .contact_info ul li {
        width: 100%;
    }
    .contact_top .more_button {
        margin: 1.25rem auto 0;
    }


}








@media (max-width: 640px){

    .contact_top {
        /* padding: clamp(0.313rem, -0.021rem + 0.54vw, 0.625rem); */
    }

    .contact_top .form_area input[type="text"],
    .contact_top .form_area input[type="password"], 
    .contact_top .form_area input[type="search"], 
    .contact_top .form_area input[type="email"], 
    .contact_top .form_area input[type="tel"], 
    .contact_top .form_area textarea {
        padding: .3125rem .9375rem;
    }

        .contact_top .form_area input[type="text"],
    .contact_top .form_area input[type="password"], 
    .contact_top .form_area input[type="search"], 
    .contact_top .form_area input[type="email"], 
    .contact_top .form_area input[type="tel"]{
        min-height: 2.25rem;
    }
}