:root {
    --header-color-main: rgb(169, 130, 82);
    --header-color-main-o: rgba(169, 130, 82,);
    --header-color-hover: rgb(161, 160, 158);
    --header-color-white: #ffffff;
    --header-color-white-o: rgba(255, 255, 255);
    --header-color-black: #000000;
    --header-color-black-o: rgba(0, 0, 0 );
    --header-color-tr: transparent;
}

/* ------------------------------------------ */
/* pc選單背景色 */
.inpage_nav {
    background-color: black;
}

/* pc下滾選單背景色 */
.mini-header .inpage_nav {
    background-color: black;
color:white;
}
/* pc子層背景色 */
.nested_nav ul.dsk-open {
    background-color: var(--header-color-white);
}

/* 選單字色 */
.inpage_nav .main_nav .dropmenu,
.inpage_nav .main_nav .has_dropmenu>a,
.inpage_nav .main_nav>a {
    color: var(--header-color-main);
}

/* 子層字色 */
.nested_nav a {
    color: var(--header-color-main);
}

/* 選單展開icon */
.inpage_nav .has_dropmenu .more::before,
.inpage_nav .has_dropmenu .more.active:before {
    background-color: var(--header-color-main);
}


/* 搜尋,會員,購物車icon,購物車數字背景 */
.inpage-header .btn_search i,
.inpage-header .btn_cart i,
.inpage-header .btn_login i,
.inpage-header .btn_cart .shopnum {
    background-color: var(--header-color-main);
}

/* 搜尋,會員,購物車icon,購物車數字背景:hover */
.inpage-header .btn_search:hover i,
.inpage-header .btn_cart:hover i,
.inpage-header .btn_login:hover i,
.inpage-header .btn_cart:hover .shopnum {
    background-color: var(--header-color-hover);
}

/* 購物車數字色  */
.inpage-header .btn_cart .shopnum {
    color: var(--header-color-white);
}

/* 搜尋,會員,購物車icon 框線 */
.inpage-header .btn_cart,
.inpage-header .btn_login {
    border: 1.5px solid var(--header-color-main);
}

/* 搜尋,會員,購物車icon 框線:hover */
.inpage-header .btn_cart:hover,
.inpage-header .btn_login:hover {
    border-color: var(--header-color-hover);
}

/* 多語系select按鈕,底線 */
.inpage-header .top_block .lang .lang-toggle:before,
.lang .lang-toggle:before,
.inpage-header .top_block .lang .lang-toggle:after,
.lang .lang-toggle:after {
    background-color: var(--header-color-main);
    border-bottom: 3px solid var(--header-color-main);
}

/* 多語系select字 */
.inpage-header .top_block .lang .lang-toggle,
.lang .lang-toggle {
    color: var(--header-color-main);
}

/* 多語系menu背景,框線 */
.inpage-header .top_block .lang .lang-dropmenu,
.lang .lang-dropmenu {
    background-color: var(--header-color-black);
    border: 1px solid var(--header-color-main);
}

/* 多語系menu字 */
.inpage-header .top_block .lang .lang-dropmenu a,
.lang .lang-dropmenu a {
    color: var(--header-color-main);
}

/* 多語系menu底線 */
.inpage-header .top_block .lang .lang-dropmenu a:after,
.lang .lang-dropmenu a:after {
    border-bottom: 1px solid var(--header-color-main);
}

/* 頁首copyright字色 */
.inpage_nav .copyright {
    color: var(--header-color-main);
}

/* 全站搜尋彈窗關閉色 */
.inpage_lightbox .mid .close {
    background-color: var(--header-color-main);
}

/* 全站搜尋彈窗放大鏡色 */
.inpage_lightbox .mid .box form button div {
    background-color: var(--header-color-main);
}

/* 全站搜尋彈窗底線色 */
.inpage_lightbox .mid .box form input {
    border-color: var(--header-color-main);
}

@media (min-width: 1100px) {

    /* 選單底線色 */
    .inpage_nav .main_nav .dropmenu:after,
    .inpage_nav .main_nav .has_dropmenu>a:after,
    .inpage_nav .main_nav>a:after {
        background-color: var(--header-color-main);
    }

    /* 選單字色:hover */
    .inpage_nav .main_nav .dropmenu:hover,
    .inpage_nav .main_nav .dropmenu:active,
    .inpage_nav .main_nav .has_dropmenu>a:hover,
    .inpage_nav .main_nav .has_dropmenu>a:active,
    .inpage_nav .main_nav>a:hover,
    .inpage_nav .main_nav>a:active {
        color: var(--header-color-hover);
    }

    /* 子層字色:hover */
    .nested_nav a.active,
    .nested_nav a:hover {
        color: var(--header-color-hover);
    }

    /* 選單字底線色:hover */
    .dropmenu:hover .inpage_nav .main_nav .dropmenu:hover:after,
    .inpage_nav .main_nav .has_dropmenu>a:hover:after,
    .inpage_nav .main_nav>a:hover:after,
    .inpage_nav .dropmenu:hover .more:before {
        background-color: var(--header-color-hover);
    }


}

/* 手機平版 */
/* ------------------------------------------ */
@media (max-width: 1100px) {

    /* 平板,手機背景色 */
    .inpage-header {
        background-color: var(--header-color-black);
    }

    /* 平板,手機下滑背景色 */
    .mini-header .inpage-header {
        background-color: var(--header-color-black-o);
    }

    /* 平板,手機展開背景色 */
    .nav-open .inpage_nav {
        background-color: var(--header-color-black);
    }

    /* 漢堡選單 */
    .inpage-header .nav-toggle .hamburger span {
        background-color: var(--header-color-main);
    }

    /* 選單底線色 */
    .inpage_nav .main_nav>a:after,
    .inpage_nav .main_nav .dropmenu .has_dropmenu>a:after {
        border-bottom: 1px solid var(--header-color-main);
    }

    /* 子選單字底線 */
    .nested_nav .back,
    .nested_nav a {
        border-bottom: 1px solid var(--header-color-main);
        color: var(--header-color-main);
    }

    /*子選單icon */
    .nested_nav .back:before {
        background-color: var(--header-color-main);
    }

    /* 多語系框線 */
    .inpage-header .top_block .lang .lang-dropmenu,
    .lang .lang-dropmenu {
        border: 1px solid var(--header-color-main);
    }
}

/* ------------------------------------------ */
/* 購物車彈窗 */
/* -------------------------------------------------- */
/* 關閉字色 */
.cart_close span {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 結帳按鈕色 */
.shopBtn {
    background-color: var(--header-color-main);
    color: var(--header-color-white);
}

/* -------------------------------------------------- */
/* 登入彈窗 */
/* -------------------------------------------------- */
/* 登入,註冊按鈕色 */
#login_from .box .block .button_box .link_button {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 登入,註冊按鈕hover色 */
#login_from .box .block .button_box .link_button:hover {
    color: var(--header-color-white);
    background-color: var(--header-color-hover);
}

/* 彈窗叉叉色 */
.featherlight-close-icon {
    color: var(--header-color-white);
    background-color: var(--header-color-main);
}

/* 彈窗叉叉色:hover */
.featherlight-close-icon:hover {
    color: var(--header-color-white);
    background-color: var(--header-color-hover);
}

/* -------------------------------------------------- */
.inpage_nav .main_nav>a {
font-weight:900;
}
.mini-header .main_nav>a {
color:white;
}
.mini-header .main_nav .has_dropmenu>a {
color:white;
}