@charset "utf-8";

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

/*預設解除背景輪播*/
#content_main {margin: 0;background: #fffcf2;}
#content {background: #fffbf2;}
.bannerindex {padding:0; position: relative;height: auto;overflow: hidden;border-bottom-left-radius: 3vw; border-bottom-right-radius: 3vw;}
.swiper-banner {position: static;margin: 0 0 -5px 0;height: auto;}
.swiper-slide img {height: auto;}
.swiper-pagination {transform: translateX(-50%);margin-left: 0;}
@media (max-width: 768px) {
    .bannerindex {padding-bottom: unset;}
}

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

/*基本設定*/
.pageIndex .main_part { border-top: 0px solid #ccc;}
.main_part {max-width: 1600px;width: 100%;padding: 100px 5%;}
.show_content,
.edit,
.contact_content,
.contact_editbox {padding: 0;}
.hearder_topfont{background-color: #BE5E2E;}
.main_part{max-width: 100%;padding:0;}

/*功能頁字體全部重設*/
body {
    --font50: clamp(32px, 5vw + 1rem, 50px); 
    --font30: clamp(24px, 3.5vw + 1rem, 30px); 
    --font28: clamp(22px, 3vw + 1rem, 28px); 
    --font25: clamp(21px, 2.5vw + 1rem, 25px);   
    --font22: clamp(19px, 2vw + 1rem, 22px); 
    --font20: clamp(18px, 1.5vw + 1rem, 20px); 
    --font18: clamp(16px, 1vw + 1rem, 18px); 
    --font16: clamp(15px, 0.5vw + 1rem, 16px); 
    --font15: clamp(14px, 0.5vw + 0.9rem, 15px);
    --font14: clamp(13px, 0.3vw + 0.8rem, 14px);  
    --font13: clamp(12px, 0.2vw + 0.75rem, 13px); 
    font-family: 'Outfit', 'sans-serif', 'Noto Sans TC', 'sans-serif';
}

.i_prod_tit:after,
.module_i_news .title_i_box h6:before,
.module_i_news .title_i_box h6:before,
.banner.banF h5:after { font-size: var(--font50);}
.module_i_news .title_i_box h4,
.banner.banF h5:before,
.prod_related h6 span:before,
.banner.banblog h5,
.blog_page h4.blog_category_title,
.blog_in_page h4.blog_category_title { font-size: var(--font28);}
.sidebarBtn h2 { font-size: var(--font22);}
.product-layer-two li a,
ul.prod li h3.prod-thumb,
.blog_list_ri h5,
.blog_back a {font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;    display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}
.products-list .name,
a.animated-arrow > b,
.i_blog_ri em,
.sidebarBtn .price span,
.inquiry_a3,
.lastaction,
.nextaction,
.related_list li a p,
.lastPage,
.product_link > a,
.accordion li .link a {font-size: var(--font16);}
.i_blog_ri h5,
.products-list .price b,
.subbox_item a:before,
.right_member_in li a { font-size: var(--font15);}

/*中間小標刪除*/
.path {display: none;}

/*按鈕*/
a.animated-arrow {padding: 18.5px 10px 20.5px 10px;height: auto; background-color: #F0E0C1;border-radius: 150px;max-width: 250px;width: 100%;display: flex;justify-content: center;align-items: center;margin:auto;}
.arrow {display: none;}
a.animated-arrow i { display: none;}
a.animated-arrow:after {content: "";width: 0;height: 0;border-style: solid;border-width: 0 8px 13.9px;border-color: transparent transparent #000000;  transform: rotate(90deg);-webkit-transform: rotate(90deg);margin-left: 30px;transition: .5s;}
a.animated-arrow > b {color: #000000;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;}
a.animated-arrow:hover::after{transform: rotate(90deg)translateY(-10px) ;-webkit-transform: rotate(90deg)translateY(-10px) ;}
/* car_page arrow */
.car_page a.animated-arrow:after { z-index: -1;}
.car_page a.animated-arrow:hover { color: #fff;}

@media screen and (max-width: 600px) {
    a.animated-arrow {width: 100%;height: 50px;line-height: 50px;}
    a.animated-arrow > b {font-size: var(--font16);}
}

/* 右下角的top按鈕 */
#to_top {bottom: 100px;right: 5px;left: unset;width: 45px;height: 45px;padding-top: 11px;font-size: 12px;color: #ffffff;text-align: center;text-decoration: none;background: #8D642B;box-shadow: unset;border-radius: 30px;border: 1px solid #fffcf3;}
#to_top i.top {height: 15px;}
#to_top i.top:before,#to_top i.top:after {height: 13px;background: #fff;width: 1px;}
@media screen and (max-width: 600px) {
    #to_top {width: 45px;height: 45px;font-size: 10px;}
    #to_top i.top {height: 10px;}
    #to_top i.top:before,#to_top i.top:after {height: 8px;}
}

/*頁數*/
.page {display: flex;width: 100%;margin: 50px 0 0;justify-content: center;align-items: center;flex-wrap: wrap;row-gap: 10px;}
.page li {display: inline-flex;min-width: 30px;color: #8D642B;font-size: 20px;justify-content: center;align-items: center;}
.page li.activeN {color: #665433;}
.page li a {min-width: unset;border: unset;padding:0;margin:0;color:#BEA77A;font-size: var(--font20);font-weight: 400;line-height: 120%;text-align: center;}
.page strong, .page a{transition: .5s;border: none;color:#665433;}
.page strong,.page a:hover {transition: .5s;color:#665433;background-color: transparent;}
.page strong, .page a:hover {background-color: transparent;}
.page a.action {color:#BEA77A;}
.page li{margin:0;}
@media screen and (max-width: 600px) {
    .page li {font-size: 18px;min-width: 40px; }
}

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

/*header*/
.pageIndex .header_area { width: 100%;}
.main_header_area { position: sticky; top:0; background: #fffbf2;box-shadow: 0px 0px 10px #c08d544d;transition: all 0.3s;padding:30px 20px;}
.main_header_area .container {max-width: 1600px;width: 100%;}

.me_tp_features {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;margin-bottom: 5px;}
.me_tp_features a {margin: 0; padding: 0px 0 0px 20px;border-left: 1px solid #BE5E2E;font-weight: 500; font-size: 15px;letter-spacing: 0.08em; color: #BE5E2E;transition: .5s;}
.me_tp_features a:hover{transition: .5s;color:#864120;}
.me_tp_features a:hover i {filter:brightness(0) saturate(100%) invert(26%) sepia(41%) saturate(1351%) hue-rotate(341deg) brightness(94%) contrast(87%);}
.me_tp_features a i {margin: 0 8px 0 0;}
.me_tp_features a.tp_btn_cart { padding: 0 0 0 20px;}
.me_tp_features a.tp_btn_notice { display: none;}
.box_search {width: 30%;margin-bottom: 0;margin-right: 20px;}
.box_search input[type="text"] {background: url(../img/search-icon.svg) no-repeat 10px center #ffffff00;border: solid 1px #BE5E2E;padding: 5px 10px 6px 40px; width: 180px; border-radius: 0; letter-spacing: 0.08em;}
.box_search input[type="text"]::placeholder{color: #EEC9B7;font-size: 13px;font-weight: 300;line-height: 120%;}
.shop_search_btn { padding:5px;width: 65px;height: 100%; letter-spacing: 0.15em;text-indent: 0.15em;text-align: center; background: #BE5E2E;border-radius: 0;}
input[type="text"] {color: #000;}
.tp_links { display: none;}
.navigation {padding:0;}
/*LOGO*/
.nav-header {max-width: 285px;width: 100%;top:50%;transform: translateY(-50%);z-index: 99;}
a.nav-brand {display: block;width: 100%;}
a.nav-brand img{max-width: 100%;vertical-align: bottom;}
/*選單*/
.stellarnav > ul > li > a {padding: 0 0 0 20px;letter-spacing: 0.08em;color: #864120;position: relative; display: block;font-size: var(--font16);font-weight: 500;line-height: 1;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center; height: 45px;margin: 5px 0 0px 0;transition: all 0.5s;}
.stellarnav > ul > li:hover > a,
.stellarnav > ul > li.active > a,
.stellarnav > ul > li.focus > a { color: #8D642B;transition: all 0.5s;}
.stellarnav > ul > li > a b {font-weight: 400;}
/*下拉*/
/* .stellarnav > ul > li:nth-of-type(4) > ul > li:not(:nth-child(n + 5)) {display: none;}
.stellarnav > ul > li:nth-of-type(5) > ul > li:nth-of-type(1),
.stellarnav > ul > li:nth-of-type(6) > ul > li:nth-of-type(1) {display: none;} */
.stellarnav > ul > li.drop-left > ul {right: unset;}
.stellarnav li li + li {border-top: 1px solid #F0E0C1;}
.stellarnav ul ul {border:none;transform: translateX(-50%);left: 50%;min-width: 200px;}
.stellarnav ul ul ul {left: 200px;transform: translate(0%);}
.stellarnav li.has-sub > a:after { display: none;}
/*下拉選單*/
.stellarnav li li {border: unset; margin-bottom: 0;}
.stellarnav li li a {padding: 15px 0; padding: 15px 0; text-align: center;background: unset; color: #85401F;font-size: var(--font16); font-weight: 400; letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;transition: all 0.5s;}
.stellarnav li li a:hover {background: #F6ECD9; transition: all 0.5s;}
@media screen and (max-width: 1400px) {
    .main_header_area .container {max-width: 95%;}
}
@media screen and (max-width: 1200px) {
    .navigation {padding: 10px 0 0px 200px;}
    .nav-header {width: 200px;}
    .box_search input[type="text"] { padding: 5px 10px 5px 40px;}
    .shop_search_btn { padding: 4px 18px;}
    .stellarnav > ul > li > a { margin: 5px 0 0 0; padding: 0 0 0 10px;}
}
@media screen and (max-width: 1024px) {
    .main_header_area .container { max-width: 100%;}
    .navigation {  padding: 0; }
    .nav-header { position: static;transform: unset;margin:auto;}
    .me_tp_features { justify-content: center; }
    .box_search { width: auto; }
    .stellarnav > ul > li > a { padding: 0 5px;}
}
@media screen and (max-width: 768px) {
    .main_header_area .container { max-width: 100%;  }
    .me_tp_features {display: block;margin: 0;}
    .me_tp_features .box_search { display: none; }
    .me_tp_features a.tp_btn_cart,
    .me_tp_features a.tp_btn_notice { display: none;}
    .nav-header {display: flex; padding: 30px 0; justify-content: center; }
    .header_area .nav-brand { width: 175px; }
    .stellarnav.mobile {display: flex;width: auto;height: 100%;padding: 0;left: 0;top: 0;justify-content: center;align-items: center;}
    .stellarnav .menu-toggle { padding: 0;}
    .stellarnav .menu-toggle span.bars span {width: 38px;height: 1px;border-radius: 10px;background: #8D642B;margin: 0px auto 6px; }
    .stellarnav .menu-toggle:after {font-size: 14px;color: #8D642B;transform: unset;letter-spacing: 1px;margin-top: 10px;}
    .stellarnav.mobile.left > ul {background: #fffbf2;padding: 0;border-top: unset; }
    .stellarnav.mobile ul ul {border-top: unset;transform: unset;left: auto;background: unset;}
    .stellarnav.mobile > ul > li { border-bottom: 1px #BE5E2E solid; }
    .stellarnav > ul > li:nth-of-type(1) {display: block;}
    .stellarnav.mobile li ul li {border-top: 1px solid #BE5E2E;}
    .stellarnav.mobile > ul > li > a,
    .header_area.sticky .stellarnav > ul > li > a,
    .stellarnav li li a {margin: 0;padding: 20px 40px;text-align: left;color: #8D642B;background: unset;}
    .stellarnav.mobile > ul > li > a b:last-child { display: none;}
    .stellarnav > ul > li > a:before,
    .stellarnav > ul > li:hover > a:before { display: none; }
    .stellarnav.mobile > ul > li > a.dd-toggle {  padding: 10px;  top: 8px;}
    .stellarnav.mobile li.open {background: #f6ebdd;padding: 0;}
    .stellarnav a.dd-toggle .icon-plus:before,
    .stellarnav a.dd-toggle .icon-plus:after {border-bottom: solid 3px #8D642B;}
    .stellarnav li li { border: 0;border-top: 1px solid #eee; }
    .stellarnav li li a:hover { background: #BE5E2E; color: #ffffff;}
    .stellarnav .icon-close { margin-right: 6px;}
    .stellarnav.mobile.right .close-menu,
    .stellarnav.mobile.left .close-menu {color: #fffbf2;letter-spacing: 0.15em;background: #8D642B;border-bottom: unset;}
    .stellarnav .icon-close:before,
    .stellarnav .icon-close:after { border-bottom: solid 3px #fff;}
}
@media (max-width: 450px) {
    .main_header_area{padding:30px 6%;}
    .nav-header{padding:5px;}
    .header_area .nav-brand {width: 140px;}
}
@media screen and (max-width: 400px) {
    .stellarnav.mobile {padding: 0;}
    .stellarnav .menu-toggle span.bars span {width: 35px;margin: 0px auto 5px;}
    .stellarnav .menu-toggle:after { font-size: 12px;}
    .header_area .nav-brand {width: 150px;padding: 0;}
}
@media (max-width: 375px) {
    .me_tp_features a i {margin: 0;margin-bottom: 5px;}
}
/* = = = 分隔線 = = =  */

/* 首頁彈跳視窗 */
.index_bg_img {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 99999;}
.index_bg_img em {display: block;position: absolute;line-height: 0%;}
.index_bg_img em img {object-fit: contain;height: auto !important;width: auto !important;max-height: 80vh;max-width: 100%;}
.index_bg_img>a.close_btn {position: absolute;right: 0px;top: 0px;font-style: normal;cursor: pointer;font-family: 'Arial';width: 100%;height: 100%;background: #000;opacity: .3;}
.index_bg_img em a.close_btn2 {font-size: 18px;font-weight: bold;line-height: 120%;position: absolute;right: -12.5px;top: -12.5px;font-style: normal;cursor: pointer;font-family: 'Arial';width: 25px;height: 25px;background: #8D642B;border-radius: 50px;color: #fff;display: flex;align-items: center;justify-content: center;}
.index_bg_img.remove_index_bg {opacity: 0;z-index: -1;}
.index_bg_img em a.btn_img {display: block;}
@media (max-width:1200px) {.index_bg_img em {  max-width: 80%;}}
@media (max-width:760px) {.index_bg_img em { max-width: 85%; }}
@media (max-width:450px) {.index_bg_img em { max-width: 90%;}}

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

/* 內頁BANNER 設定 */
.banner {background-image: unset;background-color: unset;padding:0;margin-bottom: 90px;}
.banner.banblog {}
.banner.banE {}
.banner.banF{background-image: unset;}
.banner:after {}
.banner h5{}

.banner h5 {display: flex;flex-direction: column;align-items: center;}
.banner h5 b { display: block;color: #DEC188;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em; text-align: center;}
.banner h5 em{color: #000000;font-size: var(--font22);font-style: normal; font-weight: 400;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;padding: 13.5px 10px 15.5px 10px;background-color: #FADE9C;border-radius: 150px;max-width: 200px;width: 100%;display: flex;justify-content: center;align-items: center;margin: 10px 0 0 0;}

.other_page .banner.banB,
.other_select_page .banner {display: none;}
.banner.banA h5:before {content: "";}
.banner.banF h5:before {content: "";}
.banner.banE h5:before {content: "";}
.banner.banblog h5:before {content: "";}
.banner.banC h5:before {content: "";}
.banner.banC {}
.banner.banblog {display: block;background: #fffbf3;padding: 150px 0 0;}
.blog_page_2 .banner.banblog {background: #fff;}
.banner.banblog h5 {font-size: 30px;}
.blog_page_2 .banner.banblog h5 {font-size: 30px;color: #000;}
.banner.banblog h5:before {content: "NEWS";width: 100%;font-weight: normal;font-size: 50px;letter-spacing: 0.1em;color: #bf8e5a1c;padding: 0;line-height: 1;position: absolute;bottom: 15px;left: 0;text-align: center;}
.blog_page_2 .banner.banblog h5:before {content: "ABOUT KJ";width: 100%;font-weight: normal;font-size: 50px;letter-spacing: 0.1em;color: #adadad1c;padding: 0;line-height: 1;position: absolute;bottom: 15px;left: 0;text-align: center;}
.blog_in_page .banner.banblog,
.blog_in_page_2 .banner.banblog {display: none;}
@media (max-width:1200px) {
    .banner{margin-bottom: 50px;}
}
/* = = = 分隔線 = = =  */
/* footer */
.footer.with_shopping_mode{background: #F9F3E8;padding:85px 5% 0;border-top-left-radius: 55px;border-top-right-radius: 55px;}
.keywords{left: 0;}
.copy {max-width: 1600px;width: 100%;margin:auto; padding: 30px 0;letter-spacing: 1px;border-top: 1px #EAD6BB solid;text-align: center;
color:#DAB88A;font-size: var(--font15);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.copy a {color: #DAB88A;}
.center{max-width: 780px;width: 100%; padding:0;margin:0 auto 45px auto;}
.center .box_link{display: none;}
.footer_info{margin: 0;padding:0;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.footer_info ul {max-width: 540px;width: 100%;}
.footer_info li{margin:0;padding:0;}
.footer_info li:nth-child(2) {width: 175px;min-width: 175px;margin-left: 20px;}
.footer_logo{width: 135px;min-width: 135px;margin:0;padding:0; margin-right: 25px;}
.footer_logo a{display: block;width: 100%;}
.footer_logo a img{width: 100%;}
.center ul {max-width: 540px;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.center li>b{display: block;color:#8C642B;font-size: var(--font18);font-weight: 700;line-height: 120%;letter-spacing: 0.1em;margin-bottom: 25px;}
.center li p{width: fit-content;}
.center li p+p {margin-top: 10px;}
.center li p a {display: flex;align-items: center; color:#8C642B;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;transition: .5s;}
.center li p a:hover{transition: .5s;color:#BE5E2E;}
.center li p a s{display: flex;justify-content: center;align-items: center;width: 20px;min-width: 20px; margin-right: 15px;}
.footer_info li p:before{display: none;}
.footer_inner_menu{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px 2.5%;}
.footer_inner_menu a {display: block;width: fit-content;color:#8C642B;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;margin: 0;padding:0;border: none;background: transparent;transition: .5s;}
.footer_inner_menu a:hover{transition: .5s;color:#BE5E2E;background: transparent;}

.fix_ri {width: 45px;position: fixed;right: 0;bottom: 200px;z-index: 99;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);border-bottom-left-radius: 10px;border-top-left-radius: 10px;overflow: hidden;}
.fix_ri a{display: flex;justify-content: center;align-items: center;width: 100%;height: 45px;background-color: #FDF4EE;transition: .5s;}
.fix_ri a:hover{transition: .5s;background-color: #BE5E2E;}
.fix_ri a:hover img{filter: brightness(100);}
.fix_ri a+a{border-top: 1px #F0E0C1 solid;}

/* 首頁footer */
.pageIndex .footer.with_shopping_mode {padding-top: 220px;position: relative;}
.pageIndex .footer.with_shopping_mode::before{content:"";width: 538px;height: 332px;background-image: url('../img/index_img021.png');background-repeat: no-repeat;background-size: contain;position: absolute;top:-185px;left: 50%;transform: translateX(-50%);}

/* bottom menu */
#bottom_menu li {width: calc(100% / 3);}
#bottom_menu li a em {display: flex;align-items: center;justify-content: center;min-height: 27px;line-height: 1;padding-top: 10px;}
#bottom_menu li a i {display: block;width: fit-content;margin: 0 auto;position: relative;}
#bottom_menu span {display: inline-flex;align-items: center;justify-content: center;max-width: 18px;width: 100%;min-height: 18px;margin: -1px 0 0 5px;padding-top: 1px;position: absolute;top: -8px;right: -15px;font-size: 12px;font-weight: 300;letter-spacing: normal;line-height: 1;background: #ad2a20;border-radius: 50%;color: #ffffff;}

/* 購物明細 */
.pd_button {display: none;}
body.product_info_page #bottom_menu > li:nth-of-type(1),
body.product_info_page #bottom_menu > li:nth-of-type(2) { display: none !important;}

/* body.product_info_page .pd_button{display: flex;align-items: center;justify-content: center;width: calc(100% / 3 * 2);background: #ad2a20;}
body.product_info_page .pd_button input[type="submit"]{background: none;font-size: var(--font28);font-weight: 400;letter-spacing: 1px;line-height: 1;color: #FFFFFF;} */

#bottom_menu ol.pd_button > li {border: none !important;}
body.product_info_page #bottom_menu .pd_button li:nth-of-type(2),
body.product_info_page #bottom_menu .pd_button li:nth-of-type(3),
body.product_info_page #bottom_menu .pd_button li:nth-of-type(4) {display: none;}

@media screen and (max-width: 768px) {
    /* 開啟手機板下方按鈕所需設定 */
     #bottom_menu {display: flex;background: #fffbf2;box-shadow: 0 -2px 15px 0 #BE5E2E4a;-webkit-box-shadow: 0 -2px 15px 0 #BE5E2E4a;}
    #bottom_menu li:first-child:nth-last-child(3),
    #bottom_menu li:first-child:nth-last-child(3) ~ li {border-right: 1px solid #dac0a2;}
    #bottom_menu li:nth-child(3) {border-right: 0 !important;}
    #bottom_menu li a {line-height: 30px;padding: 20px 10px 10px;color: #8D642B;}
    #bottom_menu li a i {font-size: 20px;padding-bottom: 5px;}
    #bottom_menu li a em {font-size: var(--font16);letter-spacing: 0.08em;}

    .footer.with_shopping_mode{padding:50px 5% 80px 5%;}
}
@media (max-width:700px) {
    .footer_info{flex-direction: column;align-items: center;}
    .footer_logo{margin:0 0 25px 0;}

    .pageIndex .footer.with_shopping_mode{padding-top: 150px;}
    .pageIndex .footer.with_shopping_mode::before{width: 350px;height: 217px;top:-120px;}
}
@media (max-width:500px) {
    .center ul{flex-direction: column;}
    .center li:nth-of-type(n){width: 100%;min-width: unset;}
    .center li:nth-of-type(2) {margin:25px 0 0 0;}
    .center li>b{text-indent: 0.1em;text-align: center;}
    .center li p{margin:auto;}
    .center li p+p{margin-top: 15px;}
    .footer_inner_menu{max-width: 300px;margin:auto;}
    .footer_inner_menu a{margin:auto;}

    .pageIndex .footer.with_shopping_mode{padding-top: 100px;}
    .pageIndex .footer.with_shopping_mode::before{width: 250px;height: 155px;top:-100px;}
}
@media screen and (max-width: 400px) {
    #bottom_menu li a i {font-size: 18px;}
    #bottom_menu li a em {font-size: 14px;}

    .center li p a{flex-direction: column;text-indent: 0.1em;text-align: center;}
    .center li p a s{margin:0 0 10px 0;}
}


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

/*文章設定*/
/*(新)文章分類*/
/*文章管理*/
h5.blog_le_t {font-size: 20px;letter-spacing: 2px;margin-bottom: 10px;text-align: center;font-family: auto;color: #8D642B;}
h5.blog_le_t em {color:#675533;font-size: var(--font20);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
h5.blog_le_t span{color:#675533;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;padding-left: 10px;}
/*大分類*/
.blog_page #content {padding:100px 5% 150px;background-color: #fff;}
.blog_box {display: flex;padding: 0;flex-wrap: wrap;justify-content: space-between; max-width: 1280px;width: 100%;margin:auto;}
.blog_le {width: 22%;padding: 0;margin:0;}
.blog_ri {width: 64.8%;padding: 0;margin:0;}
.blog_subbox {display: flex;flex-wrap: wrap;}
.subbox_item {width: 33%;padding: 5px;margin: 0 0 20px 0;}
.subbox_item a {display: flex;flex-direction: column;overflow: hidden;}
.subbox_item a:before {transform: translate(-50%, 0%);left: 50%;right: 0;bottom: -15%;height: 48px;line-height: 48px;opacity: 0;display: flex;justify-content: center;align-items: center; background: #8D642B;width: 100%;text-align: center;color:#F9F8F2;font-size: var(--font16);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.subbox_item a:hover:before {bottom: 0;}
.subbox_item a:after {display: none;}
.blog_list_le {width: 100%;padding: 0;aspect-ratio: 3 / 2;height: 100%;padding-bottom: 0;overflow: hidden;position: relative;}
.blog_list_le img {position: absolute;transform: translate(-50%, -50%);min-height: 100%;object-fit: cover;top: 50%;left: 50%;width: 100%;height: 100% !important;}
.blog_list_ri {width: 100%;background: #ffffff00;padding: 13px 10px;}
.blog_list_ri h5 {color:#675533;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.blog_list_ri em {color: #BE5E2E !important;}
.blog_list_ri p {-webkit-line-clamp: 2;color:#91662D;font-size: var(--font14);font-weight: 400;line-height: 180%;letter-spacing: 0.05em;}
.blog_page h4.blog_category_title,
.blog_in_page h4.blog_category_title {margin-bottom: 20px;border-bottom: 2px #CDBBA2 solid;padding:20px 0 15px 0;color:#665433;
font: optional;font-variant: var(--font28);font-weight: 400;line-height: 150%;letter-spacing: 0.05em;}
.blog_page h4.blog_category_title::before,
.blog_page h4.blog_category_title::before{content: "森の公告";color:#675533;font-size: var(--font28);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;display: block;}
h4.blog_category_title span {font-size: 22px;color: #BE5E2E;}
h4.blog_category_title em:after {color: #BE5E2E;}
.blog_le .accordion {border-radius: 0;border: unset;background: unset;}
.blog_le .accordion > li:hover {background: #BE5E2E !important;}
.blog_le .accordion > li:hover,
.blog_le .accordion > li.on_this_category {background: unset !important;}
.blog_le .accordion > li:hover > .link,
.blog_le .accordion > li > .link {background: #F0E0C1;color:#000000 !important ;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.blog_le .accordion > li:hover > .link a, .blog_le .accordion > li > .link > a{color:black !important}
.fa-chevron-down::before{color:black;font-size: 300;}
.accordion li .link {text-align: center;font-weight: normal;letter-spacing: 1px;border: none;transition: .5s;}
.accordion li .link:hover{transition: .5s;background-color: #FBF8F2;}
/* .blog_le .accordion li .link:last-child {border-bottom: 1px solid #c2905680;} */
.accordion li .link a {font-size: 17px;color: #8D642B;}
.blog_le .accordion li.open i,
.blog_le .accordion li i {color: #8D642B;}
.blog_le .accordion > li:hover .submenu {background: #fffbf3;}

.blog_le .accordion > li ul.submenu li.open > .link {background: #fff;}
.blog_le .accordion > li ul.submenu li.open > .link > a,
/* .blog_le .accordion > li ul.submenu li.open > .link > i {color: #fff;} */
.blog_le .accordion > li ul.submenu li.open > .link > i {transform: rotate(180deg);}

.blog_le .accordion > li ul.submenu li:hover > .link {background: #FBF8F2;}
.blog_le .accordion > li ul.submenu li:hover > .link a,
.blog_le .accordion > li ul.submenu li:hover > .link i {}

.submenu {font-size: 15px;background: unset;}
.submenu li {border-bottom: 1px solid #c2905680;}
.submenu li > a {color: #8D642B;padding: 15px 10%;letter-spacing: 0.1em;font-weight: normal;text-align: center;}
.submenu li > a:hover {background: #dbc1a480;color: #8D642B;}
.submenu li > a:before {display: none;}
.blog_search input[type="search"] {background: unset;border-radius: 5px;letter-spacing: 1px;padding: 10px 35px 10px 20px;}
.blog_box_edit * {line-height: 180%;}
.blog_box_edit * iframe {min-height: 500px;}
.blog_box_edit{color:#000000;font-size: var(--font14);font-weight: 400;line-height: 180%;letter-spacing: 0.05em;}
/*文章內頁按鈕*/
.blog_in_page #content {padding:100px 5% 150px;background-color: #fff;}
.blog_back {max-width: 442px;width: 100%;margin:auto;display: flex;justify-content: space-between;align-items: center;}
.blog_back a {padding:0;margin:0;transition: .5s;color:#665433;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;display: block;width: fit-content;}
.blog_back a.article_btn_back {background: unset;border: unset;transition: .5s;}
.blog_back a.article_btn_prev,
.blog_back a.article_btn_next {background: unset;transition: 0.5s ease;}
.blog_back a.article_btn_prev:hover,
.blog_back a.article_btn_next:hover {background: unset;text-decoration: unset;color: #BE5E2E;}
.blog_back a.article_btn_back:hover {text-decoration: unset;color: #BE5E2E;}
.blog_back a:hover{transition: .5s;color:#BE5E2E;text-decoration: unset;}
/* .blog_back a.article_btn_prev:before {content: "";display: inline-block;background: url(https://pic03.eapple.com.tw/cp_kaijun/blog_next-14.svg)    no-repeat left;background-size: contain;width: 120px;height: 15px;transition: 0.5s ease;} */
/* .blog_back a.article_btn_prev:hover:before {transform: translateX(-20px);} */
/* .blog_back a.article_btn_next:after {content: "";display: inline-block;background: url(https://pic03.eapple.com.tw/cp_kaijun/blog_next-15.svg)    no-repeat right;background-size: contain;width: 120px;height: 15px;transition: 0.5s ease;} */
/* .blog_back a.article_btn_next:hover:after {transform: translateX(20px);} */

/*第二個文章 blog_page_2*/
.blog_page_2 #content,
.blog_in_page_2 #content {background: #fff;}
.blog_page_2 h5.blog_le_t,
.blog_in_page_2 h5.blog_le_t {color: #000000;}
.blog_page_2 .accordion li .link a,
.blog_in_page_2 .accordion li .link a {color: #000;}
.blog_page_2 .blog_le .accordion li.open i,
.blog_page_2 .blog_le .accordion li i,
.blog_in_page_2 .blog_le .accordion li.open i,
.blog_in_page_2 .blog_le .accordion li i {color: #000000;}
/* .blog_page_2 .blog_le .accordion > li:hover .link, .blog_page_2 .blog_le .accordion > li.on_this_category .link > a, 
.blog_in_page_2 .blog_le .accordion > li:hover .link, .blog_in_page_2 .blog_le .accordion > li.on_this_category .link > a {background: #000000;} */

.blog_page_2 .blog_le .accordion > li:hover > .link,
.blog_page_2 .blog_le .accordion > li > .link {background: #000;}

.blog_page_2 .submenu li,
.blog_in_page_2 .submenu li {border-bottom: 1px solid #ccc;}
.blog_page_2 .submenu a,
.blog_in_page_2 .submenu a {color: #000000;}
.blog_page_2 .submenu a:hover,
.blog_in_page_2 .submenu a:hover {background: unset;color: #000000;}
.blog_page_2 .blog_le .accordion > li:hover .submenu,
.blog_in_page_2 .blog_le .accordion > li:hover .submenu {background: #ffffff;}

.blog_page_2 .blog_le .accordion > li ul.submenu li:hover > .link,
.blog_page_2 .blog_le .accordion > li ul.submenu li.open > .link {background-color: #313131;}
.blog_page_2 .submenu > li > a:hover,
.blog_in_page_2 .submenu > li > a:hover {background: #f0f0f0;}

.blog_page_2 h4.blog_category_title,
.blog_in_page_2 h4.blog_category_title {border-bottom: 1px #ccc solid;}
.blog_page_2 h4.blog_category_title em:after,
.blog_page_2 h4.blog_category_title span,
.blog_in_page_2 h4.blog_category_title em:after,
.blog_in_page_2 h4.blog_category_title span {color: #999;}
.blog_page_2 .blog_list_ri h5,
.blog_in_page_2 .blog_list_ri h5 {color:#675533;}
.blog_page_2 .blog_list_ri em,
.blog_in_page_2 .blog_list_ri em {color: #999 !important;}
.blog_page_2 .blog_list_ri p {color: #444;}
.blog_page_2 .subbox_item a:before {background: #000000;}
.blog_page_2 .page li,
.blog_page_2 .page li a {color: #000000;}
.blog_page_2 .page li.activeN {color: #666;}
.blog_page_2 .page strong,
.blog_page_2 .page a:hover {color: #999;}
.blog_in_page_2 .blog_back a,
.blog_in_page_2 .blog_back a.article_btn_back {color: #000000;}
.blog_in_page_2 .blog_back a.article_btn_prev:before,
.blog_in_page_2 .blog_back a.article_btn_next:after {filter: grayscale(1);}
.blog_in_page_2 .blog_back a.article_btn_back:hover {color: #666;}
.blog_in_page_2 .blog_back a.article_btn_prev:hover,
.blog_in_page_2 .blog_back a.article_btn_next:hover {color: #666;}
@media screen and (max-width: 1150px) {
    .blog_le {width: 22%;}
}
@media screen and (max-width: 1024px) {
    .blog_box {flex-direction: column;align-items: center;}
    .blog_le {width: 100%;}
    .blog_ri {width: 100%;}
    .blog_page h4.blog_category_title::before, .blog_page h4.blog_category_title::before{text-indent: 0.05em;text-align: center;}
}
@media screen and (max-width: 960px) {
    .subbox_item {border-bottom: unset;}
}
@media screen and (max-width: 768px) {
    .subbox_item {width: 50%;margin: 0;}
    h4.blog_category_title {font-size: 22px;}
    h5.blog_le_t,
    .blog_le .accordion {display: block;margin-bottom: 10px;}
    /* .blog_box_edit * {font-size: 16px !important;} */
    .blog_subbox {row-gap: 30px;}
    .blog_page h4.blog_category_title,
    .blog_in_page h4.blog_category_title {font-size: 25px; }
    .blog_back a {font-size: 17px;max-width: 180px;}
    .blog_back a.article_btn_back { max-width: 100px;}
    .blog_back a.article_btn_prev:before,
    .blog_back a.article_btn_next:after {width: 75px;height: 10px;}
    .blog_page #content {padding: 80px 5% 100px;}
}
@media screen and (max-width: 600px) {
    .blog_in_page #content{padding: 80px 5%;}
    .blog_ri {width: 100%;}
}
@media screen and (max-width: 475px) {
    .subbox_item {width: 100%;padding: 0;}
    .subbox_item a { align-items: center;}
    .blog_list_ri { padding: 13px 0;}
    .blog_page h4.blog_category_title,
    .blog_in_page h4.blog_category_title {font-size: 22px; }
    .blog_box_edit * iframe {min-height: 250px; }
    .blog_back { align-items: flex-start;}
    .blog_back a {max-width: 80px;padding: 15px 0;}
    .blog_back a.article_btn_prev,
    .blog_back a.article_btn_next {display: flex;flex-direction: column-reverse;gap: 10px;align-items: center;}
    .blog_back a.article_btn_next { flex-direction: column; }
}

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

/*首頁購物車*/
.prod_part {max-width: 1400px;width: calc(100% - 40px); position: relative;margin:auto;padding:100px 5% 300px}
.i_prod_tit {position: relative;display: flex;flex-direction: column;align-items: center;margin-bottom: 60px;}
.i_prod_tit h2 {color:#DEC188;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;margin-bottom: 10px;}
.i_prod_tit span{color:#000000;font-size: var(--font22);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;padding:13.5px 10px 15.5px 10px;background-color: #FADE9C;border-radius: 150px;max-width: 200px;width: 100%;display: flex;justify-content: center;align-items: center;}
.products-list {margin:0;padding:0;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px 5%;margin-bottom: 40px;}
.clearfix:before,.clearfix:after {display: none;}
.products-list .item {width: 100%;display: inline-block;vertical-align: top;padding: 0;margin: 0;}
.products-list .item a {display: flex;justify-content: center;flex-direction: column;transition: .5s;}
.products-list .name {height: auto; color: #675533;position: relative;display: block;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; }
.products-list .price {display: flex;margin: 15px 0 0;text-align: center;flex-direction: column-reverse;}
.products-list .price b {display: block;color: #F99F9B;font-size: var(--font16);font-weight: 600;line-height: 120%; letter-spacing: 0.05em;text-indent: 0.05em;text-align: center; margin: 0;}
.products-list .price b.ori_price {color: #BEA77A;font-size: var(--font16);font-weight: 600;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center; margin-top: -15px;}
.products-list .more {display: none;}
.products-list .pic{position: relative;}
.products-list .pic img{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%) scale(1.05);width: 100%;height: 100% !important;object-fit: cover;object-position: center;transition: .5s;}
.products-list .pic:before {content: "加入購物車";display: flex;justify-content: center;align-items: center; position: absolute;bottom: 0;transform: translateY(60px); z-index: 1;width: 100%;height: 60px;background: rgb(190, 94, 46);letter-spacing: 0.1em;text-indent: 0.1em;text-align: center; width: 100%;font-size: var(--font18);font-weight: 300;color: #fff;transition: .5s;}
.products-list .item a:hover .pic::before{transform: translateY(0);}
.products-list .item a:hover .pic img {transform:translate(-50%,-50%) scale(1);transition: .5s;}
@media screen and (max-width: 1024px) {
    .products-list{grid-template-columns: repeat(3,1fr);}
    .products-list .price { margin: 10px 0 0;}
    .products-list .price b.ori_price { margin-top: -15px; }
    .products-list .pic:before { height: 50px;bottom: -50px;}
    .products-list .item a:hover .pic:after { bottom: 42px;}
}
@media (max-width:700px) {
    .prod_part{padding:80px 5% 200px;}
}
@media screen and (max-width: 600px) {
    .prod_part:before { aspect-ratio: 8 / 1; }
    .i_prod_tit:before {height: 25px;}
    .products-list{grid-template-columns: repeat(2,1fr);}
    .products-list .pic:after { font-size: var(--font16);}
}
@media (max-width:500px) {
    .prod_part{padding:50px 5% 150px;}
}
@media screen and (max-width: 400px) {
    .i_prod_tit,.products-list{margin-bottom: 40px;}
    .products-list {grid-template-columns: repeat(1,1fr);}
}

/*購物車*/
.product_page #content,
.product_info_page #content {padding:100px 5%;background-color: #fff;}
.product_page .show_content,
.product_info_page .show_content {display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;max-width: 1400px;width: 100%;margin:auto;}
.product-layer-two {margin: 0;width: 15%;}
.product-layer-two li {margin: 0;width: 100%;transition: 0.5s ease;}
.product-layer-two li:hover {background: #dac0a24d;}
.product-layer-two li + li,
.product-layer-two li + li { border-top: 1px solid #dac0a275;}
.product-layer-two li + li,
.product-layer-two li + li{margin-top: -5px;}
.product-layer-two li a {border: 0;background: unset;color:#685633;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;padding:18px 13px;transition: .5s;}
/* .product-layer-two li:hover a {transform: translateX(10px);} */
.product-layer-two li.active a {background: #BE5E2E;color: #fff;border: 0;}
.product-layer-two li li{border: none;transition: .5s;}
.product-layer-two li li a{transition: .5s;}
.product-layer-two li li a:hover{transition: .5s;color:#fff;background-color: #BEA77A;}
.product-layer-two li ul{position: static;}
.product_page .products-list {width: 82%;margin:0;padding:0;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 35px 2.5%;}
.product_info_page .product-wrapper{width: 82%; margin:0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap; margin:0;padding:0;}
.product_page .products-list .pic:before {background-color: #8E652D;}
@media screen and (max-width: 1200px) {
    .product-layer-two { width: 20%; }
    .product_page .products-list,
    .product_info_page .product-wrapper { width: 77%; }
}
@media screen and (max-width: 1024px) {
    .product-layer-two li a { padding: 12px 20px; font-size: 17px; }
}
@media (max-width:800px) {
    .product_page #content,
    .product_info_page #content{padding:80px 5%;}
}
@media screen and (max-width: 768px) {
    .product_page .products-list,
    .product_info_page .product-wrapper {width: 100%;}
    /* .product_info li:nth-of-type(3) {  display: none; } */
}
@media screen and (max-width: 600px) {
    .product_page .products-list{grid-template-columns: repeat(3,1fr);}
}
@media (max-width:500px) {
    .product_page .products-list{grid-template-columns: repeat(2,1fr);grid-gap: 40px 5%;}
}
@media (max-width:375px) {
    .product_page .products-list{grid-template-columns: repeat(1,1fr);}
}

/*購物車內頁*/
.product_main {padding:0;margin:0;max-width: 100%;width: 68%;}
.prod_info_clearfix { display: none;}
.product_pic {padding-left: 0;padding-bottom: 20px;}
.product_pic .bx-wrapper {margin: 0;padding: 0;}
.bx-wrapper .bx-viewport {border: 0;left: 0;background: unset;}
.product_pic #bx-pager {display: flex;position: relative;padding: 0;color: #000000;width: 100%;flex-direction: row;padding-top: 15px;}
.product_pic #bx-pager h6 {display: none;}
.product_pic #bx-pager a {width: 100%;height: 100%;margin: 0;border: 0;padding: 5px;max-width: calc(100% / 6);}
.product_pic #bx-pager a.active {border: 1px solid #CEA062;}
.product_link{max-width: 760px;width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px 2.5%;margin:0;margin-bottom: 30px;}
.product_link > a{transition: .5s;background-color: #BE5E2E;color:#FAF8F2;font-size: var(--f16);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;border-radius: 5px;padding:12px 5px;}
/*商品規格*/
.sidebarBtn {width: 28.38%; padding: 20px;display: grid;gap: 10px 0;border: 5px #CEA062 solid;margin-bottom: 50px;}
.sidebarBtn h2 {color: #665433;font-size: var(--font25);font-weight: 400; letter-spacing: 0.05em;line-height:120%;}
.sidebarBtn .price {margin: 0;padding:0;border: none;}
.sidebarBtn .price span.ori_price {text-decoration: line-through;color:#999999;font-size: var(--font18);font-weight: 600;line-height: 120%;letter-spacing: 0.05em;}
.sidebarBtn .price #pd_price{color:#000000;font-size: var(--font18);font-weight: 600;line-height: 120%;letter-spacing: 0.05em;margin-top: 5px;}
.product_info {margin: 0 0 20px 0;}
.product_info li { margin: 15px 0; letter-spacing: 0.08em;}
.product_info li .txt_box {width: 100%; color:#000000;font-size: var(--font14);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;margin-top: 5px;}
.product_info li .txt_box .size label:nth-of-type(n+2) {margin-top: 10px;}
.product_info li:nth-of-type(1) {margin-bottom: 50px;}
.product_info li span{display: block;color:#999999;font-size: var(--font13);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.radio-inline__label {padding:8px; width: 100%;border-radius: 0;color: #000000;font-size: var(--font14);font-weight: 400;line-height: 120%;letter-spacing: 0.05em; border: 1px solid #CCCCCC;text-align: center;}
.amountNum { width: 100%; height: 30px; border: 1px solid #ccc; line-height: 30px; margin-left: 0; padding: 10px; text-align: center;}
.inquiry_a3 {background: #BE5E2E;color:white;font-size: var(--font14); font-weight: 300;line-height: 120%; letter-spacing: 0.05em;padding:15px 5px;}
.inquiry_a3:hover { background: #000000;}
.toShare{border-top: 1px #CCCCCC solid;}
.toShare b{color:#999999;font-size: var(--font14);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
/*商品資訊*/
ul.prod li { margin-bottom: 15px;}
ul.prod li h3.prod-thumb {padding: 15px;margin-bottom: 15px;color:#685633;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;background-color: #F6ECD9;border-radius: 5px;}
ul.prod li .prod-panel {letter-spacing: 0.05em;line-height: 1.8;}
.prod-panel img { vertical-align: middle;}

/*商品QA*/
.half_box {width: 100%;padding-right: 0;}
.half_box li { margin: 20px 0;}
.qaform {display: grid;grid-template-columns: repeat(1, 1fr);margin: 15px auto;font-size: var(--font16);color: #000000;line-height: 1.5;letter-spacing: 0.08em;gap: 0 30px;}
.qaform .breakF {border: 0;background: #f5ecdf6b;padding: 10px;}
.half_box li.btn_blankTop { margin-top: 0; margin-bottom: 0;}
.lastaction,
.nextaction {color: #ffffff;background-color: #BE5E2E;background-image: unset;background-position: unset;text-align: center;font-size: var(--font16);letter-spacing: 0.15em;font-weight: bold;}
.nextaction {color: #fff;background-color: #8D642B;margin-top: 15px;transition: 0.6s ease;}
.lastaction:hover,
.nextaction:hover { background: #eee; color: #000;}

/*相關推薦*/
.prod_related {padding:75px 0 0;background-color: #FBF8F2;}
.prod_related h6 { margin:0 auto 30px auto;}
.prod_related h6 span{display: block;}
.prod_related h6 span:before {font-size: 28px;color: #8D642B;color:#675533;font-size: var(--font25);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;margin-bottom: 40px;}
.related_list {max-width: 1590px; width: calc(100% - 40px);margin:auto; display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 40px 1%;}
.related_list li {width: 100%;padding:0;margin:0;}
.related_list li a { padding: 0; background: unset; transition: 0.6s ease;}
.related_list li a:hover {transform: translateY(-10px);}
.related_list li a p {color:#675533;font-size: var(--font14);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;margin-top: 15px;}
.lastPage {margin-top: 50px;margin-bottom: 0; background-color: #DEBB7A;max-width: 100%;width: 100%; color:#000000;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;padding:20px 5px;transition: .5s;}
.lastPage:hover {transition: .5s; background: #BE5E2E; color:white;}
@media screen and (max-width: 1300px) {
    .product_main { width: 60%;}
    .sidebarBtn {width: 35%; }
}
@media screen and (max-width: 1024px) {
    .product_main { width: 100%;}
    .sidebarBtn {width: 100%;margin-bottom: 20px;}
    .product_pic { padding-top: 20px; padding-bottom: 20px;}
}
@media screen and (max-width: 768px) {
    .mobile_product_name { color: #665433;font-size: var(--font22);font-weight: 400;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center; line-height: 120%;}
    .sidebarBtn h2 { font-size: 20px; }
    .sidebarBtn .inquiry_a3 { display: none;  }
    .sidebarBtn .price { border-bottom: none; }
    .prod_related{padding:50px 0 0;}
    .related_list{width: calc(100% - 60px);grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 600px) {
    .mobile_product_name { font-size: 20px;}
    .sidebarBtn .price span { font-size: 15px;}
    ul.prod li h3.prod-thumb { font-size: var(--font16);}
    .products-list .pic:before,
    .products-list .pic::after { content: unset;}
    .products-list .item a::after {content: "加入購物車";display: flex;justify-content: center;align-items: center;text-align: center;z-index: 1;width: 100%;height: 40px;background: #8D642B;transition: .5s;color: #fff;margin: 10px 0 0;font-size: 14px; }
    .products-list .item a:hover::after {background-color: #a78666; }
}
@media (max-width:400px) {
    .related_list{grid-template-columns: repeat(1,1fr);}
    .product_pic #bx-pager{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 0;}
    .product_pic #bx-pager a{width: 100%;max-width: 100%;margin:0;}
}

/*結帳畫面*/
.car_page #content{background-color: #fff;padding:100px 5% 85px;}
.car_page .main_part { max-width: 1400px; width: 100%; }
.car_page .show_content { padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.stepImg{margin-top: 0;}
.stepImg span {color: #000;letter-spacing: 1px;padding: 5px 0;}
.stepImg span.active {color: #000;font-weight: 500;font-style: inherit;}
.shopping-cart {margin: 15px auto 0;}
.shopping-cart .row {display: grid;grid-template-columns: 4fr 1.5fr 1fr 1.5fr 0.5fr;margin: 0;}
.shopping-cart .cart_head {background: #F6ECD9;color: #000000;padding: 15px 12px;border-radius: 5px;}
.shopping-cart .cell {font-size: var(--font18);font-weight: 400;line-height: 120%; letter-spacing: 0.05em;text-indent: 0.05em;text-align: center; padding: 0;width: 100%;}
.shopping-cart .cell.amount {width: 100%;}
.shopping-cart .cell.amount a {color: #000;}
.shopping-cart .cell.amount a i {font-size: 15px;}
.shopping-cart .cart_head .cell.product_name {width: 100%;padding-left: 0;padding: 0;color:#000000;font-size: var(--font18);font-weight: 700;line-height: 120%;letter-spacing: 0.05em;}
.shopping-cart .cart_content .cell.product_name { width: 100%;}
.shopping-cart .cart_content .row {border-bottom: unset;border-top: unset;padding: 20px 10px 0;}
.separate_title {width: 100%;font-size: var(--font18);font-weight: 300;line-height: 120%; color: #fff; letter-spacing: 0.05em; padding: 10px;background: #A78659;margin-bottom: 10px;padding:13px 10px;border-radius: 5px;}
.formbox_form {margin-top: 0;margin-bottom: 50px;width: 100%;}
.declaration {width: 100%;background: unset;padding: 10px 0;}
.form label.Bigcheck { margin-left: 0;display: flex;align-items: center;color:#000000;font-size: 12px;font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
label.circle {color: #000;padding: 10px 0;letter-spacing: 1px;}
.form label .inputbox { margin-right: 10px;top:0;}
.total_amount {width: 100%;margin-top: 0;margin-left: unset;color: #000;font-weight: 500;order: 2;margin-right: 0;}
.total_amount ul {border: 1px solid #A78659;}
.total_amount ul:after {display: none;}
.total_amount li{margin:15px 0;}
.total_amount .red span {line-height: 1.8;padding-right: 10px;letter-spacing: 1px;}
.total_amount .rewrite_simple,
.total_amount .send_simple {width: 48%;height: 50px;line-height: 50px;border-radius: 5px;transition: .5s;color:white;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.total_amount .send_simple{display: flex;justify-content: center;align-items: center;}
.total_amount .rewrite_simple:hover,
.total_amount .send_simple:hover {background: #333;}
.rewrite_simple { background: #A78659;}
.send_simple {background: #BE5E2E;}
.total_amount .red span { padding-right: 0;}
.car_page .information_right {display: none;}
.car_page .information_left {display: none;width: 100%;order: 1;padding: 0;}
.car_page .information_left .contact_le_map { display: none;}
.car_page .information_left .blank_letter {padding-top: 0;font-weight: normal;letter-spacing: 0.08em;}
.car_page .information_left .list_before {display: flex;margin-top: 20px;flex-direction: column;gap: 20px;}
.car_page .information_left .account { display: none;}
.car_page .list_before li.btn {padding-top: unset;}
.TEL:before,
.TEL2:before,
.PHONE:before,
.FAX:before,
.TAXID:before,
.MAIL:before,
.ADD:before,
.ADD2:before {position: relative;display: inline-block;width: auto;letter-spacing: 1px;}

.carttext_right p span{color:black;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping_add > h4{color:#000000;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping_add > .product .add_item dl dd section h4{font-family: 'Outfit', 'sans-serif', 'Noto Sans TC', 'sans-serif'; color:#000000;font-size: var(--font13);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping_add > .product .add_item dl dd section p.o_price{font-family: 'Outfit', 'sans-serif', 'Noto Sans TC', 'sans-serif'; color:#CCCCCC;font-size: 10px;font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping_add > .product .add_item dl dd section p{font-family: 'Outfit', 'sans-serif', 'Noto Sans TC', 'sans-serif'; color:#000000;font-size: var(--font13);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping_add > .product .add_item dl dd button{font-family: 'Outfit', 'sans-serif', 'Noto Sans TC', 'sans-serif'; background-color: #BE5E2E;padding:8px 5px;color:white;font-size: 12px; font-weight: 300; line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;display: flex;justify-content: center;align-items: center; transition: .5s;}
.shopping_add > .product .add_item dl dd button:hover{transition: .5s;background-color: #864120;}

.shopfrom_page .separate_title .red{color:#FADE9C;font-size: 12px;font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopping-cart .cart_content .cell.product_name a{color:#000000;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.shopfrom_page .total_amount li{margin:13px 0;}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
    .car_page #content{padding:80px 5%;}
    .shopping-cart .cart_content .row {display: flex;align-items: flex-end;position: relative;gap: 5px;border-bottom: unset;border-top: unset;padding: 10px;min-height: 150px;margin: 0 0 20px;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;border: 1px solid #dac0a2;}
    .shopping-cart .cell {display: flex;font-size: var(--font16);letter-spacing: 0.1em;padding: 0;width: 70%;border-bottom: unset;justify-content: flex-end; }
    .shopping-cart .cell.amount {position: absolute;bottom: 10px;left: 10px;width: 150px;}
    .shopping-cart .cell.amount:nth-of-type(3) {justify-content: center;}
    .shopping-cart .cell:last-child { border-bottom: unset; top: 10px; right: 10px; left: auto !important; height: fit-content;}
    .shopping-cart .cart_content .cell.product_name {text-align: left;padding-left: 0px;}
    .shopping-cart .cell:before { color: #BE5E2E; padding-right: 10px; }
    .shopping-cart .cart_content .cell.product_name:before,
    .shopping-cart .cell:last-child:before,
    .shopping-cart .cell.amount:before { display: none;}
    .shopping-cart .cell:last-child:before {display: inline-block;}
    label.circle {width: 100%;font-size: 15px;}
    .total_amount ul { padding: 15px;}
    .car_page .information_left .blank_letter {width: 100%;font-size: 22px; }
    .car_page .information_left {width: 100%;margin: 0 0 auto; }
    .car_page .information_left .list_before { margin-bottom: 0; }
    .car_page .information_left .list_before.account {max-width: unset; }
    .car_page .information_left .list_before.info {width: 100%;margin-right: 0; }
    .order_history tr:nth-child(1) { display: block;}
    .shopping-cart .cell.car_ph_price{display: block;}
    .cell.car_ph_price span,.shopping-cart .cell.car_ph_price{text-align: right;}
    .shopping-cart .cell:before{padding-right: 0;}
}

@media (max-width:600px) {
    .shopfrom_page .border200.fix200{max-width: 100%;width: 100%;}
    .shopping-cart .cart_content .cell.product_name a{font-size: 15px;}
}

@media screen and (max-width: 500px) {
    .stepImg {margin:0 auto 15px auto; }
    .stepImg span {font-size: 13px; }
    .shopping-cart .cell { font-size: 14px; }
    .shopping-cart .cell.product_name {font-size: 15px; }
    .shopping-cart .cell.amount {width: 100px;  }
    .total_amount {  margin-top: 0px; }
    .rewrite_simple,
    .send_simple { margin: 0; }
}

/*匯款通知*/
.formbox_form li {padding-bottom: 0;padding-left: 0;padding-top: 30px;}
.formbox_form li .form__label {display: flex;width: 100%;margin-left: 0;
    flex-direction: row-reverse;justify-content: flex-end;align-items: flex-end;
    color: #000;font-size: var(--font15); font-weight: 400;letter-spacing: 0.05em;line-height: 120%;margin-bottom: 5px;}
.formbox_form li .form__insert {padding-left: 0;}
.border200,
.longer {width: 100%;border: 0;background: unset;border-bottom: 2px solid #8E652C;padding: 5px;}
.formbox_form li.last {display: flex;text-align: center;justify-content: space-between;}
.rewrite_simple,
.send_simple {width: 49%;height: 50px;border-radius: 5px;line-height: 50px;}

/*會員登入*/
.right_member_in {width: 35px;border: 2px #000 solid;padding: 5px;padding-right: 20px;position: static;width: auto;background-color: transparent;display: flex;justify-content: center;align-items: center;border: none;}
.right_member_in ul{margin:0;}
.right_member_in li { font-size: 15px;  margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}
.right_member_in li a {display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;border: none;color: #BE5E2E;font-weight: 400;font-size: var(--font16);letter-spacing: 0.08em;}
.right_member_in li a br {display: none;}
.right_member_in li a:hover{transition: .5s;color:#85401F;}
.right_member_in li a:hover i {filter:brightness(0) saturate(100%) invert(26%) sepia(41%) saturate(1351%) hue-rotate(341deg) brightness(94%) contrast(87%);}
.right_member_in i {display: block;margin-right: 10px;}
.right_member_in li input {display: block;width: fit-content;background-image: unset;font-weight: 500;font-size: 17px;letter-spacing: 0.08em;color: #705022;background-color: transparent;margin: 0;padding: 0;border: none;outline: none;}

.fa-user::before {color: #BE5E2E;}
.fa-user.fa-user02::before {color: #705022;}

.member_title {letter-spacing: 0.05em;margin-bottom: 0;}
.member_title p {font-size: 20px;margin: 0 auto 30px;padding: 0;border-top: unset;}
.member_title p:before {content: "";display: block;width: 30px;transform: rotate(-45deg);margin: 50px auto;padding: 0;border-top: 1px #A78659 solid;}
.member_title em {line-height: 1.8;}
.member_title h2 {font-size: 30px;font-weight: 400;letter-spacing: 0.1em;color: #8D642B;}

.member_login {width: 100%;}
.member_login,
.member_login_regist {max-width: 350px;}
.member_login tr {display: flex;position: relative;justify-content: center;flex-direction: column;align-items: stretch;}
.member_login tr td {padding: 15px 0 30px;}
.member_login tr td:nth-child(1) {width: 100%;text-align: left;letter-spacing: 0.08em;padding: 0;color:#000000;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.login_mem_name,
.login_mem_pass {background-image: unset;padding-left: 10px;padding: 10px;border: unset;border-bottom: 2px #C6B295 solid;letter-spacing: 0.1em;}
.login_mem_submit {background: #A78659;padding: 15px;border-radius: 5px;color:#F8F8F2;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;transition: .5s;}
.login_mem_submit:hover{transition: .5s;background-color: #BE5E2E;}
.login_mem_other_link a {color: #000;font-size: 15px;letter-spacing: 2px;}
.chk_requir::after{color:#BE5E2C;font-size: var(--font14);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}

.member_login_regist {padding: 30px 10px;background: unset;border: 1px solid #A78659;letter-spacing: 2px;}
.member_login_regist h2 {color:#000000;font-size: var(--font28);font-weight: 500;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;margin-bottom: 30px;}
.member_login_regist p {font-size: 17px;margin-bottom: 30px;color: #000;line-height: 1.8;font-family: unset;}
.member_login_regist a {background: #BE5E2E;padding: 10px 35px;border-radius: 5px;}
.member_regist input {background: unset;}
.mem_box2 {display: flex;justify-content: space-between;max-width: 600px;margin: auto;margin-bottom: 20px;}
.mem_box2 input.bbtn01,
.mem_box2 input.bbtn02 {width: 48%;margin: 0;font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;border-radius: 5px;}
.mem_box2 input.bbtn01 {background: #A78659;transition: .5s;}
.mem_box2 input.bbtn01:hover{transition: .5s;background-color: #BE5E2C;}
.mem_box2 input.bbtn02 {background: #BE5E2E;}
.mem_regist_title_s_s input[type="button"] {max-width:600px;padding:15px; background: #836845 !important;width: 100%;color:#F8F8F2;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;border-radius: 5px; transition: .5s;}
.mem_regist_title_s_s input[type="button"]:hover{transition: .5s;background: #A78659 !important;}
.member_logout > input{color:#fff;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}

/*會員註冊*/
.mem_regist_title_s {background-color: #A78659;padding:15px 10px;transition: .5s;color:#F8F8F2;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;border-radius: 5px;}
.mem_regist_title_s_s {padding: 10px 0;color:#A78659;font-size: var(--font15);font-weight: 300;line-height:220%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.mem_regist_title_s_s input[type="submit"] {background: #A78659 !important;padding: 15px 30px !important;max-width: 600px;width: 100%;color:#F8F8F2;font-size: var(--font18);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;border-radius: 5px;transition: .5s;}
.mem_regist_title_s_s input[type="submit"]:hover{transition: .5s;background-color: #BE5E2C !important;}
.member_regist {width: 600px;margin: 0 auto 50px;}
.member_regist tr {display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 15px;}
.member_regist tr td:nth-child(1) {text-align: left;width: 100%;}
.member_regist tr td:nth-child(2) {width: 100%;}
.member_regist input {background: unset;border: unset;border-bottom: 2px solid #dac0a2;letter-spacing: 0.1em;}
.member_regist input::placeholder {color:#CCCCCC;font-size: var(--font15);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;}
.member_copy_right_box {max-width: 600px;padding:15px 25px;border: 1px #A78659 solid;color:#A58559;font-size: 12px;font-weight: 400;line-height: 150%;letter-spacing: 0.05em;text-align: justify;}
a.login_go_regist{background-color: #A78659;transition: .5s;color:#F8F8F2;font-size: var(--font16);font-weight: 300;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;}
a.login_go_regist:hover{transition: .5s;background-color:#BE5E2C;}
.mem_regist .member_title h2{color:#000;}
.mem_regist .mem_regist_title_s_s {color:#D3CABD;font-size: var(--font15);font-weight: 300;line-height: 220%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.mem_regist .mem_regist_title_s_s a{color:#000000;font-weight: 400;}
.mem_regist .mem_regist_title_s_s.mem_regist_title_s_s_note {color:#A78659;}

/* 會員首頁 */
.mem_index #content {padding:100px 5% 85px;background-color: #fff;}
.member_title > u{color:#A78659;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.1em;}
.member_title p{color:#A78659;font-size: var(--font18);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.member_title p s {color:#A78659;}
.member_title em{color:#000000; font-size: var(--font14);font-weight: 400;line-height: 220%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.member_order a{color:#A68559;font-size: var(--font15);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center; border-top: 1px solid #C6B295; border-bottom: 1px solid #C6B295;    border-right: 1px solid #C6B295;}
.member_order a{  border-top: 1px solid #C6B295;border-bottom: 1px solid #C6B295;}
.mem_data .member_title h2 {color:#000000;font-size: var(--font28);}

@media screen and (max-width: 1024px) {
    .member_title h2,
    .member_login_regist h2 { font-size: 28px;}
    .member_login_regist p { font-size: var(--font16);}
    .mem_regist_title_s_s { font-size: var(--font16);}
}
@media screen and (max-width: 768px) {
    .member_title h2,
    .member_login_regist h2 { font-size: 25px; }
    .member_login_regist p { font-size: 15px;}
    .mem_regist_title_s_s { font-size: 15px; }
    .right_member_in {padding: 0;width: fit-content;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .right_member_in li a br { display: block; }
    .mem_index #content{padding:85px 5%;}
    .right_member_in i{margin:0 0 5px 0;}
    .right_member_in li a {font-size: 13px;}
}

@media screen and (max-width: 500px) {
    .member_title p,
    .member_title p { margin: 40px auto; }
    .member_login,
    .member_login_regist {margin: 0 auto 20px;}
    .member_title h2,
    .member_login_regist h2 { font-size: 22px; }
    .mem_regist_title_s { margin: 0 auto 15px;}
    .mem_regist_title_s_s {font-size: 14px;}
}
@media (max-width: 450px) {
}
@media (max-width: 375px) {
    .right_member_in li a {flex-direction: column;}
}
/*商品訂單*/
.order_finish_page #content{
    background-color: #fff;
    padding: 100px 5% 85px;
}
.order_finish_page .main_part {max-width: 960px;}
.order_pay {padding: 0;}
.order_list_tit b {font-size: var(--font25);color: #8D642B;font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.order_list_spec {background: #8D642B;padding: 15px;letter-spacing: 0.08em;}
.order_list_tit span {color: #BE5E2E;letter-spacing: 0.08em;padding: 3px 10px;margin: 5px 10px;border-bottom: 1px #BE5E2E solid;}
.order_list_tab td:nth-child(1) {background: #dac0a259;color: #714c3e;font-weight: 400;line-height: 120%; letter-spacing: 0.05em;}
.order_list_pro td {color: #000000;border-bottom: 1px #dac0a2 solid;}

.payer {background: unset;}
.order_list_tab.payer td:nth-child(1) {border-right: 3px #fffbf2 solid;background: #8D642B;color: #fff;font-weight: 300;line-height: 120%;letter-spacing: 0.05em;}
.order_list_tab td {color: #000000;letter-spacing: 0.08em;}
.order_list_pro tr:first-child td{font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.order_list_head p {font-size: var(--font25);color: #8D642B;font-weight: 400;line-height: 120%;letter-spacing: 0.05em; border-bottom: 2px #8D642B solid;padding: 5px 10px;}

.last_box_money p,
.last_box_money em {color: #000000;}

/*訂購記錄查詢*/
.order_history {width: 100%;max-width: 960px;background-color: transparent; margin: 0 auto 100px; }
.order_history tr{background: transparent;border: none;}
.order_history tr:nth-of-type(n+2) {border-bottom: 2px #C7B296 solid;}
.order_history tr:nth-child(1) td {background: #836845;color: #ffffff;}
.order_history td {color:#000;font-size: var(--font15);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;}
.order_history tr td:nth-child(3) a {color:#F8F8F2;font-size: var(--font14);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;text-indent: 0.05em;text-align: center;padding:8px 5px;background: #8D642B;width: 100%;margin: 5px auto;display: inline-block;border-radius: 3px;background-color: #836845;}
.order_history tr td:nth-child(3) a:hover {background: #A78659;}

.shopping-cart.check .cell {width: auto;}
.mem_ord .member_title h2 {color:#000;}
.mem_ord .order_history tr:nth-of-type(1) td:nth-of-type(1){border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.mem_ord .order_history tr:nth-of-type(1) td:last-child  {border-bottom-right-radius: 6px;border-top-right-radius: 6px;}

.mem_ord_inner .edit {max-width: 1400px;}
.mem_ord_inner .total_amount ul {margin-bottom: 35px;}

@media screen and (max-width: 768px) {
    .order_history {margin: 0 auto 50px;max-width: 100%; }
    .order_history tbody {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 25px 5%;}
    .order_history tr{padding:10px;margin:0;}
    .order_history td{display: flex;align-items: center;flex-wrap: wrap;}
    .order_history tr td:before{content: attr(data-label); min-width: 85px;width: 85px;color:#F8F8F2;font-size: var(--font16);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;background-color: #836845;padding:5px 5px;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
    .order_history tr td:nth-child(1) span{background-color: transparent;color:black;font-weight: 400;line-height: 120%; padding:0;margin:0;}
    .order_history tr td:nth-child(3) a{margin-top: 10px;}
    .mem_ord_inner .total_amount li,
    .mem_ord_inner .total_amount .rewrite_simple {display: block;}
    /* 
    .order_history tbody {display: flex;align-items: stretch;justify-content: space-between;padding: 10px 10px 10px 0;}
    .order_history tr:nth-child(1) {display: flex;flex-direction: column;justify-content: space-between;width: 20%;min-width: 110px;background: unset;}
    .order_history tr {width: 100%;margin: 0;border-bottom: unset;}
    .order_history tr td {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;border-bottom: unset;letter-spacing: 0.05em;padding: 8px 20px;min-height: 40px;}
    .order_history tr:nth-child(1) td {text-align: left;justify-content: flex-start;}
    .order_history tr td:nth-child(1) span {background: #8D642B;padding: 6px 12px;}
    .order_history tr td:nth-child(3) a {padding: 5px;width: fit-content;margin: 0 0 0 10px;} 
    */
}
@media (max-width:700px) {
    .order_history tr td:nth-child(n){border: none;letter-spacing: 0.05em;text-align: center;justify-content: center;}
    .order_history tr td:nth-child(1){flex-direction: column;align-items: center;}
    .order_history tr td:before{min-width: unset;max-width: 100%;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .order_history tr td:nth-child(1) span{padding:5px 10px;}
}
@media (max-width:600px) {
    .order_finish_page #content{padding:80px 5%;}
}
@media screen and (max-width: 500px) {
    .order_history {  margin: 0; }
    /* .order_history tr td {font-size: 13px;padding: 8px 8px 8px 15px;}
.order_history tr:nth-child(1) td {flex-wrap: wrap;align-content: flex-start;}
.order_history tr td:nth-child(3) a{font-size: 12px;}
.order_history tr:nth-child(1){min-width: 85px;} */
}

@media (max-width:400px) {
    .order_history tbody{grid-template-columns: repeat(1,1fr);}
    .mem_ord_inner .total_amount li,
    .mem_ord_inner .total_amount .rewrite_simple {display: flex;flex-direction: column;align-items: flex-start;}
    .mem_ord_inner .total_amount li span{margin-top: 10px;}
    .mem_ord_inner .total_amount li+li{margin-top: 10px;padding-top: 15px;border-top: 1px #bf8d53 solid;}
}

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

/*聯絡我們*/
.contact_editbox {padding: 0;}
.contact_content {}
.information_left{display: none;}
.contact_content .information_right{width: 100%;padding:0;margin:auto;max-width: 1400px;display: block;}

.contact_page #content {padding:100px 5% 120px;background-color: #fff;}

.blank_letter {color:#665433;font-size: var(--font25);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.red {color: #BE5E2D;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.contact_form {display: flex;margin-bottom: 0;color: #000;font-size: var(--font16);flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.contact_form li {display: flex;flex-wrap: wrap;width: 49%;padding-left: 0;border-bottom: unset;margin:0;padding:0;}
.contact_form li:nth-of-type(n+3){margin-top: 20px;}
.contact_form li .form__label {color:#000000;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;width: 100%;margin:0;padding:0;text-align: left;margin-bottom: 5px;}
.contact_form li input.noborder,
.contact_form li textarea.noborder {border: unset;padding: 10px;background: #FBF8F2;letter-spacing: 0.1em;border-radius: 6px;}
.form select {width: 100%;padding: 6px 25px 6px 6px;border-radius: 5px;margin-bottom: 0;}
.contact_form li.last {width: 100%;justify-content: space-between;font-weight: bold;}
.contact_form li.last blockquote,
.contact_form li.last cite {width: 49%;padding: 0;}
.contact_form li.last blockquote {color: #ffffff;background: #A78659;border: 0;border-radius: 5px;color:white;font-size: var(--font16);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;}
.contact_form li.last cite {background: #BE5E2E;color: #fff;border: 0;border-radius: 5px;color:white;font-size: var(--font16);font-weight: 300;line-height: 120%;letter-spacing: 0.05em;}
.contact_form li.last blockquote input,
.contact_form li.last cite input {width: 100%;height: 100%;}
.captcha {width: 100%;}
@media screen and (max-width: 768px) {
    .contact_page #content{ padding: 80px 5%;}
    .contact_form li { width: 100%;}
}
@media (max-width:600px) {
    .blank_letter{text-indent: 0.05em;text-align: center;}
}
@media screen and (max-width: 425px) {
    .blank_letter{padding-top: 0;}
    .contact_form li.last blockquote, .contact_form li.last cite {
    width: 47%;
    padding: 0;
}
}

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

/* 手機板購物明細功能區 */
/* 購物車首頁and購物車內頁 */

.openBtn {display: none;width: 100%;background-color: #8D642B;border: none;cursor: pointer;padding: 10px;font-size: 14px;color: white;letter-spacing: 2px;margin-top: 20px;transition: 0.5s ease;}
.openBtn:hover { background-color: #a78666;}
.product_info_page .openBtn {font-size: 22px;background: #ad2a20;width: calc(100% / 3 * 2);position: fixed;z-index: 999;right: 0;bottom: 0;min-height: 82px;margin: 0;}
/* 遮罩背景 */
.pd_fix_overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 999;}
.pd_fix_overlay.active {opacity: 0.05;pointer-events: auto;}
.product_info_page .pd_fix_overlay.active {opacity: 1;z-index: 9999;}
.pd_bottom_show {position: fixed;bottom: -100%;left: 0;width: 100%;min-height: 50%;padding-bottom: 60px;background: #fff;transition: bottom 0.4s ease;z-index: 1000;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.pd_bottom_show.active {bottom: 0;}
.product_info_page .pd_bottom_show.active {z-index: 99999;}
/* 關閉按鈕 */
button.close-btn {border: none;background: transparent;cursor: pointer;font-size: 20px;position: absolute;right: 15px;top: 15px;}
.pd_bottom_show_content {max-width: 100%;padding: 5%;height: 100%;overflow-y: auto;/* position: relative; */}
.pd_img {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
.pd_img figure {grid-row: span 2;margin:0;margin-right: 10px;}
.pd_img figure img {max-width: 100%;}
.pd_title {grid-column: span 2;margin: 0;align-self: flex-end;}
.pd_title h6 {color:#675533; font-size: var(--font22);font-weight: 400;letter-spacing: 2px;line-height: 180%;margin: 0;}
.pr_bottom_price {grid-column: span 2;}
.pr_bottom_price span {color:#BEA77A; display: block;font-size: var(--font16);font-weight: 400;}
.pd_ori_price {color: #cccccc;text-decoration: line-through;}
.pd_sp_price.red {color: #F99F9B;font-weight: 500;}
.pd_bottom_show_content h5 {display: block;margin: 0;padding: 15px 0;font-family: Arial, Helvetica, sans-serif;font-weight: 400;font-size: 12px;color: #777;letter-spacing: 1px;}
.pd_bottom_show_content fieldset {display: flex;flex-flow: wrap;gap: 5px;border: none;padding: 0;margin: 0;}
.pd_bottom_size {border: none;padding: 0;}
.pd_bottom_size input[type="radio"] {display: none;}
.pd_bottom_size label {display: inline-block;padding: 5px 10px;/* margin: 0 0 10px; */width: fit-content;border-radius: 0;color: #333;border: 1px solid #ccc;text-align: center;}
.pd_bottom_size input[type="radio"]:checked + label {background-color: #d8b694; /* 主色背景 */color: #fff;font-weight: bold;border-color: #d8b694;}
.pd_bottom_add_cart {display: flex;align-items: stretch;justify-content: space-between;max-width: 90%;width: 100%;padding: 15px 0;position: absolute;bottom: 0;border-top: 1px solid #cccccc;background: #ffffff;}
.pd_bottom_number {display: flex;align-items: stretch;justify-content: space-between;max-width: 120px;}
.qty-btn {display: flex;align-items: center;justify-content: center;position: relative;padding: 0;margin: 0;max-width: 30px;width: 100%;min-height: 30px;/* border: 1px solid #333333; */border-radius: initial;background: transparent;}
.qty-btn::before,
.qty-btn::after {display: block;width: 10px;height: 1px;background: #333;position: absolute;}
.qty-btn::before {content: "";}
.qty-btn.plus::after {content: "";transform: rotate(90deg);}
.qty-btn.plus::before,
.qty-btn.plus::after {background: #000;}
.pd_bottom_number input {display: block;width: calc(100% - 60px);border-width: 0;text-align: center;}
.pd_bottom_add_cart input[type="submit"] {display: block;border: none;background: #8D642B;max-width: 300px;width: calc(100% - 130px);padding: 10px;border-radius: 5px;font-size: var(--font16);font-weight: 400;color: #ffffff;letter-spacing: 1px;}
@media screen and (max-width: 768px) {
    .openBtn {display: block;}
    .products-list .item a::after {display: none;}
}
@media screen and (max-width: 500px) {
    .pd_img {grid-template-columns: repeat(4, 1fr);padding-top: 15px;gap: 0 1px;}
    .pd_title {grid-column: span 3;align-self: flex-start;}
    .pd_title h6 {font-size: var(--font16);line-height: 150%;}
    .pr_bottom_price {/*grid-column: span 4;*/align-self: flex-end;}
}
@media screen and (max-width: 425px) {
    .pd_img {padding-top: 20px;}
}
@media screen and (max-width: 400px) {
    .product_info_page .openBtn {width: 60%;min-height: 80px;}
    .product_info_page #bottom_menu li {width: 40%;}
}

/* car_page */
.pd_car_pay_right {max-width: 600px;width: 100%;}
.total_amount li.pd_car_coupon{margin:20px 0;}
.pd_car_coupon section {display: flex;align-items: center;justify-content: space-between;}
.pd_car_coupon section h6 {font-size: var(--font16);}
.pd_car_coupon section button {background: none;color: #8D642B;transition: 0.5s ease;}
.pd_car_coupon section button:hover {color: #BE5E2E;}
.coupon_text {text-align: right;}
.total_amount li .coupon_text span {display: block;float: none;}
.total_amount li{color:#000000;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.total_amount li.red{color:#BE5E2E;font-size: var(--font16);font-weight: 400;line-height: 120%;letter-spacing: 0.05em;}
.total_amount .red span{font-weight: 700;}

/* 遮罩 */
.popup-mask {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 999999;display: none;}
.popup-mask {display: none;position: fixed;z-index: 99999;inset: 0;background: rgba(0, 0, 0, 0.5);}

/* 彈窗主體 */
.coupon-popup {max-width: 600px;width: 100%;background: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);opacity: 0;pointer-events: none;position: fixed;top: 50%;left: 50%;z-index: 999999;transform: translate(-50%, -50%) scale(0.9);transition: all 0.3s ease;}

.coupon-popup.active {opacity: 1;pointer-events: auto;transform: translate(-50%, -50%) scale(1);}

/* 彈窗內容排版 */
.coupon-content {position: relative;padding: 20px;min-height: 400px;text-align: center;}

.coupon-content h3 {font-size: 20px;text-align: center;}
.coupon-content div {display: flex;align-items: stretch;justify-content: space-between;padding-top: 15px;}

.coupon-content input[type="text"] {max-width: calc(100% - 85px);width: 100%;padding: 10px;font-size: var(--font16);}

.coupon-content .submit-code {margin-top: 15px;padding: 8px 20px;background: #A78659;margin: 0;border: none;cursor: pointer;color: #fff;}
/* .coupon-content input[type="submit"]:hover{} */
.coupon-content fieldset {display: flex;flex-flow: wrap;gap: 10px;padding: 20px 0 0;text-align: left;}
.coupon-content input[type="radio"] {display: none;}

.coupon-content label {display: inline-block;padding: 5px 10px;/* margin: 0 0 10px; */width: fit-content;border-radius: 0;color: #333;border: 1px solid #ccc;text-align: center;cursor: pointer;}

.coupon-content input[type="radio"]:checked + label {background-color: #8D642B; /* 主色背景 */color: #fff;font-weight: bold;border-color: #8D642B;}
label.gray {cursor: initial;color: #dddddd;border-color: #dddddd;}
.coupon-content input[type="submit"] {display: block;position: absolute;right: 20px;bottom: 20px;padding: 5px 20px;background: #A78659;color: #ffffff;transition: 0.5s ease;width: 72px;height: 44px;}
.coupon-content input[type="submit"]:hover {background: #bf8d53;}
.coupon_text b {font-weight: 400;}

/* 關閉按鈕 */
.close-popup {position: absolute;top: 20px;right: 8px;background: none;border: none;font-size: 20px;cursor: pointer;}

/* 手機滑上來樣式 */
@media screen and (max-width: 768px) {
    .coupon-popup {top: auto;left: 0;right: 0;bottom: -100%;border-radius: 12px 12px 0 0;width: 100%;max-width: 100%;transform: none;}
    .coupon-popup.active {bottom: 0;opacity: 1;pointer-events: auto;transform: none;}
    .coupon-content {min-height: 50vw;}
}
@media screen and (max-width: 450px) {
    .coupon-content {min-height: 75vw;padding: 20px 0;}
    .coupon-content input[type="submit"] {right: 0;}
}

body.car_page #bottom_menu > li:nth-of-type(1),
body.car_page #bottom_menu > li:nth-of-type(2),
body.car_page #bottom_menu > li:nth-of-type(3) { display: none !important;}

body.car_page .pd_button {display: flex;align-items: center;justify-content: flex-start;width: 100%;min-height: 80px;}
#bottom_menu ol.pd_button > li {border: none !important;}
body.car_page #bottom_menu .pd_button li {width: 200px;padding: 0 3.5%;}

.show-detail {font-size: var(--font16);font-weight: 300;color: #8D642B;text-align: left;cursor: pointer;}
body.car_page #bottom_menu .pd_button em {display: block;font-size: 20px;font-weight: 500;font-style: normal;text-align: left;}

/* car明細點擊 */

/* 彈出視窗（手機底部滑出） */
.ph_bottom_details {position: fixed;left: 0;right: 0;bottom: -100%;background: #fff;z-index: 100000;border-radius: 16px 16px 0 0;transition: all 0.3s ease;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);}

.ph_bottom_details.active {bottom: 0;}

.ph_bottom_details_content {padding: 20px;}
.ph_bottom_details_content h3 {font-size: 20px;font-weight: 600;color: #A78659;text-align: center;}

.ph_bottom_details_content table {width: 100%;text-align: left;margin: 10px 0;}

.ph_bottom_details_content button {margin-top: 15px;padding: 10px 20px;background: #0a214c;color: white;border: none;border-radius: 6px;}
.ph_bottom_details_content dl {display: flex;align-items: center;justify-content: space-between;padding-top: 8px;}
.ph_bottom_details_content dl:nth-last-of-type(1) {border-top: 1px solid #cccccc;margin-top: 8px;}
.ph_bottom_details_content strong {font-size: 25px;font-weight: 400;color: #BE5E2E;}
.ph_bottom_close {display: block;background: #8D642B;border-radius: 10px;padding: 10px 0;margin-top: 20px;cursor: pointer;font-size: var(--font16);font-weight: 500;letter-spacing: 0.1em;text-align: center;color: #ffffff;transition: 0.5s ease;border-radius: 5px;}
.ph_bottom_close:hover {background: #333333;}

@media screen and (max-width: 768px) {
    .shopping-cart .cell.car_ph_price {max-width: 150px;width: 100%;align-items: center;justify-content: space-between;}
    .cell.car_ph_price span {width: calc(100% - 50px);text-align: left;}
    .total_amount li,
    .total_amount .rewrite_simple {display: none;}
    .total_amount li.pd_car_coupon {display: block;}
    .total_amount .send_simple {display: flex;align-items: center;justify-content: center;width: calc(100% - 200px);min-height: 80px;border-radius: initial;margin: 0;float: none;font-size: 22px;position: fixed;right: 0;bottom: 0;z-index: 999;}
}
@media screen and (max-width: 425px) {
    .shopping-cart .cell.car_ph_price {max-width: 125px;}
    .cell.car_ph_price span {width: calc(100% - 40px);}
    .shopping-cart .cell.car_ph_price:before {padding: 0;}
}
@media screen and (max-width: 425px) {
    body.car_page #bottom_menu .pd_button li:nth-of-type(2) {width: 170px;align-items: flex-end;}
    .total_amount .send_simple {width: calc(100% - 170px);}
}

/* shop form */
@media screen and (max-width: 768px) {
    body.shopfrom_page #bottom_menu .pd_button li:nth-of-type(3) {display: none;}
    body.shopfrom_page #bottom_menu .pd_button li:nth-of-type(4) {display: block;}
    body.shopfrom_page .total_amount ul {display: none;}
    .shopping-cart .cart_content .cell.product_name a {display: grid;grid-template-columns: 75px 1fr;gap: 10px;color: #000;width: 100%;}
    .small_pic {position: relative;margin-left: 0;left: unset;}
    .carttext_right {padding-right: 60px;}
    body.car_page .cell.amount > input {display: none;}
}

.car_bottom_number {display: flex;align-items: stretch;justify-content: space-between;max-width: 100%;}
.car_bottom_number input {width: 100%;border: none;background: none;text-align: center;}
.car_bottom_number .qty-btn {max-width: 15px;min-height: 15px;}
.coupon-content .pz_login {display: flex;align-items: center;justify-content: center;width: 100%;min-height: 190px;color: #666;font-weight:500;line-height: 120%;text-align: center;}
@media screen and (max-width: 768px) {
    .coupon-content .pz_login {min-height: 15vw;}
    .member_discount .order_history {background: none;}
    .order_history tr:nth-child(1) {display: none;}
    .order_history tr {width: 100%;float: none;border: 1px solid #705022;}
    .order_history tr td {display: flex;float: none;font-size: 15px;text-align: left;}
}
@media screen and (max-width: 600px) {
    .carttext_right { padding-right: 15px;}
}
@media screen and (max-width: 500px) {
    .shopping-cart .cell.amount {width: 85px;}
    .pd_car_coupon section {flex-flow: wrap;}
    .pd_car_coupon section h6 {width: 100%;}
    .coupon_text {text-align: left;}
    .pd_car_coupon section button {padding: 10px 0;text-align: left;}
    .pd_car_coupon section button u {display: inline-block;}
}