/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
/* 全局|header|set */
.header-template17 {
    top: 16px !important;
    .topblock{
        display: none;
    }
    .header__inner {
        &:after {
            width: 102px;
            height: 48px;
        }
        .nav {
            .nav__item {
                .nav__name {
                    width: auto;
                    overflow: hidden;
                    z-index: 0;
                    &:after {
                        z-index: -1;
                    }
                    &.active {
                        color: #FFFFFF;
                        border-radius: 6px;
                        &:after {
                            height: 100%;
                            background-color: #706d667d;
                        }
                    }
                }
                &:first-child {
                    .nav__name {
                        margin-left: 0;
                        border-radius: 48px 0 0 48px ;
                    }
                }
                &:last-child {
                    .nav__name {
                        margin-right: 0;
                        border-radius: 0 48px 48px 0 ;
                    }
                }
                .nav__btn-icon::after {
                    border-width: 8px 6px 0 6px;
                }
                .nav__item-div {
                    .nav__name.active + .nav__btn .nav__btn-icon::after {
                        border-top-color: #FFFFFF;
                    }
                }
            }
            .nav-item-news {
                > .nav__btn {
                    display: none;
                }
            }
        }
        .language {
            .option {
                top: 190%;
            }
        }
    }
}
@media (max-width: 991px) {
    .header-template17 {
        .header__inner {
            &:after {
                width: 125px;
            }
            .nav__box {
                background-color: #706d66 !important;
            }
            .nav {
                .nav__item {
                    .nav__btn-icon::after {
                        border-width: 2px 2px 0 0;
                    }
                }
            }
            .header__search {
                justify-content: center;
            }
        }
    }
}

/* 全局|footer|set */
.footer-common-editor1-template7::after {
    background-color: #706d6626;
}

/* 全局|other|set */
.inner > .title span::before {
    content: "\e908";
}
.accordion-menu {
    background-color: #FFFFFF;
}
.footer-common-editor1-template7 {
    .footer__info {
        .title {
            justify-content: flex-start;
        }
        ul {
            li {
                width: 100%;
            }
        }
    }
}


.index-editor-template24 {
    position: relative;
    z-index: 0;
    &:after {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        background-color: #00000070;
        z-index: -1;
    }
    .choose {
        .icondiv {
            img {
                width: auto;
                height: 63px;
            }
        }
    }
}
.news--list {
    .news__item {
        background-color: #FFFFFF;
    }
}

.header--fixed{
    position: absolute !important;
    top: 16px !important;
}

/*.nav-item-ab ,.copy span:nth-last-child(1){*/
/*    display: none;*/
/*}*/

footer .right-icon{
    display: none !important;
}

@media screen and (max-width:600px) {
    footer .right-icon{
        display: flex !important;
    }
}
.ind-news {
    .news {
        justify-content: center;
        .news__item {
            .info {
                .title {
                    text-align: center;
                }
            }
        }
    }
}
.copy {
    span {
        &:first-child {
            display: none;
        }
    }
}
.contact-editor-template1 {
    .symbols-line {
        img {
            width: 20px;
            height: auto;
            margin: 0 16px 0 2px;
            vertical-align: middle;
            display: inline-block;
        }
    }
}
@media (max-width: 480px) {
    .contact-editor-template1 {
        li {
            i {
                margin-right: 9px;
            }
        }
        .symbols-line {
            img {
                margin-right: 6px;
            }
        }
    }
}