@charset "utf-8";

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

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

/*網站統一設定*/
.main_part {max-width: 1500px;padding: 100px 5%;}
.show_content {padding: 0;}
.page {margin: 50px auto;color: #000000;gap: 5px;}
.page li {margin: 0;display: flex;width: 30px;height: 30px;line-height: 30px;
justify-content: center;align-items: center;align-content: center;text-align: center;border-radius: 50px;transition: .3s;}
.page li a, .page li strong {width: 30px;height: 30px;line-height: 30px;color: #000000;}
.page strong, .page a:hover {background: #000000;color: #ffffff;}
.page li.activeN {background: #000000;color: #ffffff;}

@media screen and (max-width: 1024px) {
.main_part {padding: 80px 5%;}
.page {font-size: 15px;gap: 3px;}
}
@media screen and (max-width: 500px) {
.main_part {padding: 60px 5%;}
.page {font-size: 14px;gap: 2px;}
}
@media screen and (max-width: 425px) {
.main_part {padding: 50px 5%;}
.page {font-size: 13px;gap: 0;}
}

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

/*HEADER*/
.pageIndex .header_area {padding: 0;position: fixed;background: linear-gradient(180deg, #ffffff, transparent);transition: all 0.6s;}
.header_area {padding: 0;background: #fff;transition: all 0.6s;}
.header_area:before {content: '';position: absolute;width: 100%;height: 100%;top: -100%;left: 0;opacity: 0;background: #ffffffcc;
    box-shadow: 0 0 10px #e4d6be99;transition: all 0.6s;}
.header_area.sticky:before {opacity: 1;top: 0;transition: all 0.6s;}
.main_header_area .container {max-width: 1400px;width: 90%;}
.navigation {grid-template-columns: 180px 1fr;grid-gap: 0 5%;align-items: center;transition: all 0.6s;}
.header_area.sticky .navigation {grid-template-columns: 150px 1fr;transition: all 0.6s;}

/*LOGO*/
.nav-header {grid-row: 1 / 1;padding: 10px 0;}
.nav-brand {display: flex;}
.me_tp_features {display: none;}

/*選單*/
.stellarnav > ul > li > a {display: block;padding: 35px 10px;color: #3E331F;letter-spacing: 0.08em;line-height: 1;height: auto;margin: 0;transition: all 0.6s;}
.stellarnav > ul > li:hover > a {color: #bd9a62;transition: all 0.6s;}
.stellarnav > ul > li.has-sub > a {padding-right: 10px;}
.stellarnav li.has-sub > a:after {display: none;}

/*下拉選單*/
.stellarnav > ul > li > ul {}
.stellarnav > ul > li > ul > li {}
.stellarnav > ul > li > ul > li+li {}
.stellarnav > ul > li > ul > li > a {}
.stellarnav > ul > li > ul > li > a:hover {}
.stellarnav > ul > li > ul > li > ul {}
.stellarnav > ul > li > ul > li > ul > li {}
.stellarnav > ul > li > ul > li > ul > li+li {}
.stellarnav > ul > li > ul > li > ul > li > a {}
.stellarnav > ul > li > ul > li > ul > li > a:hover {}

@media screen and (max-width: 1200px) {
.navigation {grid-template-columns: 135px 1fr;}
.header_area.sticky .navigation {grid-template-columns: 110px 1fr;}
.stellarnav > ul > li > a {padding: 25px 10px;}
}
@media screen and (max-width: 1024px) {
.pageIndex .header_area {position: sticky;}
.nav-header {max-width: 170px;}
.stellarnav > ul > li > a {padding: 30px 8px 20px;font-size: 15px;}
.stellarnav > ul > li.has-sub > a {padding-right: 8px;}
}
@media screen and (max-width: 768px) {
.main_header_area .container {width: 95%;}
.stellarnav.mobile {height: 100%;display: flex;justify-content: center;align-items: center;}
.stellarnav .menu-toggle:after {display: none;}
.stellarnav .menu-toggle span.bars span {width: 30px;height: 1px;border-radius: 0;background: #bd9a62;margin: 0 auto 6px;}

.stellarnav.mobile.left > ul {border: none;box-shadow: 1px 0 10px #e4d6be99;}
.stellarnav .close-menu {padding: 15px;}
.stellarnav .icon-close {width: 20px;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {font-size: 12px; letter-spacing: 0.15em;color: #3E331F;font-weight: bold;
    font-family: 'Noto Serif TC';background: #f8f5f0;}
.stellarnav .icon-close:before, .stellarnav .icon-close:after {width: 10px;border-bottom: solid 2px #3E331F;}

.stellarnav.mobile > ul > li {border-bottom: 1px #bb9d6340 solid;}
.stellarnav.mobile > ul > li > a, .stellarnav.mobile > ul > li > ul > li > a, .stellarnav.mobile li li.has-sub a, .header_area.sticky .stellarnav > ul > li > a {
	padding: 15px 25px;line-height: 2;border-bottom: none;font-size: 15px;text-align: left;}
.stellarnav.mobile > ul > li > ul > li > a, .stellarnav.mobile li li.has-sub a {font-size: 13px;}
.stellarnav.mobile > ul > li > a.dd-toggle {padding: 15px;}
.stellarnav.mobile > ul > li > a.dd-toggle:hover, .stellarnav.mobile > ul > li > ul > li > a.dd-toggle:hover {background:unset;}
.stellarnav a.dd-toggle .icon-plus:before, .stellarnav a.dd-toggle .icon-plus:after {width: 10px;border-bottom: solid 2px #3E331F;}
.stellarnav.mobile li.open {background: #f8f5f0;padding: 0;}
.stellarnav.mobile li.open li.open {padding: 0;}
}
@media screen and (max-width: 570px) {
.nav-header {max-width: 150px;}
.stellarnav .menu-toggle {padding: 0 20px;}
}
@media screen and (max-width: 450px) {
.nav-header {max-width: 125px;}
}
@media screen and (max-width: 400px) {
.nav-header {max-width: 100px;}
}

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


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

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

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

/*FOOTER - top*/
#to_top {display: flex;justify-content: center;align-items: center;left: auto;right: 5px;padding-top: 0;font-size: 14px;color: #ffffff;
    text-align: center;text-decoration: none;background: #bd9c64;box-shadow: none;font-weight: bold;letter-spacing: 0.08em;}
#to_top i.top {display: none;}

/*FOOTER - copy*/
.copy {padding: 30px 0;font-size: 12px;color: #d2cab8;letter-spacing: 0.08em;border-top: none;font-family: 'Noto Serif TC';}
.copy a {color: #d2cab8;}

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
#bottom_menu {display: none;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {
.copy {padding: 0 0 30px 0;font-size: 10px;}
}

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

/*文章設定*/


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

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

/*相簿*/


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

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

/*購物車*/


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

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