/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
body {
    background-image: url("../images/bg.webp");
    background-attachment: fixed;
    background-size: cover;
    background-position: top left;
}


/* 全局|gdpr|位置變更 */
.advbox{
    .btnset {
        background-color: #333;
        border-color: #333;
        color: #fff;
    }
}
@media screen and (min-width:991px) {
    .advbox{
        max-width: 400px;
        left: 16px;
        bottom: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cookies-btn,.advbox .btnset{
        width: 100%;
        margin: 8px auto;
        text-align: center;
    }

    .advbox .btnset:hover{
        background: #383838;
    }

}

/* 全局|header|set */
.header-template4 {
    &.header--unfixed {
        background: linear-gradient(to bottom, rgb(0 0 0 / 49%) 0%, rgba(255, 255, 255, 0) 100%);
        .nav__item {
            a.nav__name.active {
                color: #EF0606;
            }
        }
    }
    .nav__layer {
        .nav__item {
            .nav__name {
                &:hover {
                    padding-left: 25px;
                    font-weight: 400;
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .header-template4 {
        .nav__item {
            font-size: 20px;
        }
        .nav__layer {
            .nav__item {
                .nav__name {
                    font-size: 18px;
                }
            }
        }
    }
}


/* 全局|header|箭頭樣式 */
.nav__btn::after{
    font-family: "icomoon";
    content: "\f105";
    font-size: 20px;
    color: #fff;
    transform: rotate(90deg);
}

.nav__layer .nav__btn::after{
    font-family: "icomoon";
    content: "\f105";
    font-size: 20px;
    color: #fff !important;
    transform: rotate(0deg);
}

@media screen and (max-width:991px) {
    .nav__btn::after{
        font-family: "icomoon";
        content: "\f105";
        font-size: 20px;
        transform: rotate(0deg);
    }
}
.nav__btn-icon{
    display: none;
}


/* 全局|footer|set */
.footer-common-editor1-template20 {
    .footer-g {
        .social-links {
            .social-link {
                i {
                    margin-right: 10px;
                }
            }
        }
    }
}



/* 首頁|banner|箭頭大小 */
.ind-banner .swiper-button-next::after, .ind-banner .swiper-button-prev::after{
    font-size: 24px;
}


/* others */
.ind-banner__textbox {
    .banner-p {
        font-size: 2rem;
        line-height: 3rem;
    }
}
@media (max-width: 480px) {
    .ind-banner__textbox {
        .banner-p {
            font-size: 1.5rem;
            line-height: 2.25rem;
        }
    }
}
.index-h1__setting {
    font-weight: 300;
}
.ind-category > .title, .ind-product > .title, .ind-news > .title, .index-editor-template7 .certification .title {
    font-weight: 700;
}
.index-editor-template31 {
    .index-editor-template31-text {
        font-size: 16px;
    }
}
.index-editor-template7::after {
    width: 500%;
    height: 200%;
    left: 70%;
    bottom: 40%;
    top: inherit;
    background-color: #eeeeee !important;
    transform: translateX(-50%) rotate(376deg);
}
@media (max-width: 600px) {
    .footer-common-editor1-template20 {
        .social-links {
            flex-wrap: wrap;
            .social-link {
                width: 100%;
                text-align: center;
            }
        }
    }
}
.footer-common-editor2-template6 {
    .footer-common-editor2-template6-pic {
        &:after {
            background-color: #2416165e;
        }
    }
    .footer-common-editor2-template6-content {
        background: #3a1b1b73;
    }
}

@media (max-width: 600px) {
    .footer-template5 {
        .footer-common-copy {
            .social {
                width: 100%;
            }
        }
    }
}
.inner > .title span::before {
    content: "\e908";
}
.accordion-menu, .news--list .news__item, .inquirycart {
    background-color: #ffffffbd;
}

.page-contact {
    .contact-block__form, .contact-block__info {
        width: 100%;
    }
    .contact-block__form {
        form {
            max-width: 900px;
            margin: 0 auto;
        }
    }
}