/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
/* 全局|gdpr|位置變更 */
@media screen and (min-width:991px) {
    .advbox{
        max-width: 80%;
        left: 50%;
        bottom: 25px;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .advbox .btnset{
        padding: 9px 30px 10px !important;
        margin-bottom: 2px;
        &:before {
            background-color: #ccc;
        }
    }
}
/* 全局|header|箭頭樣式 */
.nav__btn::after{
    font-family: "icomoon";
    content: "\f105";
    font-size: 20px;
    transform: rotate(90deg);
    color: #393ca9;
}

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

@media screen and (max-width:991px) {
    .nav__btn::after{
        font-family: "icomoon";
        content: "\f105";
        font-size: 20px;
        transform: rotate(0deg);
        color: #fff;
    }
}
.nav__btn-icon{
    display: none;
}
/* 首頁|banner|左右鍵 */
.ind-banner .swiper-button-next::after, .ind-banner .swiper-button-prev::after {
    content: "\e912";
    transform: rotate(90deg);
}
.ind-banner .swiper-button-next::after {
    transform: rotate(-90deg);
}

/* 首頁|banner|bullet */
.ind-banner .swiper-pagination .swiper-pagination-bullet{
    width: 30px;
    height: 6px;
    border-radius: 10px;
    transition: all 500ms ease-in-out;
}
.ind-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    border-radius: 20px;
}

/* 首頁|列表|圖片導圓角 */
.product__item, .news__item {
    .img {
        border-radius: 8px;
        overflow: hidden;
    }
}
.index-list-effect-3 .news__item .info {
    border-radius: 8px;
}

/* 全局|header|header-template20 */
.header-template20 {
    &.header--unfixed {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
        .language, .cart-btn, .header__search-icon i {
            color: #fff;
        }
        .header__inner {
            &:after {
                background-color: #d8d8d866;
            }
        }
        .nav {
            >.nav__item {
                >.nav__name {
                    color: #fff;
                    &.active {
                        color: #1d2088;
                    }
                }
                .nav__item-div {
                    .nav__name {
                        color: #fff;
                        &.active {
                            color: #1d2088;
                        }
                    }
                }
            }
        }
    }
    .nav {
        >.nav__item {
            >.nav__name {
                &:before {
                    background: #1d2088;
                }
            }
            .nav__item-div {
                .nav__name {
                    &:before {
                        background: #1d2088;
                    }
                }
            }
        }
    }
    .header__inner:after {
        width: 100% !important;
    }
    .nav__layer {
        min-width: 200px;
        width: max-content;
        .nav__item {
            .nav__name {
                background-color: #ffffff00;
                &:before {
                    height: 1px;
                    background-color: #8688d3;
                }
                &:hover {
                    color: #fff;
                    padding-left: 25px;
                    font-weight: 400;
                }
            }
        }
    }
}
@media (max-width: 991px) {
    .header-template20 {
        &.header--unfixed {
            .language, .cart-btn, .header__search-icon i {
                color: #666;
            }
        }
        .nav {
            .nav__item {
                .nav__name {
                    background-color: #ffffff00;
                }
            }
        }
        .nav__layer {
            width: 100%;
        }
        .header__inner {
            .nav__box, .nav__box--turnover .nav__layer {
                background: #1D2088;
            }
        }
    }
}

/* 全局|footer|footer-common-copy */
.footer-common-copy {
    .wrapper {
        flex-direction: row !important;
        .social, .copy {
            width: 50%;
        }
        .copy {
            margin: 0 !important;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
        }
    }
}
@media (max-width: 991px) {
    .footer-common-copy {
        .wrapper {
            .social, .copy {
                width: 100%;
            }
            .copy {
                justify-content: flex-start;
            }
        }
    }
}

/* 全局|footer|footer-common-editor2 */
.footer-common-editor2 {
    max-width: 1400px;
    width: 100%;
    margin: 10px auto 20px;
}

/* 全局|body|background img */
body {
    background-image: url(../images/main-bg2.webp);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* other */
.ind-banner__text {
    .title {
        text-shadow: -1px -1px 3px #999999, -1px 1px 3px #999999, 1px -1px 3px #999999, 1px 1px 3px #999999;
    }
}
.index-h1__setting {
    font-weight: 100;
    text-align: right;
}
@media (max-width: 991px) {
    .index-h1 {
        padding: 0;
        .wrapper {
            padding-left: 30px;
            padding-right: 30px;
        }
    }
}
@media (max-width: 768px) {
    .index-h1__setting {
        text-align: left;
    }
}
.index-editor-template39 {
    padding: 10px 0 60px;
}
.ind-below {
    background-attachment: fixed;
}
.sort_1.index-editor-template41 {
    &:after {
        background-color: rgb(0 0 0 / 60%);
    }
}
@media (max-width: 768px) {
    .sort_1.index-editor-template41 {
        .wrapper {
            .inner__div {
                margin-bottom: 30px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }

    .product__item .img a{

        height: 350vw !important;
    }
}
.sitemap__item h3 a {
    background-color: #B9000F !important;
}
.news--list .news__item, .form__control {
    background: #fff;
}


.product__item .img a{
    display: block;
    height: 18.3vw !important;
}

.product__item .img a img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .product__item .img a{
        height: 30vw !important;
    }
}

@media (max-width: 768px) {
    .product__item .img a{
        height: 70vw !important;
    }
}