@charset "utf-8";

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

/* style */

.path { display: none;}
.show_content { width: 100%; margin: auto; padding: 25px 5%; }

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

/*預設解除背景輪播*/

.bannerindex { position: static; height: auto;}
.swiper-banner { position: static; margin: 0; height: auto;}
.swiper-slide img { height: auto;}
@media screen and (max-width: 768px) {
    .bannerindex { padding: 0; margin: 0;}
    .swiper-banner { margin: 0;}
}

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

/*內頁BANNER 設定*/
.banner { position:relative;}
.banner img { width:100%;}
.banner h5 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color: #fff; font-size: 45px; letter-spacing: 5px; text-shadow:0 0 1px #000;}
.banner h5 span { display: block; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: 3px; text-shadow:0 0 1px #000;}

#content{
  background: url(../images/all_bg.jpg);
  background-size: 100%;
  background-position: top center;
}
.fw_title { text-align:center; background: url("../images/fw_title07.jpg"); background-position: center; background-size: cover; padding: 220px 15px 200px 15px;}
.art_title{background-image: url(../images/art_banner.jpg);}
.con_title{background-image: url(../images/con_banner.jpg);}
.shop_title{background-image: url(../images/shop_banner.jpg);}
.mem_title{background-image: url(../images/mem_banner.jpg);}
.ned_title{background-image: url(../images/ned_banner.jpg);}
.fw_title h4{
  display: block;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  max-width: 250px;
  margin: auto;
}
.fw_title h4 b{
  display: block;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  letter-spacing: 0.05em;
}
.fw_title h4 span{
  display: block;
  filter: drop-shadow(2px 2px 5px #fff);
  -webkit-filter: drop-shadow(2px 2px 5px #fff);
  text-shadow: -2px -2px 3px #fff
              2px 2px 3px #fff;
  color: #83B9E4;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0.05em;
}
.art_title h4 b{
  background-color: #83B9E4;
  color: #fff;
}
.art_title h4 span{
  color: #83B9E4;
}
.con_title h4 b{
  background-color: #EB6C87;
  color: #fff;
}
.con_title h4 span{
  color: #EB6C87;
}
.shop_title h4 b{
  background-color: #9C703F;
  color: #fff;
}
.shop_title h4 span{
  color: #9C703F;
}
.mem_title h4 b,
.ned_title h4 b{
  background-color: #E0C841;
  color: #fff;
}
.mem_title h4 span,
.ned_title h4 span{
  color: #E0C841;
}

/* = = = 頁首 + 頁尾 = = = = = = = = = == = = = = = = = = = = = = = = = */

.header_area {  width: 100%; padding: 10px 50px; border-radius: 100px; background: rgba(255,255,255,0.8); min-height: 155px;}
.header_area.sticky { max-width: 100%; background: #fff; left: 50%; border-radius: 0; transform: translateX(-50%);}
.main_header_area { box-shadow: none; background: none;}
.nav-menu { margin: 75px 0 0 0;}
.nav-menu>li>a { padding: 10px 20px;font-size: 17px;color: #fff;font-weight: 500;border-radius: 5px;margin: 0 10px;width: 150px;text-align: center;font-weight: 700;}
.nav-menu>li:nth-of-type(1){display: none;}
.nav-menu>li:nth-of-type(2)>a{background-color: #F8BA00;}
.nav-menu>li:nth-of-type(3)>a{background-color: #8DC33D;}
.nav-menu>li:nth-of-type(4)>a{background-color: #9C703F;}
.nav-menu>li:nth-of-type(5)>a{background-color: #EB6C87;}
.nav-menu>li:nth-of-type(6)>a{background-color: #83B9E4;}
.nav-menu>li:nth-of-type(7)>a{background-color: #F8BA00;}
.me_tp_features a {padding: 6px 15px;}
.tp_links { padding: 5px 5px;}
.nav-brand { width: auto; line-height: 0;}
.shop_search_btn { background: #403332;}
.nav-dropdown .submenu-indicator{display: none;}
.nav-dropdown>li:hover>a, .nav-dropdown>li.focus>a{color:#fff;}
.nav-dropdown .nav-dropdown{border: unset; background: unset;}

.footer { background: #F9F9F9;}
.footer_info { padding: 0; text-align: center;}
.footer_logo { width: 100%; display: block; margin: 0; padding: 0;}
.footer_info ul { display: block; width: 100%; margin: 0; padding: 0;}
.footer_info li { display: block; width: 100%; margin: 0; padding: 0;}
.footer_info li p { color: #444;}
.f_key_link { text-align: center;}
.f_key_link a { font-size: 12px; color: #ede0ac;}
.copy { padding: 10px 0; color: #ccc; background-color: #fff; margin-top: 25px;}
.copy a { color: #aaa;}


#bottom_menu { background: #f4bd94; border-top: 5px #fff solid;}
#bottom_menu li a { font-size: 15px; color: #fff;}


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

.pageIndex #content_main { margin: 0;}
.title_box { position: relative; padding: 70px 0 25px;}
.title_box span{font-size: 36px;color: #83B8E4;margin-left: unset;letter-spacing: 0.05em;font-weight: 500;}



/* = = = 會員 + 訂單 == = = = = = == = = = = = = = = = = = = = = == = = */

.member_title h2 { font-size: 24px; color: #444444;font-weight: normal;}
.member_title p { border-top: 2px #9C703F solid; padding: 20px 5px 5px 5px;}
.member_title h5{font-weight: normal;font-size: 28px;color: #333333;}
.member_regist input{
  background-color: rgba(238, 238, 238, .4);
  color: #333;
}
.member_regist tr td{padding: 7px;}
.memconfimtitle{
  padding: 7px 15px;
  text-align: center;
  color: #fff;
  background-color: #9C703F;
  font-size: 18px;
  margin: 0 auto 15px;
  max-width: 800px;
}
.memconfimtitle1{
  max-width: 650px;
  margin: 0 auto 15px;
}
.member_copy_right_box{
  background-color: #fff;
}
.mem_regist_title_s_s{
  max-width: 800px;
  text-align: left;
  margin: auto;
}
.mem_regist_title_s_s > p{
  font-size: 12px;
  color: #D90000;
}
.mem_regist_title_s_s1{
  max-width: fit-content;
  margin: auto;
}

.login_mem_name, .login_mem_pass, .login_mem_submit { border-radius: 4px;}
.login_mem_submit { background: #F4BD94;}
.login_mem_other_link a { color: #777;}
.member_login_regist { background: #fff; border-radius: 20px; padding: 30px;}
.member_login_regist h2 { margin-bottom: 10px;}
.member_login_regist p { margin-bottom: 30px; color: #666; letter-spacing: 2px;}
.member_login_regist a { background: #F8BA00; border-radius: 500px;width: 200px;  padding: 7px 15px; font-size: 16px; color: #fff;}

.mem_regist_title_s_s2{text-align: center;}
.mem_regist_title_s { background: #FFEFB3; border-radius: 5px;}
.mem_regist_title_s_s input[type="button"],
.mem_regist_title_s_s input[type="submit"] { font-size: 16px; color: #fff; background: #FFA8A9; border-radius: 10px; padding: 15px 30px;;}
.mem_regist_title_s_s input[type="button"], 
.mem_regist_title_s_s input[type="submit"]{
  max-width: 210px;
  margin: auto;
  display: block;
  background-color: #F8BA00;
  border-radius: 500px;
}
.mem_regist_title_s2{
  max-width: 600px;
  width: 100%;
  background-color: #9C703F;
  color: #fff;
}

.login_mem_name,
.login_mem_pass{
  background-image: unset;
  border: 1px #ccc solid;
  background-color: #EEEEEE;
  padding-left: 7px;
}
.login_mem_submit{
  border-radius: 500px;
  width: 150px;
  background-color: #F8BA00;
  margin: 30px 0 0;
}

.mem_box2 input.bbtn01,
.mem_box2 input.bbtn02 { margin: 10px; font-size: 16px; border-radius: 500px;}
.mem_box2 input.bbtn01 { background: #9C703F;}
.mem_box2 input.bbtn02 { background: #F8BA00;}

.member_order { background: #fff;border-radius: 5px;}
.member_order * { transition: all .5s;}
.member_order a {background-image: unset;  background: #fff; width: auto; height: auto; text-indent: inherit; margin: 10px 1% ; border: 1px #ddd solid; border-radius: 10px; padding: 15px 15px; width: 30%; text-align: center; position: relative; font-size: 15px; color: #666;border-radius: 500px;background-color: #fff;border: 1px solid #EEEEEE;}
/* .member_order a:after { content: ''; display: block; width: 10px; height: 10px; background: url("../images/custom/MEO_img18.png") no-repeat; background-size: contain; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} */
.member_order a:hover {background-image: unset; background-color: #f8b623; border-color: #f8b623; color: #fff; font-weight: 1000;}

.order_history tr td:nth-child(3) a { background: #F8BA00;}
.mask_order_history{margin: 0 auto 30px;}
.order_history{max-width: 800px;width: 100%;}

/* = = = 匯款通知 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

.rewrite_simple, .send_simple { border-radius: 10px; height: 50px; line-height: 50px;}
.rewrite_simple { background-color: #F4BD94;}
.send_simple { background-color: #FFA8A9;}

/* = = = 聯絡我們 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.list_before.info li{padding: 5px 0 0;padding-left: unset;}
.contact_content .information_left{width: 320px;}
.contact_content .information_right{width: calc(100% - 335px);}
.con_info_edit dl{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin: 10px 0 0;}
.con_info_edit dl dd{margin: 10px 10px 5px 0;}
.con_info_edit dl dd a:hover img{transform: scale(0.95)rotate(8deg);}
.innersend{width: 150px;border-radius: 15px;background-color: #F8BA00;}
.animated-arrow{background: unset;max-width: fit-content;}
.blank_letter{color: #9C703F;}
.contact_form li .form__insert input,
.contact_form li .form__insert textarea{background-color: rgba(238, 238, 238,.4);}

/* 文章管理 */
.blog_page .main_part { max-width: 1600px;}
.submenu { background: #FFEFB3;}
.submenu a:before { content: "\f0da"; top: 10px; left: 10px; font-size: 18px;}
.blog_le .accordion li i { font-size: 20px;}
.fa-chevron-down:before { content: "\f0d7";}
.blog_subbox { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.subbox_item { width: 32%; margin: 0 1% 20px 0; float: none !important; border-top-left-radius: 35px; border-top-right-radius: 35px; overflow: hidden;}
.subbox_item a { height: auto; padding: 0 0 40px;}
.blog_list_le img { max-height: none;}
.blog_list_ri h5 { -webkit-line-clamp: 1; font-weight: 1000;padding:15px 0 0;}
.blog_list_ri p { -webkit-line-clamp: 3; height: 47px;}
.subbox_item a:before,
.subbox_item a:after { display: none;}
.page strong, .page a { border: 2px #000 solid; border-radius: 7px;}
h4.blog_category_title{border-bottom: 1px solid #EEE;}
h5.blog_le_t em{color: #9C703F;}
h5.blog_le_t span{color: #AAAAAA; font-size: 14px;}
.blog_search input[type="search"] { border: 1px #999999 solid;background-color: #ffffff00;}
.blog_search input[type="submit"] { background-image: unset;}
.blog_le .accordion { border: unset;border-radius: unset;}
.blog_le .accordion li .link:last-child{border-bottom: 1px solid #EEEEEE;}
.blog_le .accordion > li:hover, .blog_le .accordion > li.on_this_category{background-color: #F8BA00;color: #fff;}
.blog_le .accordion > li:hover .link a, .blog_le .accordion > li.on_this_category .link a{color: #fff;}
.blog_le .accordion li.open .link { background-color: #F8BA00;}
.blog_list_le{position: relative;z-index: 1; text-align: center;border-radius: 20px;padding: 0px;overflow: hidden;}
.blog_list_le::before{content: 'MORE';display: flex;justify-content: center;align-items: center;border-radius: 500px;background-color: #F8BA00;color: #fff;font-weight: bold;font-size: 16px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;width: 85px;height: 85px;padding: 0px;z-index: 10;}
.subbox_item:hover .blog_list_le::before{opacity: 1;}
.blog_list_le::after{content: '';position: absolute;;width: 100%; height: 100%; background-color: #FFFFFF;opacity: 0;top: 0px;left: 0px;}
.subbox_item:hover .blog_list_le::after{opacity: .5;}
.blog_list_ri em{margin: 10px 0 20px;border-bottom: 1px solid #EEE;}
.page li{border-radius: 500px;border: unset;padding: 10px 15px;}
.page li.activeN{background-color: #F8BA00;color: #fff;}
.page li a{width: unset;height: unset;border: unset;min-width: unset;padding: unset;line-height: 120%;}
.page strong, .page a:hover{background: unset;}
.page li:hover{background: #F8BA00;}


.blog_in_page .main_part { max-width: 1600px;}
.blog_box_edit { color: #333; font-weight: 500; line-height: 175%;}
.blog_box_edit * { color: #333; font-weight: 500; line-height: 175%;}
.blog_back {padding: 50px 0 0;}
.blog_back a.article_btn_prev,
.blog_back a.article_btn_next{background: #9C703F;}
.blog_back a.article_btn_back{background: #F8BA00;}
.blog_back a{color: #fff;}


/* 商品管理 */

.product_page .main_part{
  max-width: 1600px;
}


.prod_cont{
  display: grid;
  grid-template-columns: 185px 1fr;
  position: relative;
  z-index: 1;
  max-width: calc(100% + 10%);
  gap: 20px;
}
.prod_cbox{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
.products-list .item{
  width: 24%;
  border: unset;
  border-radius: unset;
}
.products-list .item .pic{
  display: block;
  line-height: 0px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  z-index: 1;

}
.products-list .item .pic img{
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  min-height: 100%;
}
.products-list .item .pic::before{
  content: '+';
  font-size: 50px;
  color: #fff;
  border-radius: 500px;
  background-color: #F8BA00;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  width: 60px;
  height: 60px;
  font-weight: 100;
  opacity: 0;
}
.products-list .item .pic::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.products-list .item:hover .pic::before{
  opacity: 1;
}
.products-list .item:hover .pic::after{
  opacity: .4;
}
.products-list .name,
.owlbox1 .item .name{
  font-weight: 600;
  margin-top: 20px;
  min-height: 63px;
}
.owlbox1 .price, .products-list .price{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 5px 0 15px;
  font-weight: normal;
  padding: 0 10px;
}
.owlbox1 .price b.prc_sale, .products-list .price b.prc_sale{
  font-weight: normal;
  color: #777777;
}
.owlbox1 .price b.prc_sale, .products-list .price b.prc_sale{
  padding: 10px 10px 0 0;
}
.products-list .item .more{
  text-align: center;
  padding:8px;
  border-radius: 5px;
  background-color: #9C703F;
  color: #fff;
}
.owlbox1 .item .more{
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    background-color: #9C703F;
    color: #fff;
}
.item:hover .more{
    background-color: #F8BA00;
}
.price > b{
  display: block;
  text-align: center;
  padding: 10px 0 0;
}
.products-list .item:hover .more{
  background-color: #F8BA00;
}
.title_box h2{
  color: #F8BA00;
}

.product-layer-two li{display: block;width: 100%;text-align: center;margin: 0 0 10px;}
.product-layer-two li a { width: 100%;border-radius: 8px; color: #fff; border: unset; background-color: #F8BA00;display: block;padding: 10px;}
.product-layer-two li a:after { display: none;}
.product-layer-two li.active a,
.product-layer-two li a:hover{ background-color: #8DC33D; border: unset;}
.product-layer-two li ul li a:hover { background-color: #47300f;border: unset;}
.product-layer-two li.active ul li a{background-color: #705022;}
.product_info_page .main_part{
  max-width: calc(1400px + 10%);
}
.pd_category,
.pd_spec,
.pd_price{
  margin-bottom: 25px;
}
.pd_spec span,
.pd_price span,
.pd_info em,
.pd_price p#pd_price{
  color: #AAAAAA;

}

.prd_ttile { display: block; padding: 0; border: none;}
.prd_ttile h5 { color: #fff; padding: 10px 20px; background: #9C703F; text-align: left; border-radius: 10px;}
.prd_ttile h5:before { content: unset;}

.toShare { display: flex; align-items: center; justify-content:space-between;}
.toShare a { width: 48%; background: no-repeat center center; display: block; height: 50px; border-radius: 10px;}
.toShare a.btn_fb { background-image: url("../images/custom/MEO_img22.png");}
.toShare a.btn_line { background-image: url("../images/custom/MEO_img23.png");}

.prod_EditBox { font-size: 17px; color: #444; padding: 25px 0; line-height: 175%;}
.prod_EditBox * { line-height: 175%; box-sizing: border-box;}
.prod_EditBox img { max-width: 100% !important; height: auto !important;}

.lastPage { background: #F8BA00; border-radius: 10px;}

.New_pay_model { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.New_pay_model .separate_title { width: 100%; margin:  0 0 25px;}
.New_pay_model .payment { width: 39%; margin: 0;}
.New_pay_model .total_amount { width: 59%; margin: 0;}
.New_pay_model .total_amount ul { position: static; background-color: #fff;}
.total_amount li { margin: 0; padding: 10px 0;border-bottom: 1px dashed #ddd;}
.total_amount li:nth-last-of-type(1){border: unset;}
.total_amount li:after { content: ''; clear: both; display: block;}
.total_amount li b { font-size: 13px; color: #aaa; font-weight: 400; display: block;}
.total_amount1{background-color: #fff;}
.separate_type{padding: 30px 15px;}
.total_amount ul{background-color: #fff;}

.ShopMoney { position: relative;}
.ShopMoney input[type=text] { font-size: 13px; color: #444; width: 100px; height: 24px; line-height: 24px; padding: 3px; border: 1px #ccc solid;}
.ShopMoney input[type="button"] { font-size: 13px; color: #fff; background: #666; position: absolute; right: 0; top: 0; cursor: pointer; border: none; height: 24px; line-height: 24px; padding: 0 7px;}


.Bank_Information { padding: 50px 0 50px;}
.Bank_Information dl { display: flex; align-items: center; flex-wrap: wrap;}
.Bank_Information dl dt { width: 100%; margin: 0 0 10px;}
.Bank_Information dt h4 { font-size: 24px; display: inline-block; margin-right: 10px;}
.Bank_Information dt span { font-size: 13px; color: #ff5722; display: inline-block;}
.Bank_Information dl dd { width: 25%; display: flex; align-items: center; background: #F8BA00; border: 2px #fff solid; padding: 4px 7px; border-radius: 10px;color: #fff;flex-direction: column;text-align: center;}

.Bank_Information dd h6 { font-size: 17px; color: #fff; font-weight: 1000; width: 100%;}
.Bank_Information dd p { font-size: 16px; color: #666; font-weight: 400; width: 100%;}

.total_amount { width: 100%;}
.total_amount .rewrite_simple,
.total_amount .send_simple { width: 200px;}

.total_amount ul:after{content: unset;}
.shopping-cart .cart_head{background-color: #9C703F;}
.shopping-cart .cart_content .row{border-top: unset;}
.rewrite_simple{background-size: 13px;line-height: 0px;background-color: #9C703F;border-radius: 500px;}
.send_simple{background-size: 13px;line-height: 0px;background-color: #F8BA00;border-radius: 500px;}

.shopping_add{
  margin: 0 auto 30px;
  width: 100%;
}
.shopping_add > h4{
  background-color: #9C703F;
  font-size: 16px;
  color: #fff;
  line-height: 120%;
  letter-spacing: 0.1em;
  padding: 10px;
  font-weight: normal;
  width: 100%;
  margin:40px 0 20px;
}
.owl-theme .owl-nav{
  display: none;
}
.owl-dots{
  margin: 20px  0 0;
}
.shopping_add > .product .add_item dl{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.shopping_add > .product .add_item dl dd{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin: 15px 0 0;
  width: 100%;
}
.shopping_add > .product .add_item dl dd section{
  width: 100%;
}
.shopping_add > .product .add_item dl dd section h4{
  font-size: 15px;
  color: #000;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 150%;
  max-height: 40px;
  overflow: hidden;
}
.shopping_add > .product .add_item dl dd section s{
  display: block;
  font-size: 15px;
  color: #000;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 150%;
  width: 100%;
  margin: 10px 0 5px;
}
.shopping_add > .product .add_item dl dd section select{
  width: 80%;
}
.shopping_add > .product .add_item dl dd section p{
  font-size: 15px;
  margin: 0 0 15px 0;
  color: #333333;
  line-height: 120%;
  letter-spacing: 0.05em;
}
.shopping_add > .product .add_item dl dd section p.o_price{
  margin: 15px 0 10px;
  font-size: 14px;
  position: relative;
  z-index: 1;  
  max-width: fit-content;
}
.shopping_add > .product .add_item dl dd section p.o_price::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 10;
  height: 1px;
  background-color: #000;
  width: 100%;
}
.owl-carousel .owl-item img{height: unset !important;object-fit: unset !important;}
.shopping_add > .product .add_item dl dd section b{
  display: block;
  font-size: 12px;
  margin: 15px 0 20px;
  color: #333333;
  line-height: 120%;
  letter-spacing: 0.05em;
  font-family: 'Noto Serif TC';
}
.shopping_add > .product .add_item dl dd section b span{
  display: inline-block;
}
.shopping_add > .product .add_item dl dd button{
  width: 100%;
  font-size: 12px;
  background-color: #705022;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}
.shopping_add > .product .add_item dl dd button:hover{
  background-color: #c29055;
}
.shopping_add > .product .add_item dl dt{
  width: 100%;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shopping_add > .product .add_item dl dt img{
  width: 100%;
}
.member_discount .order_history tr:nth-child(1) td{
  background-color: #705022;
  color: #fff;
}
.member_discount > h5{
  max-width: 800px;
  text-align: right;
  margin: 15px auto 0;
  color: #444;
  font-size: 15px;
}
.member_discount > h5 s{
  margin: 0 0 0 10px;
  font-size: 18px;
  color: #000;
}
.products-list .price span{
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.innersend{padding: 0 15px;text-align: center;}

@media screen and (max-width:1200px) {
  .fw_title { padding: 220px 15px 100px;}
  .fw_title h4 b { font-size: 36px; padding: 10px 15px;}
  .subbox_item { width: 48%; margin: 0 1% 20px;}
  .products-list .item{width: 32%;}
}

@media screen and (max-width:1024px) {
  /*商品*/
  .products-list .item{width: 49%;}
  .owlbox1 .price, .products-list .price{flex-direction: column;}
}

@media screen and (max-width:960px) {
  .Bank_Information dl dd {width: 50%;}
}

@media screen and (max-width: 768px) {
  .header_area { transform: none; left: 0; position: static; padding: 10px 20px;}
  .header_area.sticky { left: 0;}
  .nav-menu { margin: 0;}
  .fw_title { padding: 100px 15px;}
  .fw_title h4 b { font-size: 28px;}
  .nav-brand img { height: 60px;}

  .main_part { padding: 25px 5%;}
  .show_content { padding: 0;}
  .form_content { width: 100%; padding: 0;}
  
  #bottom_menu { display: block;}
  h4.blog_category_title { font-size: 20px;}
  .order_history tr { width: 98%;}
  .shopping-cart .cart_content .row { display: block;}

  /*商品*/
  .prod_cont{grid-template-columns: 1fr;}

  .order_history tr td:nth-child(1){background-color: #705022;color: #fff;}
  .order_history tr td{float: unset;text-align: center;}
}

@media (max-width:650px){
  .shopping_add > .product .add_item dl{flex-direction: column;}
  .shopping_add > .product .add_item dl dt{align-self: center;}
  .shopping_add > .product .add_item dl dd{max-width: 100%;margin: 15px 0 0;}

}

@media screen and (max-width: 640px) {
  .payment li:nth-child(1):after { display: inline-block;}
  .ShopMoney { width: 100%;}
  .ShopMoney input[type=text] { width: 100%;}
  .New_pay_model .payment { width: 100%;}
  .New_pay_model .total_amount { width: 100%;}
}

@media screen and (max-width: 570px) {
  .products-list .item { /*width: 100%; display: block;*/ padding: 5px; margin: 0;}
  .products-list .pic { padding: 0; height: auto;}
  .subbox_item { width: 98%;}
  .subbox_item a:before { font-size: 13px;}
  .blog_list_ri h5 { height: auto; font-size: 17px;}
  .blog_list_ri p { height: auto;}  
  .Bank_Information dl dd {width: 100%;}

  /*商品*/
  .products-list .item{width: 100%;}

  .member_order a{width: 100%;}
}
@media screen and (max-width: 450px) {
  /*商品*/
  .total_amount .rewrite_simple, .total_amount .send_simple{width: 120px;}
  .small_pic{position: relative;width: unset;height: unset;top: unset;left: unset;margin-left: unset;display: block;margin: 15px 0;}
  .shopping-cart .cart_content .row{margin-left: unset;}
  .shopping-cart .cell:before{float: unset;}
  .shopping-cart .cell,
  .shopping-cart .cell.product_name, .shopping-cart .cell.amount, .shopping-cart.check .cell.product_name, .shopping-cart.check .cell{text-align: center;}
  .owlbox1 .price b.prc_promotion:before, .products-list .price b.prc_promotion:before{display: block;}
}


/*top footer*/

.nav-menu>li.tp_links{
  display: none;
}

.nav-dropdown{
  min-width: 170px;
}
.nav-dropdown>li{
  padding: 5px 5px 0 0;
  background-color: #ffffff00;
  width: 100%;
}
.nav-menu>li>.nav-dropdown{
  border: unset;
  background-color: unset;
}
.nav-dropdown > li > a{
  background-color: #9C703F;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.1em;
}
.nav-dropdown > li > a:hover{
  background-color: #B25900;
  color: #fff;
}
.product-layer-two li ul{opacity: 1;width: 100%;margin-left: 0px;background-color: #fff;}
.product-layer-two li:hover ul{    border: 2px solid #39191100;}
.product-layer-two li li{background: unset;}
.product-layer-two li li a{background-color: #705022;}

.footer_info li{
  margin: 40px 0;
}

.copy{
  background-color: #07473E;
  color: #CCCCCC;
}

@media screen and (max-width: 1500px) {
  .nav-header{width: 220px;}
}
@media screen and (max-width: 1360px) {
  .nav-header{position: unset;top: unset;left: unset;width: 100%;text-align: center;}
  .me_tp_features{text-align: center;position: unset;top: unset;right: unset;}
  .nav-menu{margin: 20px 0 30px;padding: 0px;float: unset;text-align: center;}
  .nav-menu>li>a{margin: 15px 10px;}
}
@media screen and (max-width: 12000px){
  .navigation-portrait .submenu-indicator{top: 7px; right: 15px;}
}
@media screen and (max-width: 768px) {
  .nav-menu>li{padding:10px;}
  .nav-menu>li>a{margin: unset;}
  .nav-dropdown>li,
  .navigation-portrait .nav-dropdown>li>a{width: 100%;text-align: left;}
  .navigation-portrait .nav-dropdown>li>a:before{content: unset;}
  .navigation-portrait .nav-menu>li{border: unset;}
  .navigation-portrait .nav-menu > li > a{text-align: left;}
}

/*other_select_page*/

.other_select_page .promotion_title,
.other_select_page .other_promotion,
.other_select_page .page {display: none;}

@media screen and (max-width: 568px) {
  .prod_cont{max-width: 350px;margin: auto;}
  .products-list .item .pic{height: unset;}
  .products-list .item .pic img{width: unset;max-width: 100%;}
}