/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
/* header│主選單│- */
.header-template17 .header__inner:after {
    width: 140px;
    height: 48px;
}
@media (max-width: 991px) {
    .header-template17 .header__inner:after {
        width: 160px;
    }
}
@media (max-width: 768px) {
    .header-template17 .header__inner:after {
        height: 78%;
    }
}
.nav__name.active, .nav__name.active:hover {
    color: #FF855E !important;
}
.nav__name::after, .nav__name.active::after, .nav__name:hover::after {
    background: #00000000 !important;
}
.nav__btn-icon::after {
    border-top-color: #FF855E !important;
}

@media (max-width: 991px) {
    .nav__box, .nav__box--turnover .nav__layer {
        background: #2e2b4c !important;
    }
}
.hamburger span {
    height: 2px;
}
@media (max-width: 991px) {
    .hamburger--on {
        right: 0;
    }
}

/* other */
.index-editor-template22 {
    .index-editor-template21-groups {
        .title {
            margin-bottom: 0;
            font-size: 36px;
            line-height: 40px;
        }
        .title--xs {
            margin-bottom: 40px;
            font-size: 20px;
            line-height: 24px;
        }
        .des {
            margin-bottom: 40px;
            p {
                margin: 0;
                font-size: 18px;
                line-height: 24px;
            }
        }
        .small-pics {
            .small-pic {
                height: auto;
                border-radius: 0;
                align-items: flex-end;
                justify-content: center;
                img {
                    width: max-content;
                    height: auto;
                }
            }
        }
    }
}
.index-editor-template23 {
    .about-block {
        .text {
            padding-left: 24px;
            .title {
                font-weight: 500;
            }
            p {
                -webkit-line-clamp: none !important;
            }
            .btnbox {
                .btnset {
                    width: 270px;
                }
            }
        }
    }
}
@media (max-width: 768px) {
    .about-block {
        .text {
            padding-left: 60px;
            .btnbox {
                .btnset {
                    width: 270px;
                }
            }
        }
    }
}
.inner > .title {
    span {
        padding-left: 80px;
        background-image: url(../images/title-icon.png);
        background-size: 60px auto;
        background-repeat: no-repeat;
        background-position: 8px 14px;
        &::before {
            display: none;
        }
    }
}
.about-title {
    margin-bottom: 30px;
    color: #0a4776;
    font-weight: 700;
    .en {
        color: #70acd5;
        font-weight: 400;
        display: block;
    }
}
.about-editor {
    margin-bottom: 30px;
    .textblock {
        padding-left: 0;
        padding-right: 40px;
        color: #70acd5;
        strong {
            color: #0a4776;
        }
    }
    &:first-child {
        margin-bottom: 40px;
        .textblock {
            padding-left: 40px;
            padding-right: 0;
        }
    }
}
@media (max-width: 991px) {
    .about-editor {
        &:first-child {
            .textblock {
                padding-left: 0;
            }
        }
        &:nth-child(2) {
            .about-title {
                order: 1;
            }
            .textblock {
                padding-right: 0;
                order: 3;
            }
            .img {
                order: 2;
            }
        }
    }
}
.sort_2.index-editor-template24 {
    padding: 10px 0 30px;
    .choose {
        .icondiv {
            .icon-pic {
                width: 150px;
                height: 170px;
                border-radius: 0;
            }
            .title {
                color: #c55a11;
                font-weight: 600;
                .en {
                    color: #0a4776;
                    display: block;
                }
            }
            p {
                margin-top: 0;
            }
        }
    }
}
@media (max-width: 1440px) {
    .sort_2.index-editor-template24 {
        .wrapper {
            padding: 0;
        }
    }
}

/* 紙類材質 */
.paper-materials {
    .materials {
        margin-bottom: 30px;
        padding: 10px 30px;
        .title--top {
            margin: 20px 0;
        }
        &:nth-child(odd) {
            background-color: #efefef;
            .text-box {
                order: 2;
            }
            .img-box {
                order: 1;
            }
        }
        &:first-child {
            margin-top: 30px;
        }
    }
    .title--top {
        width: 100%;
        font-size: 26px;
        color: #34495e;
        font-weight: 800;
    }
    .text-box {
        padding: 0 30px;
        flex-direction: column;
        justify-content: center;
        .title--second {
            color: #e67e23;
            font-weight: 800;
        }
    }
    .img-box {
        .img {
            text-align: center;
            img {
                width: 100%;
                object-fit: contain;
                aspect-ratio: 3 / 4;
                display: block;
            }
        }
    }
    .materials-text {
        padding: 0 40px;
        .title--top {
            margin-bottom: 20px;
        }
    }
}
@media (max-width: 768px) {
    .paper-materials {
        .materials {
            &:nth-child(odd) {
                .text-box {
                    padding-left: 0;
                    order: 1;
                }
                .img-box {
                    order: 2;
                }
            }
        }
        .text-box {
            padding: 0;
        }
    }
}