:root {
    --header-color-main: #222e1a;
    --header-color-main-o: #487b38;
    --header-color-hover: rgb(178, 199, 50);
    --header-color-white: #ffffff;
    --header-color-white-o: rgba(255, 255, 255, 0.9);
    --header-color-black: #000000;
    --header-color-black-o: rgba(0, 0, 0, 0.3);
    --header-color-tr: transparent;
}

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

/* pc下滾選單背景色 */
.mini-header .inpage_nav {
    background-color: var(--header-color-white-o);
}

/* pc子層背景色 */
.nested_nav ul.dsk-open {
    background-color: var(--header-color-white-o);
}

/* 選單字色 */
.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);
}

/* -------------------------------------------------- */




/***********************/
.num-count-animate {
    color: #fff !important;
}

.name-area h6.name {
    color: #d8555e !important;
    font-size: 1.5rem !important;
    letter-spacing: 1px;


}

.name-area span.sub_title {
    color: #333 !important;
    font-size: 1.1rem !important;
}


.rest01-template-11 .text-wrap .title {
    text-shadow: 1px 2px 5px #66626f !important;
}

.rest01-template-03 .text {
    font-size: 1.3rem;
}


.rest01-template-05 .more span {
    font-size: 1.1rem !important;
}


@media (min-width: 740px) {
    .rest01-template-05 .sec-title {
        font-size: 40px !important;
        font-weight: 600 !important;
        color: #3d553c !important;
    }
}

@media (min-width: 1800px) {
    .rest01-template-08 .title-area .title {
        font-size: 60px !important;
    }
}


@media (min-width: 1100px) {
    .main_nav>a {
        font-size: clamp(18px, 1.1vw, 22px) !important;
    }
}

@media (max-width: 1100px) {
    .inpage-header {
        background-color: #ffffff !important;
    }

    .nav-open .inpage_nav {
        background-color: #ffffff !important;
    }

    .inpage-header a.logo img {
        max-width:max-content!important;
    }
}

/* pc選單色 */
/* .mini-header .main_nav>a {
    color: #487b38 !important;
} */


.contain_footer .copyright {
    background: #528f21 !important;
    color: #fff !important;
}

.contain_footer .copyright .rules .link-copyright,
.contain_footer .copyright p {
    color: #fff !important;

}

.contain_footer .bottom .item .title {
    letter-spacing: 2px !important;
    color: #517237 !important;
}

.contain_footer .bottom .item p {
    color: #666 !important;
}


.contain_footer .bottom .scroll_top p {
    color: #8aa255!important;;
}