/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
.advbox {
    background: #084169;
    color: #fff !important;
}

.advbox .cookies-btn{
    color: #fff;
    border-color: #fff;    
}

.header-template2 .header__inner:after{
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

.header__inner:after {
    background: #dfdfdf4f !important;
}

.nav__name.active, .nav__name.active:hover,.nav__layer .nav__item .nav__name:hover{
    color: #90bbdf !important;
}

.nav__layer .nav__item .nav__name:hover{
    color: #ECECEC !important;
}

.nav__name::after, .nav__name.active::after, .nav__name:hover::after{
    background-color: #90bbdf !important ;
}

.nav__btn-icon::after{
    border-top-color: #90bbdf !important;
}

.webeditor ul{
    padding-left: 16px;
}

.advbox .cookies-btn{
    border-color: #fff !important;
    color: #fff !important;
}

.form__label--required .form__title::before{
    color: #fff !important;
}

.advbox{
    background-color: #22629A !important;
}

.advbox .btnset:hover{
    background: #90bbdf !important ;
    border-color: #90bbdf !important;
    color: #fff !important;
}

.main--line{
    border-bottom: none !important;
}

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

.right-icon a:hover {
    background-color: #22629A !important;
}

.right-icon a{
    padding: 8px;
}

.right-icon a img{
    width: 24px !important;
    height: 24px !important;
    position: relative;
    object-fit: contain;
}

.page-contact .coldefault5 iframe{
    width: 100% !important ;
}

.footer-common-editor1-template1 .footer__logo a {
    display: flex;
}

.pc-hidden{
    display: none !important;
}

.header__search-form{
    top: 112px;
}

.cart-btn.phone-item{
    display: none !important;
}

@media screen and (max-width:991px) {
    .header-template2 {
        .header__inner {
            > .cart {
                display: none;
            }
        }
    }
    .pc-hidden{
        display: block !important;
    }

    .nav__btn-icon::after{
        border-top-color: #fff !important ;
    }

    .footer-common-editor1-template1 .footer__logo img{
        max-width: 150px !important;
    }

    .header-phone-item,.header__search-form{
        position: absolute;
        top: 14px !important;
    }

    .phone-cart{
        right: 74px !important;
        z-index: 99999;
    }

    .phone-header__search-form{
        top: 12px !important;
        left: unset !important;
        right: 144px !important;
    }

    .language{
        right: 46px;
    }

    .language .icon-x:before {
        content: "\e92e" !important;
    }

    .language .option {
        background: #5d8db5 !important;
    }

    .header__search-form--on{
        z-index: 20 !important;
    }


    .phone-header__search-form{
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 9999 !important;
        display: flex !important;
        height: max-content;
        position: absolute !important;
        height: 32px !important;
        width: 180px !important;
        background: transparent !important;
        padding: 0;
    }

    .phone-header__search-form input{
        height: 100%;
        padding: 3px 8px;
        padding-right: 32px;
        border-radius: 32px;
        
    }

    .phone-header__search-form button{
        height: 30px !important;
        width: 30px !important;
        position: absolute;
        top: 0;
        right: 3px;
        background-color: transparent;
    }
 

    .phone-header__search-form::after{
        display: none !important;
    }

    .header-pc-item,.phone-none{
        display: none !important;
    }

    .cart-btn.pc-item{
        display: none !important;
    }

    .cart-btn.phone-item{
        display:none !important;
    }

    .nav__box .cart-btn.phone-item{
        display:flex !important;
    }

    .hamburger{
        width: 35px;
        position: relative;
        height: 40px;
        display: flex;
        justify-content: center;
    }

    .hamburger span{
        width: 30px;
    }

    .hamburger span:nth-child(2) {
        transform: translateY(-22px);
    }

    .hamburger span:nth-child(3) {
        transform: translateY(-11px);
    }

    .menu{
        position: absolute;
        bottom: 0px;
        font-size: 10px;
    }

    .hamburger--on .menu{
        display: none;
    }

    .hamburger--on {
        width: 30px;
        height: 50px; /* 建議把 $headerPhoneHeight 改成 CSS 變數或實際數值 */
        position: fixed;
        top: 0;
        right: 20px;
        z-index: 999;
    }

    .hamburger--on span:nth-child(4) {
        opacity: 0;
        transform: translateX(100%);
    }

    .hamburger--on span:nth-child(2) {
    transform: translateY(0) rotate(45deg);
    }

    .hamburger--on span:nth-child(3) {
    transform: translateY(0) rotate(-45deg);
    }

    .hamburger--on span{
        width: 25px;
    }


}

@media screen and (max-width:768px) {
    .footer-common-editor1-template1 .footer__logo a{
        display: flex;
        justify-content: center;
    }

    .footer-common-editor1-template1 .footer__logo img{
        max-width: 100px !important;
    }

}



@media screen and (max-width:600px) {
    .right-icon a img{
        width: auto !important;
        height: 24px !important;
        position: relative;
        object-fit: contain;
        margin-bottom: 3px;
    }

    .right-icon a{
        padding: 5px;
    }
}


/* 2026-08-25 新增 */
.header-template2 .topblock {
    display:none;
}