/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
.contact-block{
    display: flex;
    flex-direction: row-reverse;
}

.contact-block__form,.contact-block__info{
    width: 50% !important;
}

.contact-block__info iframe{
    width: 100%;
}

.banner picture{
    position: relative;
}

.banner picture::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(219 219 219 / 38%);
}

.banner h1{
    z-index: 1;
}

.footer-common-editor2-template6 .footer-common-editor2-template6-content{
    padding: 24px !important;
}

/* .footer-template1 .footer-common-editor2{
    order: 1 !important;
} */

.right-icon a:hover {
    background-color: #69a3f5 !important;
}

.inner > .title span::before{
    display: none !important;
}

.inner > .title{
    padding-left: 15px;
    padding-right: 15px;
}

.page-contact .inner > .title{
    padding-left: 0px;
    padding-right: 0px;
}

.contact-block .webeditor{
    padding: 0 !important;
}

.ind-category .product__item .name{
    background-color: #56acf5;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
}

.ind-category .product__item .name:hover{
    color: #fff !important;
}

/*.nav__name{*/
/*    color: #fff !important;*/
/*}*/

.nav__name.active, .nav__name.active:hover {
    color: #56ACF5 !important;
}

/*.nav__layer .nav__item{*/
/*    background-color: #333 !important;*/
/*}*/

/*.nav__btn-icon::after {*/
/*    border-top-color: #ffffff !important;*/
/*}*/

/*.nav__layer .nav__item:hover{*/
/*    background-color: #56acf5 !important;*/
/*}*/

.ind-section h2 span,.index-editor-template7 .certification .title,.index-editor-template17-title,.index-editor-template1 .wrapper > .title{
    font-weight: bold !important;
    position: relative;
    width: max-content;
    margin: auto;
}

.ind-section h2 span::before,.index-editor-template7 .certification .title::before,.index-editor-template17-title::before,.index-editor-template1 .wrapper > .title::before {
    content: '';
    background-image: url(/assets/images/ind-logo.webp);
    width: 50px;
    background-size: contain;
    height: 37px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-110%, -50%);
    background-repeat: no-repeat;
}

.footer-template2 .footer-common-copy{
    padding-top: 20px !important;
}

@media screen and (max-width:991px) {
    .contact-block__form,.contact-block__info{
        width: 100% !important;
    }

    .contact-block{
        flex-direction: column-reverse;
    }

    .contact-block__info{
        margin-top: 0;
    }

    .contact-block__form{
        margin-top: 32px;
    }

    .contact-block__form .title {
        margin-bottom: 0;
    }

    .nav__box, .nav__box--turnover .nav__layer {
        background: #333 !important;
    }

}

@media screen and (max-width:768px) {
    .footer-common-editor1-template10 .footer__block .footer__logo .area{
        width: 100% !important;
    }

}