:root {
    --header-color-main: #315b7b;
    --header-color-main-o: rgba(255, 255, 255, 1);
    --header-color-hover: #4498bc;
    --header-color-white: #ffffff;
    --header-color-white-o: rgba(255, 255, 255, 1);
    --header-color-black: #ffffff;
    --header-color-black-o: rgba(255, 255, 255, 1);
    --header-color-tr: transparent;
    --height-nav-md: 80px !important;

}

html,
body {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif !important;

}

/* ------------------------------------------ */
/* pc選單背景色 */
.inpage_nav {
    background-color: #fff;
    border-bottom: 1px solid #c5c5c5;
}

/* 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: #315b7b
;
}

/* 子層字色 */
.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);
        border-bottom: 1px solid #c5c5c5;
    }

    /* 平板,手機下滑背景色 */
    .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);
}

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


.food01-template-03 .left span {
    font-size: 40px;
    bottom: 0.5em;    
    background: linear-gradient(to right, #beeafa, #3e6492);
    background-clip: text;
    color: transparent;
   

}

.food01-template-02 .text-holder h2 {
    font-size: 40px;
    text-shadow: 3px 5.196px 4.9px rgba(103, 103, 103, 0.44);
}


@media (min-width: 1780px) {
    .food01-template-02 .text-holder {
        padding: 10vh 10% 0 60%;
    }

    .food01-template-02 .text-holder p {
        font-size: 1.125em;
        padding-left: 10px;
    }
}

.food01-template-05__swiper,
.food01-template-03 .right .box .title,
.food01-template-03 .right .box .memo,
.food01-template-05__swiper .text, .memo {
    font-family: 'Microsoft JhengHei', 'Noto Sans TC', sans-serif !important;
}

.food01-template-05__swiper-slide .memo{
    color: #525252;
}