@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/

/*首頁 BANNER*/
.bannerindex{
    position:relative;
    height:auto;
    padding:0;
    margin:0;
    overflow:hidden;
}

.swiper-banner{
    position:static;
    height:auto;
    margin:0;
}

.bannerindex .swiper-slide{
    position:relative;
    overflow:hidden;
}

/*SLOGAN 共用設定*/
.bannerindex .swiper-slide.swiper-slide-active::before{
    content:"";
    position:absolute;
    z-index:999;
    pointer-events:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    transform-origin:center;
    animation:slogan-soft-in 3.2s cubic-bezier(.22,.61,.36,1) both;
}

/*SLOGAN01*/
.bannerindex .swiper-slide.swiper-slide-active:nth-child(1)::before{
    background-image:url("https://pic03.eapple.com.tw/endeetiquette2026/SLOGAN01.png");
}

/*SLOGAN02*/
.bannerindex .swiper-slide.swiper-slide-active:nth-child(2)::before{
    background-image:url("https://pic03.eapple.com.tw/endeetiquette2026/SLOGAN02.png");
}

/*SLOGAN柔和浮現*/
@keyframes slogan-soft-in{
    0%{
        opacity:0;
        transform:translateY(18px);
        filter:blur(10px) brightness(.85);
    }

    25%{
        opacity:.18;
        transform:translateY(13px);
        filter:blur(7px) brightness(.9);
    }

    50%{
        opacity:.55;
        transform:translateY(7px);
        filter:blur(3px) brightness(1);
    }

    75%{
        opacity:.88;
        transform:translateY(2px);
        filter:blur(1px) brightness(1.06) drop-shadow(0 0 8px rgba(224,194,142,.12));
    }

    100%{
        opacity:1;
        transform:translateY(0);
        filter:blur(0) brightness(1) drop-shadow(0 0 5px rgba(224,194,142,.08));
    }
}

/*花朵圖片*/
.bannerindex .swiper-slide::after{
    content:"";
    position:absolute;
    z-index:998;
    top:50%;
    left:50%;
    width:120%;
    height:100%;
    pointer-events:none;
    background-image:url("https://pic03.eapple.com.tw/endeetiquette2026/img01.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    opacity:0;
    transform:translate(-50%,-50%) translate(100px,-80px) rotate(-3deg);
    animation:flower-drift 12s ease-in-out infinite;
}

/*花朵自然飄落動畫*/
@keyframes flower-drift{
    0%{
        transform:translate(-50%,-50%) translate(100px,-80px) rotate(-3deg);
        opacity:0;
    }
    15%{
        opacity:.35;
    }
    35%{
        transform:translate(-50%,-50%) translate(40px,20px) rotate(1deg);
        opacity:.7;
    }
    55%{
        transform:translate(-50%,-50%) translate(-20px,100px) rotate(-2deg);
        opacity:1;
    }
    75%{
        transform:translate(-50%,-50%) translate(-90px,180px) rotate(2deg);
        opacity:.8;
    }
    100%{
        transform:translate(-50%,-50%) translate(-180px,300px) rotate(-2deg);
        opacity:0;
    }
}
/*輪播按鈕*/
.swiper-pagination{position:absolute;display:flex;gap:0;z-index:10;height:auto;padding-bottom:10px;flex-direction:row;justify-content:center;transition:.3s opacity;transform:translate3d(0,0,0);align-items:flex-end;}
.swiper-pagination-bullet{width:40px;height:2px;border-radius:0;background:#ffffff87;opacity:1;transition:all .3s ease;}
.swiper-pagination-bullet-active{width:20px;height:2px;border-radius:0;background:#ffffff4a;opacity:1;transition:all .3s ease;}

/*網站共用色票*/
:root{
    --cream:#F8F5EC;
    --warm-gray:#D9D4CC;
    --brown:#8B6F56;
    --black:#2E2B26;
    --gold:#C9B37E;
}

/*主要頁面背景*/
body{
    color:#2E2B26;
    background:#F8F5EC;
}

/*主要內容區*/
#content_main{
    background: #575046;
}


/*HEADER 初始隱藏*/
.header_area{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    padding:0;
    background:rgba(248,245,236,0);
    border-bottom:1px solid transparent;
    box-shadow:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(-100%);
    transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .7s ease,visibility .7s ease,background .8s ease,border-color .8s ease,box-shadow .8s ease;
}

/*HEADER 下滑顯示*/
.header_area.sticky{
    background: rgb(219 210 192 / 74%);
    border-bottom: 1px solid rgb(199 173 111);
    box-shadow:0 8px 30px rgba(46,43,38,.06);
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/*HEADER容器*/
.main_header_area .container{
    width:calc(100% - 80px);
    max-width:1600px;
    margin:0 auto;
    padding:0;
    box-sizing:border-box;
}

/*HEADER排列*/
.navigation{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:14px 0;
    transition:padding .6s ease;
}

/*LOGO區域*/
.nav-header{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 150px;
    width:150px;
}

/*LOGO*/
.nav-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:0;
}

/*LOGO圖片*/
.nav-brand img{
    display:block;
    width:90px;
    max-width:100%;
    height:auto;
    object-fit:contain;
    opacity:1;
    transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1);
}

/*LOGO滑過*/
.nav-brand:hover img{
    transform:scale(1.03);
}

/*選單區域*/
.stellarnav{
    position:relative;
    z-index:2;
    width:auto;
    margin-left:auto;
    line-height:normal;
}

/*主選單*/
.stellarnav > ul{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:auto;
    margin:0;
    padding:0;
}

/*主選單項目*/
.stellarnav > ul > li{
    position:relative;
    display:inline-flex;
    align-items:center;
    margin:0;
    padding:0;
}

/*主選單文字*/
.stellarnav > ul > li > a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:100px;
    height:auto;
    margin:0;
    padding:12px 18px;
    overflow:visible;
    border-radius:30px;
    color:#2E2B26;
    background:transparent;
    font-family:"Noto Serif TC",serif;
    font-size:15px;
    font-weight:400;
    line-height:1.5;
    letter-spacing:2px;
    text-align:center;
    transition:color .45s ease,background .45s ease,transform .45s ease;
}

/*取消原本選單翻轉*/
.stellarnav > ul > li > a b{
    display:inline;
    height:auto;
    line-height:inherit;
    font-weight:400;
    transform:none;
    transition:none;
}

/*取消原本選單翻轉滑過*/
.stellarnav > ul > li > a:hover b{
    transform:none;
}


/*主選單滑過底線*/
.stellarnav > ul > li > a::before{
    content:"";
    position:absolute;
    bottom:5px;
    left:50%;
    width:0;
    height:1px;
    background:#C9B37E;
    transform:translateX(-50%);
    transition:width .45s cubic-bezier(.22,1,.36,1);
}

/*主選單滑過底線展開*/
.stellarnav > ul > li > a:hover::before{
    width:28px;
}

/*有下拉選單*/
.stellarnav > ul > li.has-sub > a{
    padding-right:34px;
}

/*主選單下拉箭頭*/
.stellarnav > ul > li.has-sub > a::after{
    content:"";
    position:absolute;
    top:48%;
    right:15px;
    width:6px;
    height:6px;
    margin:0;
    border:0;
    border-right:1px solid #8B6F56;
    border-bottom:1px solid #8B6F56;
    transform:translateY(-60%) rotate(45deg);
    transition:transform .4s ease,border-color .4s ease;
}

/*主選單下拉箭頭滑過*/
.stellarnav > ul > li.has-sub:hover > a::after{
    border-color:#C9B37E;
    transform:translateY(-30%) rotate(225deg);
}

/*下拉選單*/
.stellarnav ul ul{
    position:absolute;
    top:100%;
    z-index:9900;
    width:190px;
    margin-top: 8px;
    /* padding: 5px; */
    border:1px solid rgba(201,179,126,.22);
    border-radius:0;
    background: rgb(248 245 236 / 85%);
    box-shadow:0 15px 35px rgba(46,43,38,.08);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/*桌機版下拉動畫*/
@media screen and (min-width:769px){
    .stellarnav.desktop > ul > li > ul{
        display:block;
        visibility:hidden;
        opacity:0;
        pointer-events:none;
        transform:translateY(-10px);
        transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;
    }

    .stellarnav.desktop > ul > li:hover > ul{
        visibility:visible;
        opacity:1;
        pointer-events:auto;
        transform:translateY(0);
        transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s;
    }

    /*補足主選單與下拉選單之間的空隙，避免閃爍*/
    .stellarnav.desktop > ul > li > ul::before{
        content:"";
        position:absolute;
        top:-12px;
        left:0;
        width:100%;
        height:12px;
    }

    /*第三層選單預設*/
    .stellarnav.desktop ul ul ul{
        display:block;
        visibility:hidden;
        opacity:0;
        pointer-events:none;
        transform:translateX(-8px);
        transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;
    }

    /*第三層選單展開*/
    .stellarnav.desktop ul ul li:hover > ul{
        visibility:visible;
        opacity:1;
        pointer-events:auto;
        transform:translateX(0);
        transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s;
    }
}

/*下拉選單項目*/
.stellarnav li li{
    position:relative;
    display:block;
    margin:0;
    border:0;
}

/*下拉選單文字*/
.stellarnav li li a{
    position:relative;
    display:block;
    padding:11px 30px 11px 16px;
    border:0;
    border-radius:0;
    color:#2E2B26;
    background:transparent;
    font-family:"Noto Serif TC",serif;
    font-size:14px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:1px;
    text-align:left;
    transition:color .35s ease,background .35s ease,padding .35s ease;
}
.stellarnav li li.has-sub > a {
    padding: 10px 15px 10px 16px;
    position: relative;
}
/*下拉選單滑過*/
.stellarnav li li:hover > a{
    padding-left:21px;
    color:#F8F5EC;
    background: #917760ed;
}

/*下拉次層箭頭*/
.stellarnav li li.has-sub > a::after{
    content:"";
    position:absolute;
    top:50%;
    right:13px;
    width:6px;
    height:6px;
    margin:0;
    border:0;
    border-top:1px solid #8B6F56;
    border-right:1px solid #8B6F56;
    transform:translateY(-50%) rotate(45deg);
    transition:border-color .35s ease,transform .35s ease;
}

/*下拉次層箭頭滑過*/
.stellarnav li li.has-sub:hover > a::after{
    border-color:#F8F5EC;
    transform:translateY(-50%) translateX(2px) rotate(45deg);
}

/*第三層選單*/
.stellarnav ul ul ul{
    top: 0;
    left:100%;
    margin-top:0;
}

/*第三層向左展開*/
.stellarnav > ul > li.drop-left ul ul{
    right:100%;
    left:auto;
}

/*桌機版下拉動畫*/
@media screen and (min-width:769px){

    /*第一層下拉*/
    .stellarnav.desktop > ul > li > ul{
        display:block;
        visibility:hidden;
        opacity:0;
        pointer-events:none;
        transform:translateY(-8px);
        transition:
            opacity .25s ease,
            transform .35s cubic-bezier(.22,1,.36,1),
            visibility 0s linear .2s;
    }

    .stellarnav.desktop > ul > li:hover > ul{
        visibility:visible;
        opacity:1;
        pointer-events:auto;
        transform:translateY(0);
        transition:
            opacity .25s ease,
            transform .35s cubic-bezier(.22,1,.36,1),
            visibility 0s;
    }

    /*補主選單與第一層下拉之間的空隙*/
    .stellarnav.desktop > ul > li > ul::before{
        content:"";
        position:absolute;
        top:-12px;
        left:0;
        width:100%;
        height:12px;
    }

    /*第三層預設*/
    .stellarnav.desktop ul ul ul{
        display:block;
        visibility:hidden;
        opacity:0;
        pointer-events:none;
        transform:translateX(-6px);
        transition:
            opacity .22s ease,
            transform .3s cubic-bezier(.22,1,.36,1),
            visibility 0s linear .18s;
    }

    /*滑到第二層項目時顯示第三層*/
    .stellarnav.desktop ul ul li:hover > ul{
        visibility:visible;
        opacity:1;
        pointer-events:auto;
        transform:translateX(0);
        transition:
            opacity .22s ease,
            transform .3s cubic-bezier(.22,1,.36,1),
            visibility 0s;
    }

    /*向左展開時動畫方向*/
    .stellarnav.desktop > ul > li.drop-left ul ul{
        transform:translateX(6px);
    }

    .stellarnav.desktop > ul > li.drop-left ul li:hover > ul{
        transform:translateX(0);
    }
}

/*隱藏功能列*/
.me_tp_features{
    display:none;
}
/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); left: 0; width: 100%; position: fixed; padding: 20px;}
.stellarnav.desktop li.bigMenu ul ul{top: 100%; left: 0; width: 100%; background: #efefef; height: auto; max-height: 300px; overflow: auto;}
.stellarnav.desktop li.bigMenu ul ul li{margin: 0;} 
.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{border-left: 6px solid transparent; border-bottom:unset; border-right: 6px solid transparent; border-top: 6px solid #898989; right: 5px;}
/* 主分類超過30個但次分類直接顯示 
.stellarnav.desktop li.bigMenu>ul{grid-gap: 10px;}
.stellarnav.desktop li.bigMenu li{border: 0;}
.stellarnav.desktop li.bigMenu>ul>li>a{border: 1px solid #ddd;}
.stellarnav.desktop li.bigMenu ul ul{display: block !important; position: relative; top: 0; background: unset; border: 0;}
.stellarnav.desktop li.bigMenu ul ul li{border: 0;}
 主分類超過30個但次分類直接顯示-結束 */

/* 商品下拉超過30個--結束 */

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part { max-width:1500px;}
/* .product_info_page .main_part { max-width:1200px;} */

.product_page .show_content,
.product_info_page .show_content { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-content: flex-start;}
.product_page .product_menu_list { position: relative; letter-spacing: 1px; /*border-right: 1px solid #ccc;*/min-height: 30vw;}
ul.page { width: 100%;}

.product-layer-two li ul { position:static; margin-top:5px; /*display:block !important;*/ width:100%; margin-left:0;}
.product-layer-two li:hover ul { border: none !important; /*display:block !important;*/}
.product-layer-two li li { display: block; padding:0; transition:all ease .3s;}
.product-layer-two li li a{ padding:5px 10px;}
.product-layer-two li li:hover > a { background:#fff; color:#ad925e;}
.product-layer-two > li { width:100%; max-width:100%; padding:0; text-align:left; border-bottom:1px dotted #ccc; padding-bottom: 5px;}
.product-layer-two > li ul > li + li { margin-top:5px;}

.product_info_page .product_menu_list { display: none;}
.product_info_page .products-list,
.product-wrapper { width: 100%;}

.product-layer-two li li:hover{ margin-left: 15px;}
.product-layer-two li li > a:before { content: ""; position: absolute; width: 12px; height: 8px; background: transparent; left: 0; margin-left: -20px; top: 50%; margin-top: -4px; clip-path: polygon(0 0, 100% 50% , 0 100%);}
.product-layer-two li li:hover > a:before { background:#ad925e;}

.product_info_page .half_box { width: 100%; float: none; padding-right: 0;}
.product_info_page .half_box li.btn_blankTop { margin-top: 50px; justify-content: space-between; display: flex;}
.product_info_page .half_box li.btn_blankTop input { width: calc(50% - 10px); background-image: none; padding: 0; text-align: center;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.product_menu_list,
.products-list,
.product-wrapper { width: 100%;}
.product-layer-two { margin-right: 0; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-gap: 5px;}
.product_page .product-layer-two,
.product_page .products-list { width: 100%; border-right: none;}
.product_page .product_menu_list>h5{display: block;}

.product_page .show_content > a { order: 1;}
.product_page ul.products-list { order: 2;}
.product_page ul.page { order: 3;}
.product_page .product_menu_list {width: 100%; order: 0; min-height: unset;}
}
@media screen and (max-width: 600px) {
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner {
    background-image: url("https://pic03.eapple.com.tw/endeetiquette2026/BANNER03.jpg");
    background-position: center;
}
.banner h1, .banner h2, .banner h3, .banner h5 {
    font-size: inherit;
    font-family: Noto Serif TC;
    letter-spacing: 3px;
    text-shadow: 1px 1px 7px #4f2703;
    margin: 0;
}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*---- 禮儀方案 ----*/
/* dropdown page */
.promotion_title {}

/*標籤文字*/
.promotion_title * {
  display: inline-block;
  vertical-align: bottom;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #D8D0C3;
}

/*標籤*/
.promotion_title em {
  border: 1px rgba(232,225,213,.35) dashed;
  padding: 2px 7px;
  margin: 0 .5em 2px 0;
  color: #D8D0C3;
}

/*標籤*/
.promotion_title span {
  border: 1px rgba(232,225,213,.35) dashed;
  padding: 2px 7px;
  margin: 0 2px 2px 0;
  color: #D8D0C3;
}

/*頁面主標題*/
.promotion_title h2,
.promotion_title h1 {
  width: 100%;
  font-size: 24px;
  color: #F3EFE6;
  margin: 0;
  line-height: 1.6;
}

/*其他文章列表*/
.other_promotion {
  list-style: none;
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 15px;
}

/*列表文字*/
.other_promotion li {
  font-size: 13px;
  line-height: 20px;
  color: #D8D0C3;
  display: block;
  margin: 0;
}

/*列表連結*/
.other_promotion li a {
  display: block;
  border: 1px rgba(232,225,213,.18) dashed;
  padding: 10px;
  margin: 0;
  position: relative;
  height: 100%;
  color: #D8D0C3;
  transition:
    border-color .4s ease,
    background .4s ease;
}

/*左上裝飾線*/
.other_promotion li a:before {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  width: 15px;
  height: 15px;
  border: 1px #A89772 solid;
  border-bottom: none;
  border-right: none;
  transition: all .5s;
}

/*右下裝飾線*/
.other_promotion li a:after {
  content: '';
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 2;
  width: 15px;
  height: 15px;
  border: 1px #A89772 solid;
  border-top: none;
  border-left: none;
  transition: all .5s;
}

.other_promotion .pmtTime {}

.other_promotion .pmtTime:after {
  content: '';
  clear: both;
  display: block;
}

/*日期*/
.other_promotion .pmtTime cite {
  float: left;
  font-size: 17px;
  font-style: normal;
  color: #F3EFE6;
}

/*日期附加文字*/
.other_promotion .pmtTime span {
  float: right;
  font-size: 13px;
  color: #A9A195;
}

/*文章標題*/
.other_promotion .pmtTitle h3 {
  font-size: 16px;
  color: #F3EFE6;
  margin: 10px 0 0 0;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: normal;
}

/*滑過效果*/
.other_promotion li a:hover {
  background: rgba(232,225,213,.04);
  border-color: rgba(168,151,114,.45);
}

/*滑過裝飾線延伸*/
.other_promotion li a:hover:before,
.other_promotion li a:hover:after {
  width: 30px;
  height: 30px;
}
/*---- 友善連結 ----*/
/*BLOG 左側標題*/
h5.blog_le_t,
h2.blog_le_t {
  position: relative;
  margin-bottom: 7px;
  color: #F3EFE6;
  font-family: serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 2px;
}

/*BLOG 標題主要文字*/
h5.blog_le_t em,
h2.blog_le_t em {
  display: inline-block;
  color: #F3EFE6;
  font-style: normal;
}

/*BLOG 標題次要文字*/
h5.blog_le_t span,
h2.blog_le_t span {
  display: inline-block;
  color: #A9A195;
}

/*BLOG 選單切換按鈕*/
.blog_le a.news_menu_toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  color: #A89772;
}

/*---- 會場塔位 ----*/
/*相簿頁主要文字*/
.subalbum-menu,
.other_album,
.pic-list,
.show-list{
    color:#E8E1D5;
}

/*相簿分類標題*/
.subalbum-menu h1,
.subalbum-menu h2{
    color:#F3EFE6;
}

/*標題裝飾*/
.subalbum-menu .block,
.block{
    background:#A89772;
}

/*相簿名稱*/
.album_name{
    color:#F3EFE6;
}

/*相簿說明*/
.album_descrip{
    color:#D8D0C3;
}

/*子相簿卡片*/
.other_subalbum li{
    color:#E8E1D5;
    background:transparent;
}

/*子相簿連結*/
.other_subalbum li a{
    color:#E8E1D5;
}

/*子相簿文字*/
.other_subalbum li a p{
    color:#E8E1D5;
}

/*觀看更多標題*/
.album_fixed_title{
    color:#D8D0C3;
    background:transparent;
}

/*觀看更多 icon*/
.album_fixed_title i{
    color:#A89772;
}

/*觀看更多文字*/
.album_fixed_title em,
.album_fixed_title span{
    color:#D8D0C3;
}

/*其他相簿分類按鈕*/
.other_album_choice li{
    background:#756556;
    border:1px solid rgba(168,151,114,.25);
}

/*其他相簿分類文字*/
.other_album_choice li a{
    color:#F3EFE6;
}

/*分類按鈕滑過*/
.other_album_choice li:hover{
    background:#A89772;
}

/*分類按鈕滑過文字*/
.other_album_choice li:hover a{
    color:#24231F;
}

/*相簿圖片列表*/
.pic-list .item{
    color:#E8E1D5;
}

/*相簿圖片連結*/
.pic-list .item a{
    color:#E8E1D5;
}

/*圖片下方標題*/
.pic-list .item h6{
    color:#F3EFE6;
}

/*作品列表*/
.show-list .item{
    color:#E8E1D5;
}

/*作品連結*/
.show-list .item a{
    color:#E8E1D5;
}

/*作品名稱*/
.show-list .show_name{
    color:#F3EFE6;
}

/*圖片遮罩*/
.overlay{
    background:rgba(28,27,24,.38);
}

/*滑過作品｜侘寂質感效果*/
.show-list .item{
    position:relative;
    overflow:hidden;
}

/*遮罩預設*/
.show-list .item .overlay{
    opacity:0;
    background:rgba(28,27,24,.12);
    transform:none;
    -webkit-transform:none;
    transition:
        opacity .6s cubic-bezier(.22,1,.36,1),
        background .6s ease;
}

/*細緻內框*/
.show-list .item .overlay::after{
    content:"";
    position:absolute;
    top:14px;
    right:14px;
    bottom:14px;
    left:14px;
    border:1px solid rgba(185,170,136,0);
    opacity:0;
    transform:scale(.96);
    transition:
        opacity .6s ease,
        transform .7s cubic-bezier(.22,1,.36,1),
        border-color .6s ease;
}

/*作品名稱*/
.show-list .show_name{
    color:#F3EFE6;
    transition:
        color .45s ease,
        transform .6s cubic-bezier(.22,1,.36,1),
        letter-spacing .6s ease;
}


@media (hover:hover) and (pointer:fine){

    .show-list .item:hover .overlay{
        opacity:1;
        background:rgba(28,27,24,.34);
        transform:none;
        -webkit-transform:none;
    }

    .show-list .item:hover .overlay::after{
        opacity:1;
        border-color:rgba(185,170,136,.48);
        transform:scale(1);
    }

    .show-list .item:hover .show_name{
        color:#F3EFE6;
        transform:translateY(-3px);
        letter-spacing:1.5px;
    }
}

/*相簿頁內一般文字*/
.subalbum-menu p,
.other_album p,
.pic-list p,
.show-list p{
    color:#D8D0C3;
}

/*相簿頁內標題*/
.subalbum-menu h3,
.subalbum-menu h4,
.subalbum-menu h5,
.subalbum-menu h6,
.other_album h1,
.other_album h2,
.other_album h3,
.other_album h4,
.other_album h5,
.other_album h6{
    color:#F3EFE6;
}

/*相簿頁內一般連結*/
.subalbum-menu a,
.other_album a,
.pic-list a,
.show-list a{
    color:#E8E1D5;
}

/*相簿頁內次要文字*/
.subalbum-menu span,
.subalbum-menu em{
    color:#D8D0C3;
}
/*---- 禮儀知識 ----*/
.blog_box {
  min-height: 20vw;
  padding: 7px;
  color: #E8E1D5;
}
.blog_le,
.blog_ri {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2vw;
  padding: 0;
  color: #E8E1D5;
}
.blog_le {
  width: 220px;
}
.blog_ri {
  width: calc(100% - 240px);
  padding: 0 0 0 20px;
  min-height: 75vh;
  --titleFont: min(1.875em, 7.5vw);
  color: #E8E1D5;
}
h5.blog_le_t,
h2.blog_le_t {
  position: relative;
  margin-bottom: 12px;
  color: #F3EFE6;
  font-family: serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 2px;
}
h5.blog_le_t em,
h2.blog_le_t em {
  display: inline-block;
  color: #F3EFE6;
  font-style: normal;
}
h5.blog_le_t span,
h2.blog_le_t span {
  display: inline-block;
  color: #D8D0C3;
}
.blog_le a.news_menu_toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  color: #A89772;
}
a.news_menu_toggle i {
  width: 1.5em;
  color: #A89772;
  text-align: center;
}
.openNext a.news_menu_toggle i::before {
  content: '\f0d8';
}
.blog_le .accordion {
  overflow: hidden;
  margin: auto;
  list-style-type: none;
  border: 1px solid rgba(168,151,114,.28);
  border-radius: 12px;
  background: rgba(232,225,213,.025);
}
.accordion li .link {
  position: relative;
}
.accordion li + li .link {
  border-top: 1px solid rgba(232,225,213,.10);
}
.accordion li .link a {
  position: relative;
  display: block;
  padding: 15px 45px 15px 14px;
  color: #E8E1D5;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .5px;
  cursor: pointer;
  transition: color .4s ease, background .4s ease, padding-left .4s ease;
}
.blog_le .accordion li .link i {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 45px;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #A89772;
  font-size: 14px;
  cursor: pointer;
  transition: color .4s ease, transform .4s ease;
}
.blog_le .accordion li.openSub .link,
.blog_le .accordion li.openSub .link a {
  color: #F3EFE6;
}
.blog_le .accordion li.openSub .link i {
  color: #B9AA88;
}
.blog_le .accordion li.openSub i.fa-chevron-down::before {
  content: '\f077';
}
.blog_le .accordion li.default .submenu {
  display: block;
}
.blog_le .accordion>li.on_this_category {
  background: #b9aa88a8!important;
}
.blog_le .accordion > li.on_this_category .link,
.blog_le .accordion > li.on_this_category .link a {
  color: #F3EFE6;
}
.blog_le .accordion > li.on_this_category .link i {
  color: #B9AA88;
}
.blog_ri,
.blog_ri p,
.blog_ri li,
.blog_ri div,
.blog_ri article,
.blog_ri section {
  color: #E8E1D5;
}
.subbox_item a:after {
    background: rgb(255 255 255 / 25%);
    opacity: 0;
}
.article-toc-container {
    background: #fffef729;
    padding: 20px;
    border: 0;
    margin: min(2em, 8vw) 0 0;
    border-radius: 0;
}
.blog_back a.article_btn_prev {
  background: #504c43;
  color: #F3EFE6;
}
.news_related {
    background: #4e4b45;
    padding: 25px 15px;
}
.news_related h6 span:before {
    content: '相關文章';
    font-size: 24px;
    font-family: Noto Serif TC;
    color: #F3EFE6;
}
.lastPage {
    font-size: 16px;
    color: #fff;
    background: #ADA17E;
    padding: 10px 20px;
    display: block;
    margin: 40px auto;
    width: 130px;
    text-align: center;
}
.blog_back a.article_btn_back {
  background: #A89772;
  color: #F3EFE6;
}
.blog_back a.article_btn_next {
  background: #504c43;
  color: #F3EFE6;
}
@media (hover:hover) and (pointer:fine) {
  .blog_back a.article_btn_prev:hover,
  .blog_back a.article_btn_next:hover {
    background: #a897728f;
    color: #F3EFE6;
  }
  .blog_back a.article_btn_back:hover {
    background: #bbae89;
  }
}
.blog_ri h1,
.blog_ri h2,
.blog_ri h3,
.blog_ri h4,
.blog_ri h5,
.blog_ri h6 {
  color: #F3EFE6;
}
.blog_ri a {
  color: #E8E1D5;
  transition: color .35s ease;
}
.blog_ri span,
.blog_ri em,
.blog_ri time,
.blog_ri small {
  color: #D8D0C3;
}
.blog_ri strong,
.blog_ri b {
  color: #F3EFE6;
}
.blog_ri hr {
  border: 0;
  border-top: 1px solid rgba(232,225,213,.15);
}
@media (hover:hover) and (pointer:fine) {
      .blog_le .accordion > li:hover {
        background: rgba(117,101,86,.32);
      }
      .blog_le .accordion > li:hover .link a {
        background: #F3EFE6;
        padding-left: 19px;
      }
      .blog_le .accordion > li:hover .link i {
        color: #B9AA88;
      }
      .blog_ri a:hover {
        color: #B9AA88;
      }
      .blog_le .accordion>li:hover .link a {
        color: #2e2b26 !important;
    }
}
.submenu {
  display: none;
  background: rgba(36,35,31,.55);
  border-top: 1px solid rgba(168,151,114,.18);
  font-size: 14px;
}
.submenu li {
  background: transparent;
}
.submenu li + li {
  border-top: 1px solid rgba(232,225,213,.08);
}
.submenu a {
  display: block;
  position: relative;
  color: #D8D0C3;
  padding: 13px 14px 13px 30px;
  letter-spacing: 1.5px;
  line-height: 1.4;
  word-break: break-all;
  transition: color .4s ease, background .4s ease, padding-left .4s cubic-bezier(.22,1,.36,1);
}
.submenu a i {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  color: #A89772;
  font-size: 12px;
  opacity: .75;
  transform: translateY(-50%);
  transition: color .4s ease, opacity .4s ease, left .4s cubic-bezier(.22,1,.36,1);
}
.submenu li.on_this_category a {
  background: rgba(117,101,86,.48);
  color: #F3EFE6;
}
.submenu li.on_this_category a i {
  color: #B9AA88;
  opacity: 1;
}
@media (hover:hover) and (pointer:fine) {
  .submenu a:hover {
    background: rgba(117,101,86,.28);
    color: #F3EFE6;
    padding-left: 34px;
  }
  .submenu a:hover i {
    left: 14px;
    color: #B9AA88;
    opacity: 1;
  }
}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*FOOTER*/
.footer{
    position:relative;
    padding:55px 0 35px;
    overflow:hidden;
    color:#2E2B26;
    background: #81786a;
    border-top:1px solid rgba(201,179,126,.35);
}

/*FOOTER柔和光影*/
.footer::before{
    content:"";
    position:absolute;
    top:-150px;
    left:50%;
    width:70%;
    height:280px;
    pointer-events:none;
    background:radial-gradient(ellipse,rgba(201,179,126,.12) 0%,rgba(201,179,126,0) 70%);
    transform:translateX(-50%);
}

/*FOOTER內容*/
.footer > *{
    position:relative;
    z-index:1;
}
.copy {
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    color: #999;
    border-top: 1px #84765b solid;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
/*FOOTER LOGO*/
.footer_logo{
    display:inline-block;
    vertical-align:top;
    width:100%;
    max-width:240px;
    margin:0 0 25px;
}

/*FOOTER LOGO圖片*/
.footer_logo img{
    display:block;
    max-width:100%;
    height:auto;
    opacity:.92;
}

/*FOOTER資訊*/
.footer_info ul{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

/*FOOTER資訊項目*/
.footer_info li{
    display:block;
    padding:5px 0;
}

/*FOOTER資訊文字*/
.footer_info li p{
    margin:0;
    color:rgba(46,43,38,.76);
    font-size:14px;
    font-weight:300;
    line-height:1.9;
    letter-spacing:1px;
}

/*FOOTER資訊標題*/
.footer_info li p::before{
    margin:0 7px 0 0;
    color: #c7c4bc;
    font-weight:400;
}

/*LINE*/
.footer_info li p.line::before{
    content:"Line ID：";
}

/*電話*/
.footer_info li p.tel::before{
    content:"電話：";
}

/*電話02*/
.footer_info li p.tel2::before{
    content:"電話：";
}

/*手機*/
.footer_info li p.phone::before{
    content:"手機：";
}

/*傳真*/
.footer_info li p.fax::before{
    content:"傳真：";
}

/*統編*/
.footer_info li p.taxid::before{
    content:"統編：";
}

/*信箱*/
.footer_info li p.mail::before{
    content:"信箱：";
}

/*地址*/
.footer_info li p.add::before{
    content:"地址：";
}

/*地址02*/
.footer_info li p.add2::before{
    content:"地址：";
}

/*特殊編號*/
.footer_info li p.specID::before{
    content:"特殊編號：";
}

/*營業時間*/
.footer_info li p.openTime::before{
    content:"營業時間：";
}

/*FOOTER連結*/
.footer a{
    color: #c7c4bc;
    text-decoration:none;
    transition:color .4s ease;
}

/*FOOTER連結滑過*/
.footer p a:hover,
.footer li a:hover{
    color: #f0e1c9;
}

/*FOOTER選單*/
.footer_menu{
    width:100%;
    margin-top:22px;
    padding-top:20px;
    border-top: 1px solid rgb(204 174 123);
}

/*FOOTER選單按鈕*/
.footer_menu a{
    position:relative;
    display:inline-block;
    margin:0 8px 8px 0;
    padding:8px 14px;
    border: 1px solid rgb(209 175 117);
    border-radius:2px;
    color: #d4b680;
    background: rgb(99 97 90 / 0%);
    font-size:13px;
    font-weight:300;
    line-height:1.2;
    letter-spacing:1px;
    transition:color .4s ease,background .4s ease,border-color .4s ease,transform .4s ease;
}
.footer_menu a:first-child{
    display:none;
}
/*FOOTER選單按鈕滑過*/
.footer_menu a:hover{
    color:#F8F5EC;
    background: #ccae7b69;
    border-color: #ccae7b;
    box-shadow:none;
    transform:translateY(-2px);
}

/*FOOTER社群區域*/
.box_link{
    position:absolute;
    top:0;
    right:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:110px;
    max-height:100%;
}

/*FOOTER社群按鈕*/
.box_link a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin: 6px;
    padding:0;
    box-sizing:border-box;
    border: 1px solid rgb(204 174 123);
    border-radius:50%;
    color: #ccae7b;
    background: rgb(255 255 255 / 0%);
    font-size:18px;
    text-align:center;
    transition:color .4s ease,background .4s ease,border-color .4s ease,transform .4s ease;
}

/*FOOTER社群按鈕滑過*/
.box_link a:hover{
    color:#F8F5EC;
    background: #ccae7b;
    border-color: #ccae7b;
    transform:translateY(-2px);
}

/*FOOTER分隔線*/
.footer hr{
    height:1px;
    margin:30px 0;
    border:0;
    background:linear-gradient(90deg,transparent,rgba(139,111,86,.20),transparent);
}

/*手機*/
@media screen and (max-width:768px){
    /*開啟手機板下方按鈕所需設定*/
    #bottom_menu{}

    /*FOOTER*/
    .footer{
        padding:40px 20px 30px;
    }

    /*購物模式FOOTER*/
    .footer.with_shopping_mode{
        padding:40px 20px 90px;
    }

    /*FOOTER LOGO*/
    .footer_logo{
        max-width:190px;
        margin-bottom:20px;
    }

    /*FOOTER資訊項目*/
    .footer_info li{
        padding:4px 0;
    }

    /*FOOTER資訊文字*/
    .footer_info li p{
        font-size:13px;
        line-height:1.8;
        letter-spacing:.5px;
    }

    /*FOOTER選單*/
    .footer_menu{
        margin-top:18px;
        padding-top:18px;
    }

    /*FOOTER選單按鈕*/
    .footer_menu a{
        padding:7px 11px;
        margin:0 5px 6px 0;
        font-size:12px;
    }

    /*FOOTER社群區域*/
    .box_link{
        position:relative;
        top:auto;
        right:auto;
        flex-direction:row;
        justify-content:flex-start;
        margin-top:20px;
    }

    /*FOOTER社群按鈕*/
    .box_link a{
        width:38px;
        height:38px;
        margin:0 7px 0 0;
        font-size:16px;
    }

    /*TOP按鈕*/
    #to_top{
        bottom:60px;
    }
}

@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
}

@media screen and (max-width: 600px) { 
}

/*TOP回頂按鈕*/
#to_top{
    position:fixed;
    right:12px;
    bottom:10px;
    left:auto;
    z-index:999;
    width:50px;
    height:50px;
    padding:0;
    box-sizing:border-box;
    border-radius:0;
    color:#8B6F56;
    background:rgb(248 245 236 / 0%);
    box-shadow:0 5px 18px rgb(46 43 38 / 0%);
    font-size:0;
    text-align:center;
    transition:transform .5s cubic-bezier(.22,1,.36,1),background .4s ease,border-color .4s ease,box-shadow .4s ease;
}

/*TOP箭頭*/
#to_top::before{
    content:"";
    position:absolute;
    top:8px;
    left:50%;
    width:8px;
    height:8px;
    border-top:1px solid #8B6F56;
    border-left:1px solid #8B6F56;
    transform:translateX(-50%) rotate(45deg);
    transition:border-color .4s ease,transform .5s cubic-bezier(.22,1,.36,1);
}

/*TOP文字*/
#to_top::after{
    content:"TOP";
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    color:#8B6F56;
    font-family:Arial,sans-serif;
    font-size:9px;
    font-weight:400;
    line-height:1;
    letter-spacing:1px;
    text-indent:1px;
    transition:color .4s ease;
}

/*TOP滑過*/
#to_top:hover{
    color:#C9B37E;
    
}

/*TOP箭頭滑過*/
#to_top:hover::before{
    border-color:#C9B37E;
    transform:translateX(-50%) translateY(-2px) rotate(45deg);
}

/*TOP文字滑過*/
#to_top:hover::after{
    color:#C9B37E;
}
#to_top i.top {
    display:none;
}\n\n

/* ==================================================
   ENDEE CUSTOM THEME — JAPANESE WABI-SABI
   日式侘寂：煤墨 / 枯茶 / 灰米 / 砂岩 / 古金
   低對比・低飽和・自然・安靜・留白
================================================== */
:root{
    --cream:#E8E1D5;
    --cream-soft:#D8D0C3;
    --warm-gray:#A9A195;
    --warm-gray-dark:#777066;

    --brown:#756556;
    --brown-light:#8C7A68;
    --brown-dark:#554A40;

    --black:#24231F;
    --black-soft:#2D2B26;
    --black-light:#37342E;
    --black-deep:#1C1B18;

    --gold:#A89772;
    --gold-light:#B9AA88;
    --gold-dark:#807252;

    --wabi-stone:#8C887E;
    --wabi-sand:#C6BAA7;
    --wabi-clay:#76675A;

    --line-gold:rgba(168,151,114,.22);
    --line-light:rgba(232,225,213,.10);
}

/* 全站主背景 */
body{
    color:var(--cream);
    background:var(--black);
}

#content_main{
    background:
        linear-gradient(
            145deg,
            #302E29 0%,
            #292722 48%,
            #22211D 100%
        );
}

/* Banner 指示線 */
.swiper-pagination-bullet{
    background:rgba(232,225,213,.34);
}
.swiper-pagination-bullet-active{
    background:rgba(168,151,114,.72);
}

/* Header */
.header_area{
    background:rgba(36,35,31,0);
    border-bottom-color:transparent;
}

.header_area.sticky{
    background: rgb(40 38 33 / 59%);
    border-bottom:1px solid rgba(168,151,114,.25);
    box-shadow:0 10px 32px rgba(15,14,12,.16);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

/* 主選單 */
.stellarnav > ul > li > a{
    color:#E3DCCF;
}

.stellarnav > ul > li > a:hover{
    color:#C4B697;
    /* background:rgba(168,151,114,.055); */
}

.stellarnav > ul > li > a::before{
    background:#A89772;
}

.stellarnav > ul > li.has-sub > a::after{
    border-right-color:#A89772;
    border-bottom-color:#A89772;
}

.stellarnav > ul > li.has-sub:hover > a::after{
    border-color:#B9AA88;
}

/* 下拉選單 */
.stellarnav ul ul{
    border:1px solid rgba(168,151,114,.20);
    background:rgba(46,43,37,.96);
    box-shadow:0 18px 42px rgba(16,15,13,.20);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

.stellarnav li li a{
    color:#D8D0C3;
    background:transparent;
}

.stellarnav li li:hover > a{
    color:#EEE8DE;
    background:#756556;
}

.stellarnav li li.has-sub > a::after{
    border-top-color:#A89772;
    border-right-color:#A89772;
}

.stellarnav li li.has-sub:hover > a::after{
    border-color:#EEE8DE;
}

/* Big Menu */
.stellarnav.desktop li.bigMenu ul ul{
    background:#302E29;
}

.stellarnav.hasBigMenu li.bigMenu li.has-sub > a:after{
    border-top-color:#A89772;
}

/* 產品分類 */
.product-layer-two > li{
    border-bottom-color:rgba(168,151,114,.20);
}

.product-layer-two li li:hover > a{
    color:#C4B697;
    background:#37342E;
}

.product-layer-two li li:hover > a:before{
    background:#A89772;
}

/* Footer */
.footer{
    color:#E8E1D5;
    background:
        linear-gradient(
            145deg,
            #292722 0%,
            #24231F 52%,
            #1D1C19 100%
        );
    border-top:1px solid rgba(168,151,114,.24);
}

.footer::before{
    background:
        radial-gradient(
            ellipse,
            rgba(168,151,114,.075) 0%,
            rgba(168,151,114,.025) 42%,
            rgba(168,151,114,0) 72%
        );
}


/* Footer 資訊 */
.footer_info li p{
    color:#AAA296;
}

.footer_info li p::before{
    color:#A89772;
}

/* Footer 連結 */
.footer a{
    color:#C7BFB2;
}

.footer p a:hover,
.footer li a:hover{
    color:#E8E1D5;
}

/* Footer 選單 */
.footer_menu{
    border-top-color:rgba(168,151,114,.20);
}

.footer_menu a{
    color:#BFB6A8;
    background:rgba(232,225,213,.018);
    border-color:rgba(168,151,114,.28);
}

.footer_menu a:first-child{
    display:none;
}

.footer_menu a:hover{
    color:#EEE8DE;
    background:rgba(117,101,86,.42);
    border-color:#A89772;
}

/* 社群按鈕 */
.box_link a{
    color:#A89772;
    background:rgba(232,225,213,.015);
    border-color:rgba(168,151,114,.30);
}

.box_link a:hover{
    color:#EEE8DE;
    background:#756556;
    border-color:#756556;
}

/* Footer 分隔線 */
.footer hr{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(168,151,114,.08),
            rgba(168,151,114,.28),
            rgba(168,151,114,.08),
            transparent
        );
}

/* TOP */
#to_top{
    color:#A89772;
}

#to_top::before{
    border-top-color:#A89772;
    border-left-color:#A89772;
}

#to_top::after{
    color:#A89772;
}

#to_top:hover,
#to_top:hover::after{
    color:#B9AA88;
}

#to_top:hover::before{
    border-color:#B9AA88;
}