@charset "utf-8";
/* CSS Document */

body{ font-size:1em; color:#333; margin:0; padding:0; background:#f7f7f7;}

a:focus, button:focus , input:focus{ outline:none;}

.mobile_toggle_btn{ border:none; background:none; display:none;  position: fixed; right: 5px; top: 20px; z-index: 30;}
.mobile_toggle_btn span{ display:block; width:35px; height:3px; background:#000; margin-bottom:5px;}
.mobile_toggle_btn span:last-child{ margin-bottom:0;}
.mobile_toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);}
.mobile_toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 7px;}
.mobile_toggle_btn.active span:nth-child(3){ display:none;}
.hide{ display:none;}

.header_div{background:url(../images/header_bg002.png) bottom center no-repeat; position: fixed; left: 0; top: 0; width: 100%;z-index: 4;}
.header_div .top_div{ background:url(../images/header_bg001.png) top center no-repeat; height: 105px;}
.header_div .top_div .outer{ max-width:1000px; margin:0 auto; padding:0px 10px;display: flex;  align-items: center;  justify-content: space-around; padding-right:200px;}
.header_div .top_div .outer .brand{ width:280px; }
.header_div .top_div .outer .brand img{ height:65px;}
.header_div .top_div .outer .brand .mobile{ display:none;}

.header_div .top_div .outer .search_div{ width:calc(100% - 300px - 175px - 10px);padding-top: 15px; padding-right:10px;}
.header_div .top_div .outer .search_div .box{display: flex;  align-items: center;  justify-content: space-around; background:#fff; border:1px solid #1b1b1b; border-radius:5px; padding:5px;}
.header_div .top_div .outer .search_div .box input[type="text"]{ border:none; padding:0; background:none; width:calc(100% - 30px);font-size: 20px;}
.header_div .top_div .outer .search_div .box input[type="submit"]{ border:none; background:url(../images/header_icon_search.png) center no-repeat; background-size:auto 24px; padding:5px; width:50px; height:30px; border-left:1px solid #1b1b1b;}
.header_div .top_div .outer .search_div.had-story{width: calc(100% - 290px - 175px - 10px - 100px);} 
.header_div .top_div .outer .links{ display:flex;align-items: center; }
.header_div .top_div .outer .links .story{ margin-right:5px;}
.header_div .top_div .outer .links .story a{ 
	font-size:17px; display:inline-flex; align-items: center; text-decoration:none;
	background: #ffd2d0;
	padding: 2px 3px;
	border-radius: 5px;
	border: 1px solid #ffd2d0;
	color: #ba413c;
}
.header_div .top_div .outer .links .history{ margin-right:5px;}
.header_div .top_div .outer .links .history a{ 
	font-size:17px; display:inline-flex; align-items: center; text-decoration:none;
	background: #fce877;
	padding: 2px 3px;
	border-radius: 5px;
	border: 1px solid #f7d348;
	color: #473800;
	line-height: 1.1;
	text-align: center;
}
.header_div .top_div .outer .links .history a i{font-style: normal;  display: block;}
.header_div .top_div .outer .links .history a img{ height:24px; margin-right:5px;}
.header_div .top_div .outer .links .society a img{ height:30px;}

.header_div .bottom_div{  border-bottom:1px solid #dcdcdc;    position: relative;}
.header_div .bottom_div .outer{ max-width:1200px; margin:0 auto;display: flex; align-items: flex-end;  justify-content: space-around; padding:0px 15px; }
.header_div .bottom_div .outer .col01{ width:calc(100% - 205px);display: flex;  align-items: center;}
.header_div .bottom_div .outer .col02{ width:205px;}
.header_div .bottom_div .outer .back_home{
	font-size: 1.2em;
	text-decoration: none; 
	display: inline-block; 
	margin-bottom: 5px;
	background: #fef0f0;
	padding: 0px 3px;
	border-radius: 5px;
	border: 1px solid #f00;
	color: #f00; 
}
.header_div .bottom_div .outer .btn_navi{ padding-bottom:10px; width:90px; text-align:center; display: none;}
.header_div .bottom_div .outer .btn_navi .web_toggle_btn{ background:none; border:none;position: relative; cursor:pointer; }
.header_div .bottom_div .outer .btn_navi .web_toggle_btn span{ display:block; height:2px; width:30px; background:#000; margin-bottom:5px;}
.header_div .bottom_div .outer .btn_navi .web_toggle_btn span:last-child{ margin-bottom:0;}
.header_div .bottom_div .outer .btn_navi .web_toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);top: 2px;}
.header_div .bottom_div .outer .btn_navi .web_toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 2px;}
.header_div .bottom_div .outer .btn_navi .web_toggle_btn.active span:nth-child(3){ display:none;}



.header_div .bottom_div .outer .filter{ display:flex; flex-wrap:wrap; padding-bottom:10px;}
.header_div .bottom_div .outer .filter a{ display:inline-block; color:#000; text-decoration:none;}
.header_div .bottom_div .outer .filter .latest{ margin-right:10px; cursor:pointer; border:1px solid #000; padding:3px 10px; min-width:80px; text-align:center; font-size:18px; color:#000; background:#fff;}
.header_div .bottom_div .outer .filter .latest.active{background: #97b030; color:#fff;}
.header_div .bottom_div .outer .filter button.price{cursor:pointer; border:1px solid #000; padding:3px 10px; font-size:18px; color:#000; background:#fff;  display:flex; flex-wrap:wrap; justify-content: space-between; min-width:160px;}
.header_div .bottom_div .outer .filter button.price.active span{ color:#97b030;}
.header_div .bottom_div .outer .filter button.price i{ background:url(../images/icon_dropdown_001.png) center no-repeat; background-size:20px auto; width:26px; height:26px; display:inline-block; }
.header_div .bottom_div .outer .path_total{display: flex;  align-items: center;padding-bottom:10px;}
.header_div .bottom_div .outer .path_total .path{ 
	font-size:18px;
	color:#626262;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	max-width: 600px;
}
.header_div .bottom_div .outer .path_total .total{ color:#626262; font-size:15px; margin-left:20px; min-width: 60px;}
.header_div .bottom_div .outer .img img{margin-top:-100px;}
.header_div .bottom_div .sub_menu{
	display:none; position: absolute; left: 0; width: 100%; background: #fff;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.3);
}
.header_div .bottom_div .outer .filter .dropdown_price{margin-right:20px;}
.header_div .bottom_div .outer .filter .dropdown_price .drop_down{
	position:absolute; display:none; background:#fff; width:160px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
 }
.header_div .bottom_div .outer .filter .dropdown_price .drop_down a{ display:block; padding:8px 10px;}
.header_div .bottom_div .outer .filter .dropdown_price .drop_down a:hover{    color: #bf001f;}
.header_div .bottom_div .outer .filter .dropdown_price:hover .drop_down{ display:block;}
.header_div .bottom_div .sub_menu .box{ max-width:1100px; margin:0 auto; padding:10px 50px;}
.header_div .bottom_div .sub_menu.active{ display:block;}
.header_div .bottom_div .sub_menu .owl-carousel{ position:relative;}
.header_div .bottom_div .sub_menu .owl-carousel button span{ display:none;}
.header_div .bottom_div .sub_menu .owl-carousel .owl-prev{ position:absolute; left:-50px; top:30%; background:url(../images/icon_arrow_left.svg) center no-repeat; width:30px; height:50px;}
.header_div .bottom_div .sub_menu .owl-carousel .owl-next{ position:absolute; right:-50px; top:30%; background:url(../images/icon_arrow_right.svg) center no-repeat; width:30px; height:50px;}
.header_div .bottom_div .sub_menu .owl-carousel .item ul{ margin:0; padding:0; list-style:none;}
.header_div .bottom_div .sub_menu .owl-carousel .item ul li a{ text-align:left; display:block; color:#333;  text-decoration:none; padding:5px 0;}
.header_div .bottom_div .sub_menu .owl-carousel .item ul li a:hover{ color:#97b030;}
.header_div .bottom_div .sub_menu .owl-carousel .item ul li ul{ padding-left:25px;}
.header_div .bottom_div .mobile_history{ display: none; font-size: 13px; margin-left: 2px; }
.header_div .bottom_div .mobile_history a{
	display: inline-block;
	text-decoration:none;
	background: #fce877;
	padding: 2px 2px;
	border-radius: 5px;
	border: 1px solid #f7d348;
	color: #473800;
}
.header_div .bottom_div .mobile_history i{ display: none;} 
.header_div .bottom_div .mobile_story{ display: none; font-size: 13px; margin-left: 2px; }
.header_div .bottom_div .mobile_story a{
	display: inline-block;
	background: #ffd2d0;
	padding: 2px 2px;
	border-radius: 5px;
	border: 1px solid #ffd2d0;
	color: #ba413c;
	text-decoration: none;
}





.main_div{ min-height:calc(100vh - 156px - 125px); margin-top: 156px; position: relative; z-index: 1;padding-top: 25px;}
.main_div.home-main{
	margin-top: calc(156px + 34px);
}
.main_div .outer{ max-width:1200px; margin:0 auto; padding:0 15px;}
.main_div .outer .two_cols{
	display: flex; flex-wrap: wrap;
}
.main_div .outer .two_cols .col01{
	width: 240px;
	padding:0;
	position: relative;
}
.main_div .outer .two_cols .col02{
	width: calc(100% - 240px - 20px);
	padding-left: 10px;
}
.main_div .outer .two_cols .col02 .sub-bottom{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.main_div .outer .two_cols .sub_navi{ width: 240px; padding:0;position: relative;}
.main_div .outer .two_cols .product_list{	width: calc(100% - 240px - 10px);min-height: 85vh; margin-top: -8px; padding-right: 10px;}
.main_div .outer .two_cols .banners{	width: 240px;}
.main_div .outer .two_cols .banners .item_cate{
	padding: 8px;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 75%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(18%, rgba(246,246,246,1)), color-stop(75%, rgba(237,237,237,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 75%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 75%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 75%, rgba(237,237,237,1) 100%);
	border: 1px solid #dcdcdc;
	border-radius: 10px 0 0 0;
}
.main_div .outer .two_cols .banners .item_cate{
	margin-top: 20px;
}
.main_div .outer .two_cols .banners .item_cate:first-child{
	margin-top: 0px;
}
.main_div .outer .two_cols .banners .item_img img{
	width: 100%;
}
.main_div .outer .two_cols .banners .item_img{
	border: 1px solid #dcdcdc;
	margin-bottom: 8px;
}
.main_div .outer .two_cols .sub_navi .box{width: 235px;}
.main_div .outer .two_cols .sub_navi .box .show-cover{
	display:none ;
}
.main_div .outer .two_cols .sub_navi .box .show-cover.active{
	display:block ;
}
.main_div .outer .two_cols .sub_navi .box .show-cover:after{
	/*
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	top: 0;
	*/
}
/*
.main_div .outer .two_cols{ display: flex; flex-wrap: wrap; }
.main_div .outer .two_cols .sub_navi{ width: 295px; padding:0 20px 0 0;position: relative;}
.main_div .outer .two_cols .sub_navi .box{width: 290px;}
.main_div .outer .two_cols .product_list{ width: calc(100% - 315px);min-height: 85vh; margin-top: -8px;}
*/
.main_div .outer .sub_navi .box{
	/*padding: 10px;*/
	background: #fef9d8;
	/*border: 1px solid #dcdcdc;*/
	border: 1px solid #5c5c5c;
	/*height: calc(100vh - 160px - 50px - 100px);*/
	min-height: 450px;
	overflow-x: hidden;
  	overflow-y: auto;
	/*position: relative;*/
	/*direction:rtl; */
	padding:  0;	
	/*top: 170px;*/
	position: static;
	
}

.main_div .outer .sub_navi .box::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}

/* Track */
.main_div .outer .sub_navi .box::-webkit-scrollbar-track { 
  border-radius: 8px;
	
}
 
/* Handle */
.main_div .outer .sub_navi .box::-webkit-scrollbar-thumb {
  background: #f4e9a0; 
  border-radius: 8px; 
}

/* Handle on hover */
.main_div .outer .sub_navi .box::-webkit-scrollbar-thumb:hover {
  background: #f7d348; 
  cursor: pointer;
}


.main_div .outer .sub_navi .box.fixed{  width: 290px; top: 170px; max-height: calc(100vh - 160px - 150px);}
.main_div .outer .sub_navi .box .item{
	/*position: relative;*/
	direction:ltr;
	border-bottom: 1px dashed #999;
	margin: 5px 0;
}
.main_div .outer .sub_navi .box .item:last-child{
	border-bottom: none;
}
.main_div .outer .sub_navi ul{ list-style: none; margin: 0; padding: 0px;}
.main_div .outer .sub_navi ul ul{ padding-left: 0;}
.main_div .outer .sub_navi ul li{ padding: 0; margin: 0; display: block; }
.main_div .outer .sub_navi ul li a{ font-size: 15px; color: #333; text-decoration: none; position: relative; display: flex; flex-wrap: wrap;align-items: center;	; padding:5px 0px;}
.main_div .outer .sub_navi ul li a i{ display: inline-block; width: 48px; height: 48px; text-align: center;}
.main_div .outer .sub_navi ul li a i img{	
	max-height: 85%;
	max-width: 85%;
}
.main_div .outer .sub_navi ul li a b{
	font-weight: 700;
	display: inline-block;
	align-items: center;
	width: calc(100% - 48px - 8px);
	padding-right: 8px;
}
.main_div .outer .sub_navi ul li a span{ color: #a5a5a5; display: inline-block; position: absolute; right: 0; top: 0; display: none;}
.main_div .outer .sub_navi ul li a:hover{    color: #bf001f;}
.main_div .outer .sub_navi ul li a.active{    color: #bf001f;}
.main_div .outer .sub_navi ul li a.had_sub{ 
	/*padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;*/
	display: flex;
	flex-wrap: wrap;
	
}
.main_div .outer .sub_navi ul li a.had_sub:before{ 
	/*
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #878788 transparent transparent transparent;	
	*/
}
.main_div .outer .sub_navi ul li a.had_sub.active:before{ 
	content: ''; position: absolute; right: 0; top: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #dfdfdf;	
}
.main_div .outer .sub_navi ul li a.had_sub span{ display: none;}
.main_div .outer .sub_navi ul li .tree{overflow: hidden; opacity: 0; width: 0; height: 0;   position: absolute;transition: 0.5s ease; left: 225px;  z-index: 666; background-color: #fff; border: 1px solid #5c5c5c; display: flex;}
.main_div .outer .sub_navi ul li .tree.tree_parent{	
	/*bottom: -54px;*/
	top: 0;
	bottom: 0;
}
.main_div .outer .sub_navi .icon-close{
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width:30px;
	height:30px; 
	background:url(../images/icon_close_001.png) center no-repeat; 
	background-size:30px auto;
	z-index: 888;
	cursor: pointer;
}
.main_div .outer .sub_navi ul li .tree{
	width: 100%;
}
.main_div .outer .sub_navi ul li.dropdown .tree.tree_parent{
	/*margin-top: -54px;*/
	top: 0;
	bottom: 0;	
}
.main_div .outer .sub_navi ul li .tree .tree{
	position: relative;
	border: none;
	left: auto;
	background-color: transparent;	
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 13px;
}
.main_div .outer .sub_navi ul li .tree.active{ display: flex; flex-wrap: wrap;}
.main_div .outer .sub_navi ul li .tree:before{
	/*
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #ececec;
	*/
}
.main_div .outer .sub_navi ul li .tree .tree:before{
	/*background-color: transparent;*/
}
.main_div .outer .sub_navi ul li .tree a{ 
	padding: 10px 20px;
	display: block; 
	/*width: calc(250px - 20px); */
	background-color: #ececec;
	border-bottom: 1px solid #fff;
}
.main_div .outer .sub_navi ul li .tree a:hover{
	/*font-style: italic;*/
}
.main_div .outer .sub_navi ul li .tree a span{
	position: relative;
}
.main_div .outer .sub_navi ul li .tree a i{
	display: none;
}
.main_div .outer .sub_navi ul li .tree a b{
	width: 100%;	
}
.main_div .outer .sub_navi ul li .tree .tree a b{
	padding: 0 5px;
	width: calc(100% - 10px);
}
.main_div .outer .sub_navi ul li .tree .tree a + .tree{
	border-top: 1px solid #ccc;
}
.main_div .outer .sub_navi ul li .tree .tree a + .tree .tree{
	border-top: none;
}
.main_div .outer .sub_navi ul li .tree li{
	/*
	display: flex;
	flex-wrap: wrap;
	*/
	/*width: calc(55vw / 3);*/
	width: 100%;
}
.main_div .outer .sub_navi ul li .tree li li{
	width: 100%;
}
.main_div .outer .sub_navi ul li:hover .tree{
	/*	
	width:55vw;
	opacity: 1;
	height: auto;
	max-height: 70vh;
	overflow-y: auto;
	*/
}
.main_div .outer .sub_navi ul li .tree.tree_parent .tree{
	height: auto;
	max-height: initial;
}
.main_div .outer .sub_navi ul li .tree .tree{
	position: relative;
	left: 0;
	opacity: 1;
	display: flex;	
	flex-wrap: wrap;
	height: auto;
	max-height: fit-content !important;
	width: 100%;
	/*width: calc(100% - 270px);*/
}
.main_div .outer .sub_navi ul li:hover .tree .tree{
	position: relative;
	left: 0;
	opacity: 1;
	display: flex;	
	flex-wrap: wrap;
	width: 100%;
	/*: calc(100% - 270px);*/
}
.main_div .outer .sub_navi ul li .tree .tree li{
	/*display: flex;*/
    /*width: max-content;*/
	width: calc(100% / 3 - 20px);
    height: fit-content;
	padding: 0 10px;
	position: relative;
}
.main_div .outer .sub_navi ul li .tree .tree .tree li{
	width: calc(100% / 3);
	padding: 0;
}
.main_div .outer .sub_navi ul li .tree .tree li a{
	background-color: transparent;
	text-align: left;
	width: calc(100% - 10px);
	height: fit-content;
	padding: 5px;
	font-weight: 700;
}
.main_div .outer .sub_navi ul li .tree .tree .tree li a{
	width:max-content;	
}
.main_div .outer .sub_navi ul li .tree .tree .tree li a{
	width: 100%;
}
.main_div .outer .sub_navi ul li:hover .tree .tree a{
	background-color: transparent;
}
.main_div .outer .sub_navi ul li:hover .tree .tree .tree{
	width: 100%;
	display: flex;
}
.main_div .outer .sub_navi ul li:hover .tree .tree .tree li{
	width: 100%;
}
.main_div .outer .sub_navi ul li:hover .tree .tree .tree li a b{
	font-size: 14px;
	font-weight: 400;
}
.main_div .outer .sub_navi ul li .tree .tree .tree .tree li{
	width: fit-content;
}
.main_div .outer .sub_navi ul li:hover .tree .tree .tree .tree li a b{
	/*color:#8e8e8e;*/
}
.main_div .outer .sub_navi ul .side-tab{
	position: absolute;
	top: 0;
	left: -18px;
	width: 15px;
	font-size: 15px;
	border: 1px solid #5c5c5c;
	border-right-color:#5c5c5c ;	
	background: #fff;
	padding: 2px;
	line-height: 1;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
	display: none;
}
.main_div .outer .sub_navi .item li.open .tree{
	width:55vw;
	opacity: 1;
	height: fit-content;
	max-height: 70vh;
	overflow-y: auto;
	display: flex;
	flex-wrap: wrap;	
}
.main_div .outer .sub_navi .item li.open .tree .tree{
	/*width: calc(100% - 270px);
	max-height: fit-content;
	overflow-y: visible;*/
}
.main_div .outer .sub_navi .position .item.none-tab{
	display: none;
}

.main_div .outer .sub_navi .item.had-tab{
	display: none;
	margin: 0;
	border-bottom: none;
}
.main_div .outer .sub_navi .item.had-tab.active{
	display: block;
}
.main_div .outer .sub_navi .item.had-tab.active .side-tab{	
	border-right-color:#fef9d8 ;
	background: #fef9d8;
	cursor: pointer;
} 
.main_div .outer .sub_navi .item.had-tab.active{
	display: block;	
	color: #bf001f;
}
.main_div .outer .sub_navi .item .ul_list>li>a{

}
.main_div .outer .sub_navi .item .ul_list>li li{
	border-bottom: none;
}
.main_div .outer .sub_navi .item .ul_list .had_sub{
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
.main_div .outer .sub_navi .item .ul_list .had_sub:after{
	content: '';
	position: a;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px ;
	border-bottom: 1px dashed #999;
}
.main_div .outer  #side_bar{
	position: absolute;
	left: -24px;
	top: 0;	
	z-index: 10;
}
.main_div .outer  #side_bar .side-tab{	
	width: 20px;
	font-size: 18px;
	font-weight: 700;
	border: 1px solid #5c5c5c;
	border-right-color:#5c5c5c ;	
	background: #fff;
	padding: 2px;
	line-height: 1;
	padding: 5px 0px 5px 2px;
	cursor: pointer;
	margin: 1px;	
	border-radius: 2px 0 0 2px;
	word-break: break-word;
	text-align: center;
} 
.main_div .outer  #side_bar .side-tab:first-child{
	margin-top: 0;
}

.main_div .outer #side_bar .side-tab.active{
	border-right-color:#fef9d8 ;
	background: #fef9d8;
	cursor: pointer;
	color: #bf001f;
}
.main_div .outer .sub_navi .item.had-tab .side-tab + ul{
	display: none;
}
.main_div .outer .sub_navi .item.had-tab.active .side-tab + ul{
	display: block;
}
.main_div .outer .ads{
	position: relative;
}
.main_div .outer .ads .item{
	margin-top: 15px;
}
.main_div .outer .ads .item a{
	display: block;
}
.main_div .outer .ads .item img{
	width: 100%;
}
.main_div .outer .banners .item{
	margin-bottom: 15px;
}
.main_div .outer .banners .item a{
	display: block;
}
.main_div .outer .banners .item img{
	transition: 0.5s ease; 
	width: 100%;
}
.main_div .outer .banners .item img:hover{
	opacity: 0.5;
}
.main_div .outer .product_list{ padding:0 0 20px 0;}
.main_div .outer .product_list .list{ display:flex; flex-wrap:wrap; margin-left:-8px; margin-right:-8px; }
.main_div .outer .product_list .list .empty{ width:100%; text-align:center; margin-top:10vw; font-size:24px; }
.main_div .outer .product_list .list .item{ transition: 0.5s ease;width:calc(100% / 4 ); }
.main_div .outer .product_list .list .item .owl-imgs .item{	width: 100%;}
.main_div .outer .product_list .list .item .owl-imgs .item a{transition: 0.5s ease; /*display:block;*/text-decoration:none;color:#267d91; min-height: 180px;    display: flex;  align-items: center;    justify-content: center;}
.main_div .outer .product_list .list .item .owl-imgs button{
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.7;
}
.main_div .outer .product_list .list .item .owl-imgs button.disabled{
	opacity: 0.1;
}
.main_div .outer .product_list .list .item .owl-imgs button:hover{
	opacity: 1;
}
.main_div .outer .product_list .list .item .owl-imgs button span{
	display: none;
}
.main_div .outer .product_list .list .item .owl-imgs .owl-prev{ 
	background-image: url(../images/icon_owl_left_arrow.svg);	
	position: absolute;
	left: -10px;
	top: calc(50% - 10px);
}
.main_div .outer .product_list .list .item .owl-imgs .owl-next{ 
	background-image: url(../images/icon_owl_right_arrow.svg);	
	position: absolute;
	right: -10px;
	top: calc(50% - 10px);
}
.main_div .outer .product_list .list .item .owl-imgs img{
	max-height: 100%;
}
.main_div .outer .product_list .list .item .box{ margin:5px; padding:8px ; background:#fff; border:1px solid #dcdcdc; text-align:center;}
.main_div .outer .product_list .list .item .img .link{transition: 0.5s ease; /*display:block;*/text-decoration:none;color:#267d91; min-height: 180px;    display: flex;  align-items: center;    justify-content: center;}
.main_div .outer .product_list .list .item .img img{ max-height:180px; max-width:100%;     width: auto;}
.main_div .outer .product_list .list .item .info  h3{
	/*font-size:17px; */
	font-size: 14px;
	color:#267d91; 
	text-decoration:none;
	height:40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align: left;
	margin: 10px 0 0 0;
}
.main_div .outer .product_list .list .item .info  h3 a{
	color: #bf001f;
}
.main_div .outer .product_list .list .item .info .middle{ display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between;}
.main_div .outer .product_list .list .item .info .bottom{ display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between; margin-top:5px;}
.main_div .outer .product_list .list .item .info .bottom .col01{ width:calc(100% - 60px);}
.main_div .outer .product_list .list .item .info .bottom .col02{ width:60px;text-align: right; padding-left: 0;}
.main_div .outer .product_list .list .item .info .price{ display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between; margin-bottom:5px;}
.main_div .outer .product_list .list .item .info .quantity{ display:flex; flex-wrap:wrap;align-items: center; justify-content: space-between;}
.main_div .outer .product_list .list .item .info .quantity button{ cursor:pointer;background: #fff; width:24px; border:1px solid #999; padding:0; border-radius: 0;
    font-size: 16px;   height: 25px; font-size:16px;}
.main_div .outer .product_list .list .item .info .quantity input{  border-radius:0; border:1px solid #999; border-left:none; border-right:none; padding:0 3px; width:calc(100% - 48px); line-height:23px; text-align:center;} 
.main_div .outer .product_list .list .item .info .original_price{ font-size:15px; color:#626262; text-decoration:line-through;}
.main_div .outer .product_list .list .item .info .sale_price{ font-size:15px; color:#bf001f; }
.main_div .outer .product_list .list .item .info .cart{ font-size:13px; color:#626262; display:inline-block; text-align:center; text-decoration:none;}
.main_div .outer .product_list .list .item .info .cart img{ height:28px;}

.main_div .outer .product_list .list .item:hover .img .link{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
	-webkit-transform: scale(1.05, 1.05); /* Safari */
	transform: scale(1.05, 1.05);
	text-decoration:none;
}
.main_div .outer .owl-slider .owl-dots.disabled{
	margin-bottom: 20px;
	display: block;
	padding: 0;
}
.main_div .outer .owl-slider .owl-dots.disabled button{
	display: none;
}
.main_div .outer .owl-slider .item a{
	display: flex;
}
.main_div .outer .owl-slider .item a img{
	width: 100%;
}
.main_div .outer .owl-slider .owl-nav .owl-prev{
	position: absolute;
	top: calc(50% - 18px);
	left: 0;
}
.main_div .outer .owl-slider .owl-nav .owl-next{
	position: absolute;
	top: calc(50% - 18px);
	right: 0;
}
.main_div .outer .owl-slider .owl-nav span{
	background-color: rgba(0,0,0,0.6);
	width: 24px;
	height: 36px;
	display: inline-flex;
	color: #fff;
	align-items: center;
    justify-content: center;
    font-size: 24px;
}
.main_div .outer .owl-slider .owl-nav span:hover{
	background-color: rgba(0,0,0,0.2);
}
.main_div .outer .owl-slider .owl-dots{
	text-align: center;
	padding: 10px 0;
}
.main_div .outer .owl-slider .owl-dots button{
	background-color: #626262;
	border-radius: 100px;
	color: #fff;
	min-width: 20px;
	min-height: 20px;
	margin: 0 3px;
}
.main_div .outer .owl-slider .owl-dots button.active{
	background-color: #fe939e;
	color: #fff;
}
.main_div .outer .owl-slider .owl-stage-outer + .owl-dots.disabled{
	margin-bottom: 15px;
}
.main_div .outer .pagination{ text-align:center; font-size:16px; color:#000;}
.main_div .outer .pagination a{ color:#000; display:inline-block;padding:0 3px; margin:10px 3px; text-decoration:none;}
.main_div .outer .pagination strong{  display:inline-block;padding:0 3px; margin:10px 3px; background:#fe939e; color:#fff; }
.main_div .outer .pagination a:hover{ color:#fe939e;}

.main_div .mobile_path{ display:none; text-align:center; font-size:16px; color:#626262; padding:15px 0;}

.main_div .title{ border-bottom:1px solid #b9bbb0; padding:15px 0;}
.main_div .title .outer{ margin:0 auto; margin:0 auto;}
.main_div .title .outer h2{ text-align:right;margin: 0;}
.main_div .title .outer h2 small{ margin-right:10px; font-weight:400;}
.main_div .order_step{ text-align:center; margin-bottom:20px; margin-top:20px; overflow:hidden;}
.main_div .order_step .list{ display:inline-flex; flex-wrap:wrap; width:600px;}
.main_div .order_step .list .item{ text-align:center; width:calc(100% / 3);}
.main_div .order_step .list .item .box{ position:relative;}
.main_div .order_step .list .item .box h3{ font-size:20px; color:#d2dab2; font-weight:400; margin-bottom:10px;}
.main_div .order_step .list .item .box b{ display:inline-block; width:10px; height:10px; background:#d2dab2; border-radius:100px;}
.main_div .order_step .list .item .box:after{ content:''; position:absolute;  left:50%; top:90%; height:2px; width:100%; background:#d2dab2;}
.main_div .order_step .list .item:last-child .box:after{ background:none;}
.main_div .order_step .list .item.active .box h3{ color:#97b030; font-weight:800;}
.main_div .order_step .list .item.active .box b{ background:#97b030;}
.main_div .order_step .list .item.active .box:after{  background:#97b030;}
.main_div .order_step .list .item.active:last-child .box:after{  background:none;}
.main_div .order_list_quantity .border{ border:1px solid #b9bbb0; padding:30px;}
.main_div .order_list_quantity .border .box{ background:#f0f1eb; padding:20px;}
.main_div .order_list_quantity .border .box .item{ display:flex; flex-wrap:wrap;align-items: center; font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc; }
.main_div .order_list_quantity .border .box .item .col01{ width:100px;}
.main_div .order_list_quantity .border .box .item .col01 img{ max-width:100px;  max-height:70px;}
.main_div .order_list_quantity .border .box .item .col02{ width:350px;}
.main_div .order_list_quantity .border .box .item .col03{ width:100px;}
.main_div .order_list_quantity .border .box .item .col04{ width:200px;}
.main_div .order_list_quantity .border .box .item .col04 .quantity{ display:inline-flex; border:1px solid #b9bbb0; background:#fff;}
.main_div .order_list_quantity .border .box .item .col04 .quantity .btn_subtract{ cursor:pointer; border:none; background:none; width:40px; height:30px; padding:0; }
.main_div .order_list_quantity .border .box .item .col04 .quantity .btn_add{ cursor:pointer; border:none; background:none; width:40px; height:30px; padding:0; }
.main_div .order_list_quantity .border .box .item .col04 .quantity input{ width:80px; border:none; background:none; height:30px; text-align:center; }
.main_div .order_list_quantity .border .box .item .col05{ width:100px; text-align:right; text-align:right;  }
.main_div .order_list_quantity .border .box .item .col06{ width:calc(100% - 850px);text-align:right;}
.main_div .order_list_quantity .border .box .item .col06 .btn_remove{ background-color: #fff; cursor: pointer; border:1px solid #97b030; color:#97b030; font-size:16px; margin: 0; padding:1px 3px; }
.main_div .order_list_quantity .border .box .total{ display:flex; flex-wrap:wrap;align-items: center; font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc;} 
.main_div .order_list_quantity .border .box .total .col01{ width:850px; text-align:right;}
.main_div .order_list_quantity .border .box .total .col01 i{ font-style:normal;}
.main_div .order_list_quantity .border .box .total .col02{width:calc(100% - 850px);}
.main_div .order_list_quantity .border .box .form_div .item .label{ width:850px; text-align:right;}
.main_div .order_list_quantity .border .box .form_div .item .keyin{ width:calc(100% - 850px); text-align:right;}
.main_div .order_list_quantity .border .box .form_div .item .keyin input{border:1px solid #b9bbb0; width:90%; text-align:left; padding:5px;font-size: 16px;}
.main_div .order_list_quantity .border .box .form_div .item .keyin textarea{border:1px solid #b9bbb0; width:90%; text-align:left; padding:5px;font-size: 16px; height: 100px;}
.main_div .order_list_quantity .border .box .form_div .item .keyin .remark{ margin-left: 10%; width: 90%; text-align: left;color: #333; line-height: 1.6;}
.main_div .order_list_quantity .border .box .form_div .action{ padding-top:20px; text-align:right;}
.main_div .order_list_quantity .border .box .form_div .action input{transition: 0.5s ease; cursor:pointer; background:#97b030; font-size:20px; color:#fff; width:200px; padding:6px 0; border:none;}
.main_div .order_list_quantity .border .box .form_div .action input:hover{ opacity:0.5;}
.main_div .order_list_quantity .border .box .error_message{text-align:center; color:#f00;}
.main_div .order_list_quantity .border .box .error_message.append{  padding:20px 0;}
.main_div .order_list_only_read .border{ border:1px solid #b9bbb0; padding:30px;}
.main_div .order_list_only_read .border .box{ background:#f0f1eb; padding:20px;}
.main_div .order_list_only_read .border .box .item{ display:flex; flex-wrap:wrap;align-items: center; font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc; }
.main_div .order_list_only_read .border .box .item .col01{ width:100px;}
.main_div .order_list_only_read .border .box .item .col01 img{ max-width:100px;  max-height:70px;}
.main_div .order_list_only_read .border .box .item .col02{ width:350px;}
.main_div .order_list_only_read .border .box .item .col03{ width:100px;}
.main_div .order_list_only_read .border .box .item .col04{ width:calc(100% - 550px); text-align:right;}
.main_div .order_list_only_read .border .box .total{ font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc;} 
.main_div .order_list_only_read .border .box .total{  text-align:right;}
.main_div .order_list_only_read .border .box .total i{ font-style:normal;}
.main_div .order_list_only_read .border .box .form_div .item .label{ width:850px; text-align:right;}
.main_div .order_list_only_read .border .box .form_div .item .keyin{ width:calc(100% - 850px - 15px); text-align:left; padding-left:15px;}
.main_div .order_list_only_read .border .box .form_div .action{ padding-top:20px; text-align:right;}
.main_div .order_list_only_read .border .box .form_div .action input{transition: 0.5s ease; cursor:pointer; background:#97b030; font-size:20px; color:#fff; width:200px; padding:6px 0; border:none;}
.main_div .order_list_only_read .border .box .form_div .action .back_prev_page{ display: inline-block;transition: 0.5s ease; cursor:pointer; background:#97b030; font-size:20px; color:#fff; width:200px; padding:6px 0; border:none; margin-right: 15px; text-align: center; text-decoration: none;}
.main_div .order_list_only_read .border .box .form_div .action .back_prev_page:hover{ opacity:0.5;}
.main_div .order_list_only_read .border .box .form_div .action input:hover{ opacity:0.5;}


.main_div .payment_info .form_div .item{ display: flex; flex-wrap: wrap; align-items: center; margin: 15px 0;}
.main_div .payment_info .form_div .item .label{ width:calc(50% - 15px); padding-right: 15px; text-align:right;}
.main_div .payment_info .form_div .item .keyin{ width:50%;text-align:left;}
.main_div .payment_info .form_div .item .keyin input{border:1px solid #b9bbb0; width: 300px;text-align:left; padding:5px;font-size: 16px;}
.main_div .payment_info .form_div .action{ padding:20px 0; text-align:center; }
.main_div .payment_info .form_div .action input{transition: 0.5s ease; cursor:pointer; background:#97b030; font-size:20px; color:#fff; width:200px; padding:6px 0; border:none;}
.main_div .payment_info .form_div .action input:hover{ opacity:0.5;}
.main_div .payment_info .error_message{text-align:center; color:#f00;}
.main_div .payment_info .error_message.append{  padding:20px 0;}
.main_div .payment_info .remark{ text-align: center; color:#f00;}
.main_div .payment_info .bank_info{ padding: 10px 0; text-align: center;}
.main_div .payment_info .bank_info b{ min-width: 300px; font-size: 16px; display: inline-block; padding: 10px; background: #fff; border: 1px solid #b9bbb0;}
.main_div .payment_info .notice{ text-align: left;}

.main_div .order_list_only_read .border{ border:1px solid #b9bbb0; padding:30px;}
.main_div .order_list_only_read .border .box{ background:#f0f1eb; padding:20px;}
.main_div .order_list_only_read .border .box .item{ display:flex; flex-wrap:wrap;align-items: center; font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc; }
.main_div .order_list_only_read .border .box .item .col01{ width:100px;}
.main_div .order_list_only_read .border .box .item .col01 img{ max-width:100px;  max-height:70px;}
.main_div .order_list_only_read .border .box .item .col02{ width:350px;}
.main_div .order_list_only_read .border .box .item .col03{ width:100px;}
.main_div .order_list_only_read .border .box .item .col04{ width:100px;}
.main_div .order_list_only_read .border .box .item .col05{ width:calc(100% - 650px); text-align:right;}
.main_div .order_list_only_read .border .box .total{ font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc;} 
.main_div .order_list_only_read .border .box .total{  text-align:right;}
.main_div .order_list_only_read .border .box .total i{ font-style:normal;}
.main_div .order_list_only_read .border .box .form_div .item .label{ width:850px; text-align:right;}
.main_div .order_list_only_read .border .box .form_div .item .keyin{ width:calc(100% - 850px - 15px); text-align:left; padding-left:15px;}

.main_div .payment_method{ padding-bottom:30px;}
.main_div .payment_method .title{ border-bottom:none;}
.main_div .payment_method .title h3{ text-align:center;font-size: 1.5em;margin: 20px 0 0 0;}
.main_div .payment_method .method{ display:flex; flex-wrap:wrap;}
.main_div .payment_method .method .item{ width:100%; position:relative; text-align:center;}
.main_div .payment_method .method .item .info{ text-align:left; display:inline-block; margin:20px 0; font-size: 1.5em; padding: 10px 0; border-bottom: 2px solid #333;border-top: 2px solid #333;    min-width: 300px;
    padding: 15px 50px;}

.main_div .history_list{ padding-bottom:30px;}
.main_div .history_list .user_logout{ display:flex; flex-wrap:wrap;    justify-content: space-between; font-size:16px; padding:15px 0;} 
.main_div .history_list .user_logout .col02 a{ color:#333; display:inline-flex;align-items: center;  text-decoration:none;}
.main_div .history_list .user_logout .col02 i{ display:inline-block; margin-right:10px; width:20px; height:20px; background:url(../images/icon_user.svg) center no-repeat; background-size:contain;}
.main_div .history_list .border{    border: 1px solid #b9bbb0;  padding:10px; margin-bottom:30px;}
.main_div .history_list .border .box{ background:#f0f1eb; padding:20px;}
.main_div .history_list .border .box .order_id{ border-bottom: 1px solid #b9bbb0;  padding:10px; font-size:18px; font-weight:800;}
.main_div .history_list .border .box .datetime{ text-align:right; border-bottom: 1px solid #b9bbb0;  padding:10px; font-size:16px; font-weight:400;}
.main_div .history_list .border .box .total{ text-align:right;  padding:10px; font-size:14px; font-weight:400;}
.main_div .history_list .border .box .total b{font-weight:400; }
.main_div .history_list .border .box .total b i{font-size:18px;font-weight:800;}
.main_div .history_list .border .box .bank_pay_info{ text-align: right;}
.main_div .history_list .border .box .total i{ font-style:normal;}
.main_div .history_list .border .box .item{ display:flex; flex-wrap:wrap;align-items: center; font-size:16px; padding:10px 0; border-bottom:1px solid #cccccc; }
.main_div .history_list .border .box .item .col01{ width:100px;}
.main_div .history_list .border .box .item .col01 img{ max-width:100px;  max-height:70px;}
.main_div .history_list .border .box .item .col02{ width:350px;}
.main_div .history_list .border .box .item .col03{ width:100px;}
.main_div .history_list .border .box .item .col04{ width:100px;}
.main_div .history_list .border .box .item .col05{ width:calc(100% - 650px); text-align:right;}

.main_div .story-div{
	margin-top: 30px;
	padding: 60px 30px;
	color: #333;
	font-size: 20px;
	line-height: 1.5;
	border: 1px solid #b9bbb0;	
	background: #f0f1eb;
}
.body_move_bottom .top-pagination-div{
	display: none;
}
.top-pagination-div{
	position: fixed;
	left: 0;
	top: 155px;
	width: 100%;
	background-color: #fff;
	z-index: 12;
	padding: 2px 0;
	border-bottom:1px solid #dcdcdc;
}
.top-pagination-div .outer{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px
}
.top-pagination-div .outer .two_cols{
	display: flex;
	flex-wrap: wrap;
}
.top-pagination-div .outer .two_cols .col01{
	width: 315px;
}
.top-pagination-div .outer .two_cols .col02{
	width: calc(100% - 315px);
	text-align: center;
}
.top-pagination-div .outer .col02 .pagination{ text-align:center; font-size:16px; color:#000;}
.top-pagination-div .outer .col02 .pagination a{ color:#000; display:inline-block;padding:0 3px; margin:5px 3px; text-decoration:none;}
.top-pagination-div .outer .col02 .pagination strong{  display:inline-block;padding:0 3px; margin:5px 3px; background:#fe939e; color:#fff; }
.top-pagination-div .outer .col02 .pagination a:hover{ color:#fe939e;}


.float_cart{ position:fixed; right: calc(50vw - 640px); top:5px; z-index: 11;text-align: center;text-decoration: none;}
.float_cart img{
	height: 44px;
	margin: 0 auto;
}
.float_cart span{
	font-size: 13px;
	line-height: 1.1;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
}
.float_cart span i{
	display: block;
	font-style: normal;
	text-align: center;
}
.overly_div{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:20;}
.active_overly .overly_div{ display:block;}

#mobile-nav{ display:none; background:rgba(254,245,210,0.8); }
.active_mobile #mobile-nav{ display:block;position:fixed; left:0; top:0; width:100%; height:100%; z-index:21; }

#mobile-nav .action{display: flex; justify-content: center; background:url(../images/mobile_navi_bg001.png) top center repeat-x; height:73px; text-align:center; position:relative;}
#mobile-nav .action h2{ margin:15px 0 0 0; color:#fff;}
#mobile-nav .action button{ border:none; background:none; position:absolute ; right:15px; top:15px; height:30px}
#mobile-nav .action button span{ display:block; width:35px; height:3px; background:#fff; margin-bottom:0px;}
#mobile-nav .action button span:last-child{ margin-bottom:0;}
.active_mobile #mobile-nav .action button span:nth-child(1){ transform: rotate(-45deg);}
.active_mobile #mobile-nav .action button span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 13px;}
.active_mobile #mobile-nav .action button span:nth-child(3){ display:none;}


#mobile-nav .nav_ul_outer{ padding:15px 0; overflow-y:auto; height:calc(100vh - 73px - 30px - 120px); max-height:calc(var(--vh, 1vh) * 100 - 190px);}
#mobile-nav .nav_ul_outer ul{ margin:0 20px; padding:0; list-style:none; }
#mobile-nav .nav_ul_outer ul ul{ margin:0; display: none;}
#mobile-nav .nav_ul_outer ul ul li{
	width: 100%;
}
#mobile-nav .nav_ul_outer ul li{
	width: 100%;
	display: none
}
#mobile-nav .nav_ul_outer ul li li{
	display: block;
}
#mobile-nav .nav_ul_outer ul li.open {
	display: block;
}
#mobile-nav .nav_ul_outer ul ul.ul_list{
	display: block;
}
#mobile-nav .nav_ul_outer ul li a{ position: relative; display:block; padding:6px 0; color:#000; font-size:16px; position:relative; text-decoration:none; display: flex; flex-wrap: wrap; margin-right: 20px;}
#mobile-nav .nav_ul_outer ul li li a{
	margin-right: 0;
}
#mobile-nav .nav_ul_outer ul li a:first-child{ border-bottom:1px solid #957b56;}
#mobile-nav .nav_ul_outer ul li a span{ display: inline-block; position: absolute; right: -40px; top: 10px;text-indent: -9999px; width: 40px;height: 48px; z-index: 10; }
#mobile-nav .nav_ul_outer ul li .tree span{
	display: none;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent{
	padding-left: 0;	
	width: calc(100% - 40px);
	position: relative;
	display: flex;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(100%  + 40px);
	height: 1px;
	background-color: #957b56;
}

#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent b{
	width: calc(100% - 48px - 5px );
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent:before{
	width: 0;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent span{
	display: inline-block;
	right: -40px;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent.none_tree{
	width: calc(100% - 0px);
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent.none_tree:after{
	width: 100%;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent.none_tree span{
	display: none;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent span:after{
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #000000 transparent transparent transparent;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi.active a.img_parent span:after{
	content: '';
	position: absolute;
	left:15px;
	top: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #000000 transparent;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent + .tree li a{
	padding-left: 20px;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent + .tree{
	border-bottom: 1px solid #957b56;
}
#mobile-nav .nav_ul_outer ul .had_sub_navi a.img_parent + .tree li a:before{
	left: 5px;
}
#mobile-nav .nav_ul_outer ul li.active ul{
	display: block;
}
#mobile-nav .nav_ul_outer ul li a i{
	display: inline-block;
	width: 48px;
	height: 48px;
}
#mobile-nav .nav_ul_outer ul li a i img{
	max-width: 100%;
	max-height: 100%;
}
#mobile-nav .nav_ul_outer ul li a b{
	display: inline-flex;
	align-items: center;
	width: calc(100% - 48px - 20px);
	font-weight: 400;
	padding-left: 5px;
}
#mobile-nav .nav_ul_outer ul li li a:first-child{ border-bottom:none;}
#mobile-nav .nav_ul_outer ul li li a{ padding-left:20px; text-decoration:none;color:#000; }
#mobile-nav .nav_ul_outer ul li li li a{ padding-left:40px;}
#mobile-nav .nav_ul_outer ul li li li a{ padding-left:60px;}
#mobile-nav .nav_ul_outer ul li li a:before{ content:''; position:absolute; left:5px; top:15px; width:8px; height:8px; background:#957b56; border-radius:50px;}



#mobile-nav .nav_ul_outer ul li li li a:before{ left:25px;}
#mobile-nav .nav_ul_outer ul li li li a:before{ left:45px;}

#mobile-nav .nav_ul_outer ul li .tree li i{
	/*display: none;*/
}
#mobile-nav .nav_ul_outer .side-tab{
	display: none;
}
#mobile-nav .nav_ul_outer ul li .tree li b{
	/*width: 100%;*/
}
#mobile-nav .toggle_tab{
	padding: 20px;
	padding-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	
}
#mobile-nav .toggle_tab .side-tab{
	display: inline-block;
	color:#5c5c5c;
	font-size:16px;
	padding: 3px;
	border-radius: 3px 3px 0 0;
	border: 1px solid #957b56;
	border-bottom: none;
	margin: 1px;
}
#mobile-nav .toggle_tab .side-tab.active{
	color: #000;
	font-weight: 700;
}
.error{ color:#f00;}

.popup{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; align-items: center; justify-content: center; z-index:21;}
.active_popup .popup.active{ display:flex;}
.popup .outer .box{ min-width:350px; border-radius:5px; background:#fff; padding:20px;}
.popup .outer .box .close{ text-align:right;}
.popup .outer .box .close .btn_popup_close{ border:none; width:30px; height:30px; background:url(../images/icon_close_001.png) center no-repeat; background-size:30px auto;}
.popup .outer .box .title h3{ text-align:center; font-size:20px; color:#000; margin:0;}
.popup .outer .box .form_div .item{ display:flex; flex-wrap:wrap;align-items: center; padding:5px 0;}
.popup .outer .box .form_div .item .label{ width:60px;}
.popup .outer .box .form_div .item .keyin{ width:calc(100% - 60px);}
.popup .outer .box .form_div .item .keyin input{ width:100%; font-size:16px; border:1px solid #B3B3B3; background:#F2F2F2}
.popup .outer .box .form_div .action{ margin-top:20px; text-align:center;}
.popup .outer .box .form_div .action input{ width:70%; background:#97b030; color:#fff; font-size:20px; text-align:center; padding:8px 0; border:none;}

.footer_div{ background:url(../images/footer_bg001.png) center top; min-height:90px;display: flex; justify-content: center; align-items: center;}
.footer_div .outer{ max-width:1200px; margin:0 auto; padding:0 15px; color:#6d6d6d; font-size:15px; text-align:center;}
.footer_div .outer a{color:#6d6d6d; text-decoration:none;}

.mobile_footer_div{ display:none; position:fixed; bottom:0; width:100%; left:0; background:#fff799; border-top:1px solid #c9c9c9; z-index: 10;}
.mobile_footer_div .outer{ display:flex; flex-wrap:wrap;}
.mobile_footer_div .outer .item{ width:calc(100% / 4); position:relative; text-align:center; padding:15px 0 10px 0;}
.mobile_footer_div .outer .item:after{ content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#c9c9c9;}
.mobile_footer_div .outer .item:first-child:after{ background:none;}
.mobile_footer_div .outer .item a{ display:block; text-decoration:none;}
.mobile_footer_div .outer .item .img img{ height:36px;}
.mobile_footer_div .outer .item h3{ font-size:18px; color:#999999; margin:5px 0 0 0;}

.fancybox-show-caption .fancybox-caption{ font-size:20px; font-weight: 800; color:#f00;}

.main_div .order_list_quantity .border .box .form_div .item .label{ width:calc(100% / 3);}
.main_div .order_list_quantity .border .box .form_div .item .keyin{ width:calc(100% / 3 * 2 - 15px);}

.main_div .order_list_only_read .border .box .form_div .item .label{ width:calc(100% / 3);}
.main_div .order_list_only_read .border .box .form_div .item .keyin{ width:calc(100% / 3 * 2 - 15px); }


.weekly_overlap{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.85); z-index:20; align-items: center; justify-content: center;}
.weekly_overlap.active{ display: flex;}
.weekly_overlap .weekly_outer{ max-width: 1200px;}
.weekly_overlap .weekly_outer .action{ text-align: right;}
.weekly_overlap .weekly_outer .action button{ cursor: pointer; background: none; border:none; border-radius: 0; padding: 0; margin-right: -20px;}
.weekly_overlap .weekly_outer .action button img{ width: 36px;}
.weekly_overlap .weekly_outer .img{ text-align: center;}
.weekly_overlap .weekly_outer .img img{ max-height: 80vh; max-width: 1200px;}

.weekly_inside_outer{
	background: #fff;  
	text-align: center;
	margin-bottom: 15px;
}
.weekly_inside_outer img{
	max-width: 100%;
}
@media screen and (max-width: 1366px){
	.header_div .top_div {
    background: url(../images/header_bg001.png) bottom center no-repeat;
		height: 90px;
	}
	.header_div .bottom_div .outer .img img{
		height: 120px;
	}
	.header_div .bottom_div .outer .filter{
		padding: 5px 0;
	}
	.header_div .bottom_div .outer .path_total{
		padding-bottom: 5px;
	}
	.top-pagination-div{
		top: 135px;
		padding: 0;
	}
	.main_div.home-main {
    	margin-top: calc(130px + 34px);
	}
	.main_div .outer .sub_navi ul li a{
		font-size: 15px;
	}
	.main_div .outer .sub_navi ul li a i{
		height: 36px;
		height: 36px;
	}
	.top-pagination-div .outer .col02 .pagination{
		font-size: 14px;
	}
	.main_div .outer .pagination{
		font-size: 14px;
	}
}
@media screen and (max-width: 1280px){
	.main_div .outer .sub_navi ul li:hover .tree{	
		width:calc(100vw - 330px );
	}

}
@media screen and (max-width: 1240px){	
	.float_cart{ right: 5px;}
	.main_div .outer .product_list .list .item {		
		width: calc(100% / 3);
	}
	.main_div .outer .two_cols .sub_navi{
		margin-left: 15px;
	}
	.main_div .outer .two_cols .banners{
		width: 225px;
	}
	.main_div .outer #side_bar{
		left: -5px;
	}
}
@media screen and (max-width: 1020px){
	.mobile_toggle_btn{ display:block; }
	.active_mobile .mobile_toggle_btn{ display:none; }
	body.active_mobile{ overflow:hidden;}
	.header_div{ position:fixed; width:100%; top:0; left:0;z-index: 5;}
	.header_div .top_div{ padding-top:2px; height:80px;    background-size: auto 100%;}
	.header_div .top_div .outer{ padding-right:45px}
	.header_div .top_div .outer .brand{ width:130px;}
	.header_div .top_div .outer .brand .web{ display:none;}
	.header_div .top_div .outer .brand .mobile{ display:block; height:auto ; width: 100%;}
	.header_div .top_div .outer .links .history a span{ display:none;}
	.header_div .top_div .outer .links .story{ display:none;}
	.header_div .top_div .outer .search_div {  width: calc(100% - 135px - 10px);}	
	.header_div .top_div .outer .search_div.had-story {  width: calc(100% - 135px - 10px);}	
	.header_div .top_div .outer .links .society{ display:none;}
	.header_div .top_div .outer .links .history{ margin-top:-15px; display:none;}
	

	.header_div .bottom_div .outer{height: 30px; padding-bottom: 5px;}
	.header_div .bottom_div .outer .filter{ padding-bottom: 0px;}	
	.header_div .bottom_div .outer .filter button,.header_div .bottom_div .outer .filter .latest{ font-size:16px;padding: 1px 5px; min-width: 70px;  margin-right: 5px;}
	.header_div .bottom_div .outer .filter button.price{ font-size:16px; min-width:135px;padding: 1px 5px;}
	.header_div .bottom_div .outer .filter button.price i {		
		background-size: 18px auto;
		width: 18px;
		height: 18px;		
	}
	.header_div .bottom_div .outer .filter .dropdown_price .drop_down{ width:135px;}
	.header_div .bottom_div .mobile_history{display: inline-block;}
	.header_div .bottom_div .mobile_story{display: inline-block;}
	.header_div .bottom_div .mobile_story span{
		display: none;
	}
	.header_div .bottom_div .outer .btn_navi{ display:none;}
	.header_div .bottom_div .outer .path_total{ padding-bottom:5px; display: none;}
	.header_div .bottom_div .outer .path_total .total{ margin-left:0;padding-bottom: 0px;}
	.header_div .bottom_div .outer .path_total .path{ display:none;}
	.header_div .bottom_div .outer .img img{ height:70px;  margin-top: -70px;}
	.header_div .bottom_div .outer .col01{ width:calc(100% - 75px);}
	.header_div .bottom_div .outer .col02{ width:75px;display: flex; justify-content: flex-end; margin-bottom:-5px;}
	.header_div .bottom_div .outer .back_home{ font-size: 1.1em; margin-bottom: 0; margin-right: 10px;}
	
	.top-pagination-div{
		display: none;
	}
	.main_div{ margin-top:119px;}
	.main_div.home-main { margin-top:119px; padding-top: 0;}
	.main_div .mobile_path{ display:block; padding: 5px 0;font-size: 13px;}	
	
	.main_div .outer .two_cols .sub_navi{ display: none;}
	.main_div .outer .two_cols .product_list{ width: 100%;}

	.main_div .outer .product_list{ padding-top:0;}
	
	.main_div .order_list_quantity .border .box .item .col01{ width:70px;}
	.main_div .order_list_quantity .border .box .item .col01 img{ max-width:70px;}
	.main_div .order_list_quantity .border .box .item .col02{ width:calc(100%  - 70px - 184px - 100px );}
	.main_div .order_list_quantity .border .box .item .col03{ width:82px;}
	.main_div .order_list_quantity .border .box .item .col04{ width:102px;}
	.main_div .order_list_quantity .border .box .item .col04 .quantity .btn_subtract{ width:30px;}
	.main_div .order_list_quantity .border .box .item .col04 .quantity input{ width:40px;}
	.main_div .order_list_quantity .border .box .item .col04 .quantity .btn_add{ width:30px;}
	.main_div .order_list_quantity .border .box .item .col05{ width:50px;}
	.main_div .order_list_quantity .border .box .item .col06{ width:50px;}
	
	.main_div .order_list_quantity .border .box .total .col01{ width:calc(100% - 50px);}
	.main_div .order_list_quantity .border .box .total .col02{ width:50px;}

	
	.main_div .order_list_only_read .border .box .item .col01{ width:70px;}
	.main_div .order_list_only_read .border .box .item .col01 img{ max-width:70px;}
	.main_div .order_list_only_read .border .box .item .col02{ width:calc(100%  - 70px - 114px - 50px );}
	.main_div .order_list_only_read .border .box .item .col03{ width:82px;}
	.main_div .order_list_only_read .border .box .item .col04{ width:32px;}	
	.main_div .order_list_only_read .border .box .item .col05{ width:50px;}


	.main_div .history_list .border .box .item .col01{ width:70px;}
	.main_div .history_list .border .box .item .col01 img{ max-width:70px;}
	.main_div .history_list .border .box .item .col02{ width:calc(100%  - 70px - 82px - 22px - 40px );}
	.main_div .history_list .border .box .item .col03{ width:82px;}
	.main_div .history_list .border .box .item .col04{ width:22px;}	
	.main_div .history_list .border .box .item .col05{ width:40px;}
	
	.mobile_footer_div{ display:block;}
	.footer_div{ margin-bottom:90px;}
	.float_cart{ top:50%; display: none;}
	.main_div .outer .two_cols{
		display: block;
	}
	.main_div .outer .two_cols .col01{
		display: none;
	}
	.main_div .outer .two_cols .col02{
		width: 100%;
		padding-left: 0;
	}
	.main_div .outer .product_list .list .item .info .bottom .col01{
		display: block;
	}
	.main_div .outer .two_cols .sub_navi{
		display: none;
	}
	.main_div .outer .two_cols .product_list {
		width: 100%;		
		padding-left: 0px;
		padding-right: 0px;
	}
	.main_div .outer .two_cols .banners{
		width: 100%;
		overflow-x: auto;	
		margin-bottom: 20px;	
	}
	.main_div .outer .two_cols .banners img{
		height: 200px;
	}
	.main_div .outer .two_cols .banners .scrollbar{
		width:max-content;
		display: flex;
		flex-wrap: wrap;		
	}
	.main_div .outer .two_cols .banners .item{		
		margin: 0 10px;
	}
	.main_div .outer .two_cols .banners .item_cate{
		margin-top: 0;
	}
	.main_div .outer .two_cols .banners .item_img{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 992px){
	.main_div .outer .product_list .list .item { width: calc(100% / 2 );}
}
@media screen and (max-width: 768px){
	.main_div .outer .product_list .list .item { width: calc(100% / 1 );}
	.main_div .outer .product_list .list .item .box {display: flex;  flex-wrap: wrap; align-items: center;}
	.main_div .outer .product_list .list .item .box .img{ width:120px; text-align:left; padding: 0 10px;}
	.main_div .outer .product_list .list .item .img .link{ min-height: inherit;}
	.main_div .outer .product_list .list .item .img img {  max-height: 110px;   max-width: 90%;}
	.main_div .outer .product_list .list .item .box .info{ width:calc(100% - 140px);}
	.main_div .outer .product_list .list .item .info h3{height: auto;	}
	.main_div .outer .product_list .list .item .owl-imgs .item a{
		min-height: 120px;
	}
	.main_div .order_list_quantity .border{ padding:10px;}
	.main_div .order_list_quantity .border .box{ padding:10px;}
	.main_div .order_list_only_read .border{ padding:10px;}
	.main_div .order_list_only_read .border .box{ padding:10px;}
	.weekly_overlap .weekly_outer .action button img{ width: 44px;}
	.weekly_overlap .weekly_outer .img img{ max-height: 80vh; max-width: 85vw;}
}

@media screen and (max-width: 640px){
	.main_div .outer .product_list .list .item { /*width: calc(100% / 2 );*/}
	.main_div .outer .product_list .list .item .box {margin: 5px;  padding: 5px;}
	.main_div .outer .product_list .list .item .info h3{ margin:0 0 8px 0;}
	
	.mobile_footer_div .outer .item{ padding:8px 0 2px 0;}
	.mobile_footer_div .outer .item .img img{ height:28px;}
	
	.header_div .top_div { height:75px}
	.header_div .top_div .outer .search_div{ padding-top:10px;}
	.header_div .top_div .outer .brand {width: 130px; padding-right: 10px;	}
	.header_div .top_div .outer .search_div{width: calc(100% - 130px - 5px);}
	.header_div .top_div .outer .links .history {  margin-top: -5px;}
	.header_div .bottom_div .outer .img img{ height:60px;    margin-top: -65px; margin-right: -15px;}
	.header_div .top_div .outer .search_div .box{ padding:2px;}
	.header_div .top_div .outer .search_div .box input[type="text"]{ font-size:16px;}
	.header_div .top_div .outer .search_div .box input[type="submit"]{  padding: 0; width: 40px;}
	.header_div .bottom_div .outer{ padding:5px 10px 5px 10px;}
	.header_div .bottom_div .outer .path_total .total{ display:none;}
	.header_div .bottom_div .outer .filter .dropdown_price{ margin-right: 0px;}
	.header_div .bottom_div .outer .filter .dropdown_price .drop_down{ width: 120px;}
	.header_div .bottom_div .outer .filter button, .header_div .bottom_div .outer .filter .latest{ font-size: 14px;padding: 1px 2px;    min-width: auto;}
	.header_div .bottom_div .outer .filter button.price{ min-width: 60px;font-size: 14px;padding: 1px 2px; }
	.header_div .bottom_div .outer .back_home{ margin-right: 30px;}
	
	.main_div {  margin-top: 114px;}
	.main_div .order_step .list{ width:100%;}
	
	
	.main_div .title{ padding:10px 0;}
	.main_div .title .outer h2{ font-size:20px;}
	
	
	.main_div .order_list_quantity .border .box .item .col01{ width:100px; margin-bottom:10px;}
	.main_div .order_list_quantity .border .box .item .col01 img{ max-width:100px;}
	.main_div .order_list_quantity .border .box .item .col02{ width:calc(100%  - 100px ); margin-bottom:10px;}
	.main_div .order_list_quantity .border .box .item .col03{ width:82px;}
	.main_div .order_list_quantity .border .box .item .col04{width:calc(100%  - 192px);text-align: center;}
	.main_div .order_list_quantity .border .box .item .col05{width:50px;}
	.main_div .order_list_quantity .border .box .item .col06{width:60px;}	
	.main_div .order_list_quantity .border .box .total .col01 {   width: 100%; text-align:center;}
	.main_div .order_list_quantity .border .box .total .col02{ display:none;}	
	.main_div .order_list_quantity .border .box .form_div .action input{ width:100%;}
	.main_div .order_list_quantity .border .box .form_div .item .label{ text-align:left;}
	.main_div .order_list_quantity .border .box .form_div .item .keyin input{ width:100%;}
	.main_div .order_list_quantity .border .box .form_div .item .keyin textarea { width: 100%;}
	.main_div .order_list_quantity .border .box .item.item_remark .label{ display: none;}
	.main_div .order_list_quantity .border .box .item.item_remark .keyin{  width: 100%; padding-left: 0;}
	.main_div .order_list_quantity .border .box .form_div .item .keyin .remark{ margin-left: 0; width: 100%;}


	.main_div .order_list_only_read .border .box .item .col01{ width:100px; margin-bottom:10px;}
	.main_div .order_list_only_read .border .box .item .col01 img{ max-width:100px;}
	.main_div .order_list_only_read .border .box .item .col02{ width:calc(100%  - 100px ); margin-bottom:10px;}
	.main_div .order_list_only_read .border .box .item .col03{ width:calc(100% / 3); text-align:center;}
	.main_div .order_list_only_read .border .box .item .col04{ width:calc(100% / 3); text-align:center;}	
	.main_div .order_list_only_read .border .box .item .col05{ width:calc(100% / 3); text-align:center;}
	.main_div .order_list_only_read .border .box .item.item_remark .label{ display: none;}
	.main_div .order_list_only_read .border .box .item.item_remark .keyin{  width: 100%; padding-left: 0;}

	.main_div .order_list_only_read .border .box .form_div .action .back_prev_page{ width:100%; margin-bottom: 10px;margin-right: 0px;}
	.main_div .order_list_only_read .border .box .form_div .action input{ width:100%;}
	.main_div .order_list_only_read .border .box .form_div .item .label{ text-align:left;}
	.main_div .order_list_only_read .border .box .total{ text-align:center;}
	.main_div .order_list_only_read .border .box .form_div .item .keyin input{ width:100%;}
	
	.main_div .history_list .border{ margin-bottom:20px;}
	.main_div .history_list .border .box{ padding:10px;}
	.main_div .history_list .border .box .datetime{ font-size:16px; padding:5px;}
	.main_div .history_list .border .box .total{ font-size:16px; padding:5px; text-align: left;}
	.main_div .history_list .border .box .item.item_remark .label{ display: none;}
	.main_div .history_list .border .box .item.item_remark .keyin{  width: 100%; padding-left: 0;}
	.main_div .history_list .border .box .item.item_remark .keyin .remark{ margin-left: 0; width: 100%;}

	.main_div .history_list .border .box .item .col01{ width:100px; margin-bottom:10px;}
	.main_div .history_list .border .box .item .col01 img{ max-width:100px;}
	.main_div .history_list .border .box .item .col02{ width:calc(100%  - 100px ); margin-bottom:10px;}
	.main_div .history_list .border .box .item .col03{ width:calc(100% / 3); text-align:center;}
	.main_div .history_list .border .box .item .col04{ width:calc(100% / 3); text-align:center;}	
	.main_div .history_list .border .box .item .col05{ width:calc(100% / 3); text-align:center;}



	.main_div .payment_method .method{ display:block;}
	.main_div .payment_method .method .item{ width:100%;}
	.main_div .payment_method .method .item .info{ font-size:1.2em; min-width:calc(100% - 20px); padding: 10px; }
	
	.main_div .payment_method .method .item a{ padding:30px 0;}
	
	.main_div .payment_info .form_div .item .keyin input{ width: 100%; 	}
	.main_div .payment_info .bank_info b{ min-width: calc(100% - 20px);}

	.main_div .story-div{
		padding: 30px 15px;
		font-size: 16px;
	}
	.main_div .order_list_quantity .border .box .item .col06 .btn_remove{
		font-size: 14px;
	}
	.popup .outer .box{ min-width: 90%;}


	.footer_div{ margin-bottom:68px;}


	
}