@charset "utf-8";

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:relative; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;} 
.bannerindex { padding:0; margin:0;}
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*all*/

.linksBtn {background: #9f8961;}
.info_fix:hover>.linksBtn {
    background: #9f8961;
}

.banner {display: none;}

.path {

    display: none;
}
.info_fix_links a:hover {
    background: #8b755e;
}
.info_fix_links a{
    background: #b79f85;
}

.album_fixed_title {
    display: none;
}

/* 購物車頁面設定 */


.i_prod_tit h2, .i_video_tit h2 {
    font-size: 36px;
    COLOR: #9C6623;
  
}
.product_page .main_part { 
    max-width:1500px;
}
.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; 
    width: 220px; 
    letter-spacing: 1px; 
    /*border-right: 1px solid #ccc;*/
    min-height: 30vw;
}
.product_page .products-list,
.product-wrapper { 
    width: calc(100% - 270px);padding: 0 3%;
}
.product_info li .txt_box {
   font-family: var(--SFont2);
    color:#000;
}
.products-list {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));}
.product-layer-two {
    border-top: solid 1px #cbcbcb;
    padding-top: 20px;
}
.product-layer-two > li { 
    width:100%; 
    max-width:100%; 
    padding:0; 
    text-align:left; 
    padding-bottom: 5px;
}
.product-layer-two li a {
    color: #000000;
    border: 0;
    background: #3c5a4600;
}


.product-layer-two li a:hover {
    color: #87715a;
    border: 0;
    background: #3c5a4600;
}

.product-layer-two li i {
    font-size: 14px;
    color: #cd9e6c;
}
.fa-circle-plus::before {
    content: "\2b";
}
.product-layer-two li ul { 
    position:static; margin-top:5px; 
    width:100%; margin-left:0;
}
.product-layer-two li li {
    display: block;
    background: transparent;
    padding: 0;
    transition: all ease .3s;
}
.product-layer-two li li a { 
    background: #fae7af00;
    padding: 5px 10px 5px 30px;
}
.product-layer-two > li ul > li + li { 
    margin-top:5px;
}
.product-layer-two li.active li a,.product-layer-two li li a  {
    font-weight: 700;
    color: #8b6741;
    }


/* 商品分類hover */

.fa-circle-plus::before,
.product-layer-two li i.close::before {
    transition: all .3s;
}
.product-layer-two li i.close::before {
    content: "\f068";
    transform: rotate(-180deg);
}
.product-layer-two li:hover ul { 
    border: none !important; 
    /*display:block !important;*/
}
.product-layer-two li li:hover{ 
    margin-left: 10px;
}
.product-layer-two li li:hover > a {
    background: transparent;
    color: #c18f59;
}
.product-layer-two li.active a {
    color: #594712;
    font-weight: bold;
    border: 0;
}
/* .product-layer-two li li:hover > a:before { 
    background:#ad925e;
} */

/* 商品列表 */
.prod_part {
	background: url(https://pic03.eapple.com.tw/) no-repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;
}
.i_prod_tit span, .i_video_tit span {
	font-size: 30px;
	COLOR: #575746;
	font-weight: 700;
	padding-top: 10px;
	}
.pageIndex .productsListBox, .productsListBox.swiper {
    padding: 50px 0;
}
.products-list .name {
    font-size: 16px;
    font-weight: 600;
    color: #3E3A39;
	font-family: var(--SFont2);
	-webkit-line-clamp: 1;
    height: 28px;
}
.products-list .item a:hover .more {
    background: #87694d;}
.products-list .price b.ori_price {
    color: rgba(51, 51, 51, 0.4);
}
.products-list .price b.sp_price,
.products-list .price b {
    color: rgb(119 83 16); 
}

.products-list .pic img {
    transition: transform 0.6s ease-out;
    will-change: transform;
    transform-origin: center;
}

.products-list .pic img:hover {
    transform: scale(1.2);
}
.products-list .item a>* {
  border-radius: 10px;
}
/* .product_info_page */
.product_info_page .product-layer-two { 
    display: none;
}
.products-list .item {
    PADDING-BOTTOM: 20PX;
}
.product_info_page .products-list,
.product-wrapper { 
    width: 100%;
}
.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;
}
.sidebarBtn {
    border: 0;
    background: transparent;
}
.sidebarBtn h2 {
    font-family:  var(--SFont2);
    font-weight: 500;
    letter-spacing: 2px;
    color: #3E3A39;
}
.sidebarBtn .price {
    border: 0;
}
.sidebarBtn .price span.ori_price {
    color: rgba(51, 51, 51, 0.4);
    text-decoration: line-through;
}
.sidebarBtn .price span.sp_price {
    color: rgb(119 83 16);
}
.inquiry_a1, 
.inquiry_a2, 
.inquiry_a3 {
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 0;
    margin-top: 8px;
}
.inquiry_a1 {
    background: #a0723d;
}
.inquiry_a2 {
    background: #804322;
}
.inquiry_a3 {
    background: #a17a65;
}
.toShare {
    border: 0;
}

/* 商品資訊 */
.pd_tabTitle li {
    border: 0;
}
.pd_tabTitle li a {
   
    font-weight: 600;
    letter-spacing: 1px;
    color: #333333;
    border-bottom: 1px solid #c2c2c2;
    margin: 0 5px;
}
.pd_tabTitle li.activeTab a {
    color: #238966;
}
.pd_tabTitle li.activeTab::after {
    height: 1px;
    background: #238966;;
}



@media screen and (max-width: 768px) {
    /* 購物車頁面設定 */
    

    /* 商品分類 */
    .product_menu_list,
    .products-list,
    .product-wrapper { 
        width: 100%;
    }
    .product_page .product-layer-two,
    .product_page .products-list {
        width: 100%; 
        border-right: none;
    }
    .product_page .product_menu_list {
        width: 100%; 
        order: 0; 
        min-height: unset;
    }
    .product_page .product_menu_list>h5{
        display: block;
    }
    .product-layer-two { 
        margin-right: 0; 
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); 
        grid-gap: 5px;
    }

    /* .product_page頁面物件順序設定 */
    .product_page .show_content > a { 
        order: 1;
    }
    .product_page ul.products-list { 
        order: 2;
    }
    .product_page ul.page { 
        order: 3;
    }
	
	
	    .stellarnav.mobile {
        position: absolute;
        left: 4%;
        top: 20%;
        width: auto;
        display: inline-block;
    }

}

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

@media screen and (max-width: 480px) {
    .product_info_page .main_part {
        padding: 10px 10px;
    }
}



/*文章*/

.show-list .show_pic {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 15px;
}


.subbox_item a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    background: rgb(255 246 225 / 44%);
    opacity: 0;
    border: 1px #ddd solid;
    transition: all .5s;
}
.subbox_item a:before {
    content: 'READ MORE';
    position: absolute;
    z-index: 19;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    font-size: 15px;
    color: #bd7325;
    transition: all .6s;
}

.subbox_item a {
    display: grid;
    grid-template-columns: 160px 1fr;
    position: relative;
    grid-gap: 20px;
    border-radius: 10px;
}
.subbox_item a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    background: rgb(255 246 225 / 44%);
    opacity: 0;
    border: 1px #ddd solid;
    transition: all .5s;
    border-radius: 10px;
}








/*FOOTER*/

.footer {padding: 50px 0 0;background:#81725f;font-size: 16px;}
.footer .center {max-width: 1500px;width: 90%;}
.footer_info {grid-template-columns: repeat(2, 1fr);align-items: end;grid-gap: 20px;padding-right: 0;}
.footer_info ul {display: flex;grid-column: 1 / 3;width: 100%;order: 2;justify-content: space-between;align-items:center;
    padding-top: 0px;border-top: 1px solid  #ffffff00;}
.footer_info li:nth-child(1) {display: flex;align-items: flex-start;padding: 0;
    justify-content: flex-start;gap: 15px 0;flex-direction: column;     font-size: 14px;}
.footer_info li p {line-height: 1;letter-spacing: 0.08em;color: #ffffff;}
.footer_info li p a {color: #ffffff;}

/*FOOTER_MENU*/
.footer_info li:nth-child(2) {padding: 0;}
.footer_menu {display: flex;flex-wrap: wrap;justify-content: flex-end;width: 100%;}
.footer_menu a {text-align: right;padding: 0 0 0px 20px;font-size: 14px;letter-spacing: 0.08em;
    color: #ffffff;background: unset;border: 0;margin: 0;transition: 0.3s ease;}
.footer_menu a:first-of-type {display: none;}
.footer_menu a:hover {background: unset;color: #b5b5b5;transition: 0.3s ease;}

/*FOOTER_ICON*/
.box_link {position: relative;right: 0;max-width: 225px;justify-content: flex-end;max-width: unset;
    align-items: flex-end;flex-direction: unset;flex-wrap: unset;order: 1;max-height: max-content;}
.box_link a {display: flex;width: 40px;height: 40px;background: none;border: 1px #ffffff solid;border-radius: 20px;transition: 0.3s ease;
    padding: 0;font-size: 20px;margin: 0px 5px;margin: 0px 5px;color: #f1ebe6;justify-content: center;align-items: center;}
.box_link a:hover {color: #fff;font-size: 18px;transition: 0.3s ease;}
a.me_tp_ig {font-size: 25px;}
.box_link a.me_tp_ig:hover {color: #fff;font-size: 20px;transition: 0.3s ease;}
a.me_tp_call, a.me_tp_mail {}
/*LOGO*/
.footer_logo { }
/*COPY*/
.copy {max-width: 1500px;width: 90%;margin: auto;text-align: right;
    padding:10px 0 30px 0;font-size: 11px;color: #8f8f8f;border-top: 0;margin-top: 0;}
.copy a {color: #8f8f8f;}

@media screen and (max-width: 1024px) {
.footer {padding: 30px 0 0;font-size: 15px;}
.footer_logo {max-width: 100px;}
.box_link a {width: 35px;height: 35px;font-size: 18px;}
.box_link a:hover {font-size: 16px;}
a.me_tp_ig {font-size: 23px;}
.box_link a.me_tp_ig:hover {font-size: 18px;}
.footer_menu a {font-size: 14px;}
}
@media screen and (max-width: 900px) {
.footer_info ul {flex-direction: column;gap: 30px 0;padding-bottom: 50px;}
.footer_info li+li {margin-top: 0;}
.footer_menu {justify-content: flex-start;}
.footer_menu a {padding: 10px 15px 0 0;}
.copy {text-align: center; font-size: 12px;}
}
@media screen and (max-width: 768px) {
.footer {font-size: 14px;}
.footer_info {padding: 0;grid-gap: 20px;grid-template-columns: 100px 1fr;}
.footer_info ul {gap: 15px 0;padding-top: 20px;}
.box_link {justify-content: flex-start;}
.footer_info li:nth-child(1) {gap: 10px 0;}
.footer_menu a {font-size: 12px;}
}
@media screen and (max-width: 450px) {}












#content {
    width: 100%;
    min-height: 80vh;
    min-height: 80vh;
    background: url(https://pic03.eapple.com.tw/shihsin/bg_01.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.blog_le .accordion > li:hover,
.blog_le .accordion > li.on_this_category { background:#87715a !important;}


.show_content {  margin: auto;  padding: 70px 20px;}
/*header*/

.header_area.sticky {
    width: 100%;
    z-index: 9999;
    background: rgb(101 62 62 / 50%);
}
 .header_area.sticky .main_header_area {background: #83744a8c;opacity: .9;transition: 0.3s ease;backdrop-filter: saturate(93%) blur(4px);}
 .main_header_area {background:#87715a; opacity:1; transition: 0.6s ease;}

.navigation {padding: 0px 0 0px 0px;}

/*選單最大寬度設定*/
.main_header_area .container {max-width:1650px; transition: 0.3s ease;}
.header_area.sticky .main_header_area .container {max-width:1400px; transition: 0.3s ease;}


.nav-header {display: block; width: 100%; text-align: left;}
.nav-brand {width: 100%; display: block; margin-top:20px; transition:all 0.3s;}
.nav-brand img { padding-top: 0px; transition: 0.3s ease;}
.header_area {padding: 0px;}

/*第一層*/
.stellarnav {width: 100%;}
.stellarnav > ul > li > a {font-weight: 500; letter-spacing:1px; font-size: 16px; color: #ebd6b5; transition:all 0.3s; padding: 0px 6px 0px 6px; height: 40px; z-index: 9; /*text-shadow:1px 1px 5px #222222;*/}
.stellarnav > ul > li > a:hover  { color:#fff;}
.stellarnav li.has-sub > a:after {display:none;}
.stellarnav > ul > li.has-sub > a {padding: 0px 6px 0px 6px;}

/*第二層*/
.stellarnav li {text-align: left;}
.stellarnav li a {color: #998a7e;}
.stellarnav li li > a , .stellarnav li li.has-sub > a{/*text-shadow:1px 1px 5px #222222;*/ padding: 8px 14px; letter-spacing:1px; transition: all 0.3s; border-left:1px solid transparent; font-size: 14px; font-weight: 500;}
.stellarnav li li:hover > a , .stellarnav li li.has-sub:hover > a{/* color: #b6a292; *//* padding-left:14px; *//* border-color:#fff3e9; */background: transparent;}
.stellarnav>ul {/* padding-top: 20px; */transition: 0.3s ease;}
.stellarnav ul ul {margin-top: 0px; /*width: 170px;*/ background: #f0ddce;}
.stellarnav li li {width: 100%; border: 1px #ffffff solid;}

/*SubMenu*/
.shop_search_btn {background: #b49b8a;}
.box_search input[type=text] {border: solid 1px #f0ddce;}
.tp_links {display: none;}
.tp_links a{transition:all 0.3s;}
.tp_links a:hover {color: #f0ddce;}
.me_tp_features {margin-top: 15px; padding-right: 5px;}
.me_tp_features a {font-size: 15px; /*text-shadow:1px 1px 5px #222222;*/ color: #ffffff;}






/* 小圓球初始狀態 */
.stellarnav > ul > li:before, .stellarnav > ul > li:after {
    content: "";
    position: absolute;
    width: 10px;          /* 圓球直徑 */
    height: 10px;
    background: #dbccaa;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    z-index: -1;
}


.stellarnav > ul > li:hover:after {
    transform: translate(-50%, -250%); /* 向上飛 */
    opacity: 1;
}


@media screen and (max-width: 768px) {
.stellarnav > ul > li:hover:after {
   transform: translate(-50%, -250%); /* 向上飛 */
    opacity: 0;
}
}



.stellarnav ul:hover li a {
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.stellarnav ul li:hover a {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.stellarnav .menu-toggle span.bars span {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 6px;
    background: #ffffff;
    margin: 0 auto 4px;
}

.stellarnav .menu-toggle:after {
    content: 'MENU';
    font-size: 12px;
    color: #ffffff;
    display: block;
    transform: scale(0.9);
}





@media screen and (max-width: 1350px) {
  .main_header_area .container {max-width: 100%;}
  /*.stellarnav li {width: 110px;}*/
}
@media screen and (max-width: 1180px) {
  .stellarnav {width: 100%;}
  .stellarnav li.has-sub > a {padding: 0px 0px 0px 0px;}
  .stellarnav > ul > li > a {margin: 0 0px;}
}
@media screen and (max-width: 1024px) {
  .stellarnav {width: 100%;}
  .stellarnav>ul {text-align: center; margin-top: 0px;}
  .main_header_area {height: 150px;}
  .header_area.sticky .stellarnav>ul {padding-top: 20px;}
  .header_area.sticky .main_header_area {height: 200px;}
  .nav-brand {margin-top: 10px;}
  .nav-header {text-align: center;}
  .me_tp_features {margin-top: 10px;}


@media screen and (max-width: 768px) {
.stellarnav > ul > li > a{text-shadow:none;}
.header_area.sticky .main_header_area {height: 100px;}
.header_area.sticky .main_header_area .nav-brand {        margin-top: 30px;}
.main_header_area {height: 70px;}
.me_tp_features {margin-top: 5px;}

.me_tp_features a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    color: #c7b092;
}




/*下滑*/
.header_area.sticky .container { max-width: 95%;}


/*次分類*/
.stellarnav ul ul {  }
.stellarnav.desktop li.has-sub li:hover > a {background: #E2B896;color: #fff;padding: 10px 20px;text-align: center;}





/*上方選單右邊設定 臉書/LINE/電話/信箱*/
.me_tp_features {display: flex;width: 265px;order: 2;}
.tp_links {display: flex;justify-content: flex-end;display: none;}
.tp_links a { font-size: 16px; color: #ffffff; margin: 0;}
.me_tp_features a i { margin: 0 8px;}
.me_tp_features a:hover i { color: #E2B896;}

/*電腦LOGO*/
.nav-brand { display: flex; align-items: center;}
.nav-header {  max-width: 180px;  grid-row: auto;}






























/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
/*內頁BANNER 設定*/
.path p, .path p a { text-align: left;  padding-bottom: 50px;}
.path  {display: none;}



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

/*文章 ***************************************************************** */
.main_part {}
.blog_subbox { grid-template-columns: 1fr;  grid-gap: 50px;}
.subbox_item a { grid-template-columns: 360px 1fr;}

/*分類*/
.blog_le .accordion { border-radius: 0px;}
.blog_search input[type=search]{border-radius: 0px;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category { background: #e2b795 !important;}

/*右側*/
.blog_page h4.blog_category_title , h5.blog_le_t { display: none;}
.blog_list_ri h5 { letter-spacing: 2px; font-weight: 500; font-size: 25px;}
.blog_list_ri em { font-size: 14px; color: #ffffff; padding: 5px 10px; width: fit-content; margin-top: 15px; background: #3e3e3e; letter-spacing: 2px;}
.blog_list_ri p {  font-size: 15px; border-top: 1px solid #afafaf; margin-top: 20px; padding-top: 15px;padding-left: 5px;}
.blog_search input[type=submit]{  filter: grayscale(1);}






/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1280px) {
/*header*/
.navigation { grid-template-columns: 180px 1fr 120px;}
.me_tp_features { width: fit-content;}
.stellarnav > ul > li > a {margin: 0 3px; letter-spacing: 1px;}
}


/*文章*/
/*首頁*/
.module_i_news { padding: 180px 20px 80px;}
.module_i_news section {justify-content: center; }
.module_i_news .title_i_box {text-align: center;}
.module_i_news .title_i_box h4:before { font-size: 30px; top: -45px; left: 50%; transform: translateX(-50%);}
.module_i_news .title_i_box h4:after { left: 50%; transform: translateX(-50%); top: -105px; width: 50px;  height: 50px; }
.module_i_news .title_i_box { margin-bottom: 30px;}
.module_i_news .title_i_box h4 { top: 0px;}
.module_i_news_list { width: 100%;}
.module_i_news section { max-width: 100%; flex-wrap: wrap; align-items: center;}

.i_blog_b { margin: 0 auto;}
.i_blog_b a { margin: 50px auto 0 0;}
.blog_list_ri h5 { font-size: 20px;}
.module_i_news { padding: 180px 20px 0px;}
}


@media screen and (max-width: 1080px) {
/*header*/
.navigation { grid-template-columns: 120px 1fr 120px;}   
.nav-header { max-width: 150px;}
/*文章*/
.blog_subbox { grid-template-columns: 1fr 1fr;  grid-gap: 40px 20px;}
.subbox_item a { grid-template-columns: 1fr;}
.blog_ri { margin-bottom: 0vw;  padding: 0 0 0 50px;}
.blog_le { position: relative;  top: 0px;   padding: 0px;}
.blog_list_ri em { font-size: 12px; letter-spacing: 1px;}
.blog_list_ri h5 {  letter-spacing: 1px;  font-size: 17px;}
}
@media screen and (max-width: 1080px) {
.main_part { border-radius: 60px 60px 0px 0px;}    
/*header*/
.stellarnav ul {text-align: center;}

.me_tp_features {display: none;}
/*banner*/
.banner { height: 450px;}
.banner h5:before { top: -35%;font-size: 23px;}
.banner h5:after { font-size: 17px; padding-top: 15px;}


}


/*相簿*/
.show-list {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

/*文章*/
.blog_subbox { grid-template-columns: 1fr;}
}

@media screen and (max-width: 768px) {
/*all*/    
.show_content {  padding: 15px 20px;}    
/*header*/
.stellarnav > ul > li>a:after {display: none;}
.stellarnav > ul > li > a {line-height: 40px; height: 40px;}
.tp_links {display: none;}

/*選單*/




.stellarnav.mobile {top: 10px;/* padding-left: 10px; */}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { background: #e1b795;  color: #fff;}
.stellarnav .icon-close:before ,.stellarnav .icon-close:after{ border-bottom: solid 3px #ffffff;}
.stellarnav.mobile li.open { padding: 0px;}
.stellarnav.mobile ul ul li {padding-left: 17px;/* color: brown; */}



/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: none; }
.footer.with_shopping_mode { padding:50px 0 0px; }
#to_top { bottom:60px;}

















@media screen and (max-width: 600px) { 
/*文章*/
.blog_subbox {  grid-template-columns: 1fr;   grid-gap: 40px 20px;}
.blog_back {  width: 100%;grid-template-columns: 1fr;}
.module_i_news ul { grid-template-columns: 1fr;}

/*相簿*/
.show-list .show_pic {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
    border-radius: 15px;
}
.album_descrip { line-height: 1.4; font-size: 15px;  letter-spacing: 1px; }
.album_info_page .pic-list { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 10px 20px;}

.pic-list .show_pic {  aspect-ratio: auto;}
}



/*********************測選單*/
/*menu*/
.stellarnav .menu-toggle:after {color: #ffffff;font-size: 9px;}
.stellarnav .menu-toggle span.bars span {background: #ffffff;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {  padding: 0;}
.stellarnav {margin-top: 0;}
.stellarnav.mobile{/* left: -8px; */top: 5px;}

/*close*/
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {background: #dbc6b1;color: #ffffff;padding: 18px;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {border-bottom: solid 1px #ffffff; margin: 1.5px 1.5px 0 -5px;}

/*底色*/
.stellarnav.mobile li a {border-bottom: none;}
.stellarnav.mobile.right > ul, .mobile.left > ul {  background: #ffffffe8; backdrop-filter: saturate(93%) blur(5px);}
.stellarnav.mobile > ul > li {border-bottom: 1px #ffffff29 solid;color: #6b430e;}
.stellarnav.mobile > ul > li:hover{background: #85434300;}
.stellarnav.mobile > ul > li > a:hover b { color: #6ac7ffa6;}
.stellarnav > ul > li.has-sub > a { padding-right: 0px !important;}


.stellarnav.mobile li li {
    display: block;
    border: 0px #b5d3ff00 solid;
    border-bottom-width: 0;
    background-color: #ffffffe6;
}

.stellarnav.mobile li a {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    background-color: #8a5b5b00;
}


.stellarnav.mobile li li:nth-child(even) a{background: #ffffff45;}


/*第二層*/

@media screen and (max-width: 768px) {
    .header_area {
        all: unset;
    }
}	
.stellarnav.mobile li.open{ background: transparent;}
.stellarnav.mobile ul ul {margin: 0 15px 15px;}

.stellarnav li li:hover a {background: #e1b69194;}
.has-sub drop-left open.stellarnav li li a {background: #ffffff;}

/*文字*/
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {  border-bottom: solid 1px #090e21;}
.stellarnav > ul > li > a{letter-spacing: 2px; margin: 0 5px;}
.stellarnav > ul > li > a b { color: #1b324b;  line-height: 200%;}
.stellarnav > ul > li.has-sub > a{/* padding: 10px; *//* padding-right: 10px; */color: #7b5c3d;}


@media (max-width: 768px) {
    .stellarnav.mobile > ul > li > a {
        text-align: left;
        overflow: auto;
        height: auto;
        line-height: 150%;
        display: block;
        color: #2f1a01;
    }
	
	
	.stellarnav.mobile li.open li.open {
    background: transparent;
    padding: 3px;
}

.stellarnav.mobile > ul > li > a {
        text-align: left;
        overflow: auto;
        height: auto;
        line-height: 150%;
        display: block;
        color: #8b4f00;
        font-weight: bold;
		padding: 15px;
		font-family: "Zen Maru Gothic", sans-serif;
    }
	
	
	.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {
        border-bottom: solid 1px #d5923e;
    }
	
}