/* BASIC css start */
.wrapper {padding:0 15px; box-sizing:border-box; width:100%; position:relative; }
.swiper {overflow:hidden; position:relative}
.dn {display:none !important;}
button {background:none; border:none; }
img {max-width:100%}
.hd_color {height:6px}

/* ÃÖ»ó´Ü ¹è³Ê */
#headerBanner.TBI{ position:relative; width:100%; height:5%; overflow:hidden;background-color:#f4f4da;  }
#headerBanner {position:relative; width:100%; height:34px; overflow:hidden;background-color:#f4f4da; z-index:999; }
#headerBanner .hdBannerTxt { position:relative; width:100%; height:34px }
#headerBanner .hdBannerTxt a { position:relative; display:block;color:#000; padding:0px 21px;height:100%; box-sizing:border-box; line-height:34px;text-align:left; }
#headerBanner .hdBannerTxt a:after {content:"view more >>"; position:absolute; top:calc(50% - 17px); right:10px; display:inline-block; }
#headerBanner .hdBannerImg { position: relative; width: 100%;}
#headerBanner .topbanner{width:100%;}
#headerBanner .bnClose { display:none; position:absolute; top:0; right:0; z-index:1; }
#headerBanner .bnClose a { display:block; width:33px; height:33px; font-size:22px; text-align:center; line-height:35px;color:#fff; opacity:0.5;}

.header_box {position:fixed; left:0; width:100%; display:block; text-align:center; box-sizing:border-box; background:#fff; z-index:100; }
.header_box .wrapper {height:100%; padding:14px 0;}
.header_box .menu_btn {position:absolute; left:15px; top:calc(50% - 8px); text-align:center;  }
.header_box .menu_btn span { display: block; width:100%; height: 2px; background:#000; margin-bottom:4px; }
.header_box .menu_btn span:last-child {margin-bottom:0}
.header_box .menu_btn img {display:block; height:16px}
.header_box .search_btn {width:20px; height:20px; position:absolute; left:42px; top:calc(50% - 10px);}
.header_box .logo {display:inline-block;;}
.header_box .logo img {height:20px}
.header_box .basket_btn { position:absolute; top:calc(50% - 10px); right:15px; width:22px;}
.header_box .basket_btn .ic_basket { display:inline-block; position:relative; }
.header_box .basket_btn .ic_basket .count {position:absolute; bottom:-6px; right:-6px; width:16px; height:16px; border-radius:100%; background:#C5AB85; color:#000; font-size:8px; text-align:center; line-height:16px; }
.login_box {text-align:center;  display:flex; align-items:center; margin:72px 0 0; border:1px solid #000; }
.login_box .login {width:50%;height: 46px;text-align:center;box-sizing:border-box;font-size: 13px;color:#000;line-height:48px;border-right:1px solid #000;letter-spacing: 0.2em;}
.login_box .onblack {background: #F4F4D9;color: #000;}
.login_box .login:last-child { border-right:none}

.menu_box {position:fixed;top:0;left:-100%;transition: all 0.3s;animation-direction: reverse;z-index:100001;-webkit-overflow-scrolling: touch;width:100%;height:100%;box-sizing:border-box;background:#fff;padding: 82px 0 32px;overflow-y:auto;}
.menu_box.active {left:0; }
.menu_hd_box { position:relative; text-align:center; }
.menu_logo {display:inline-block; width:200px; }
.menu_closed {position:absolute;top: calc(50% - 10px);right:0;width: 20px;}
.menu_closed img {display:inline-block}
.menu_box .tab_box {margin:32px 0; font-size:0; border-bottom: 1px solid rgba(158, 158, 158, 0.5);}
.menu_box .tab_box a {display:inline-block;width:33.33%; height:50px; line-height:50px; text-align:center; box-sizing:border-box; font-size: 13px; position:relative; border:none; color: #9E9E9E;}
.menu_box .tab_box .tab.active {color: #000; font-size: 13px;}
.menu_box .tab_box .tab.active:after {content:"";display:inline-block;width:100%;height: 2px;position:absolute;left:0;bottom:0px;background: #C5AB85;}
.menu_list {margin-bottom:16px; }
.menu_list:last-child {margin-bottom:0}
.menu_list li .link, .menu_list li .link2{font-size:14px;display:block;height:35px;line-height:35px;font-weight: 300;}
.menu_list li .link2 {color: #fa5500;}

.menu_list li .link3 {color: #AFBA65; font-weight:bold;font-size:14px;line-height:35px ;}
.menu_list li .link4 {
    color: #AFBA65;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;}
.menu_list li .link5 {
    color: #d05d77;
    font-weight: 500;
    font-size: 17px;
    line-height: 35px;}

.menu_list li .link.fbold {font-weight:bold; font-size:16px; color:#000}
.menu_box .tab_con { display:none; }
.menu_box .tab_con.active {display:block; }


.menu_slide_box {margin-top:24px; padding-left:15px }
.menu_lb {font-size:18px;font-weight:500;margin-bottom:20px;letter-spacing: 1px;}
.menu_slide_list {padding-right:15px !important;  }
.menu_slide_box .swiper-slide {width:100%; }
.menu_slide_box .swiper-slide a { display: inline-block;}
.menu_slide_box .swiper-slide a span {display:block; text-align:center; margin:0 auto; }
.menu_slide_box .swiper-slide a span.img img {width:100%}
.menu_slide_box .swiper-slide a span.tit { margin-top:4px; text-align:center; font-size:12px; display:none;    }
.menu_slide_box .swiper-pagination {position:static; display:flex;align-items:center; justify-content: center; margin-top:24px; }
.menu_slide_box .swiper-pagination-bullet {margin:0 !important; width:20%; height:2px; border-radius:0; background-color:#dfdfdf; opacity:1;}
.menu_slide_box .swiper-pagination-bullet-active {background:#000}

.login_btm {text-align:center; margin-top:42px;font-size:0 }
.login_btm a {display:inline-block;font-size:14px;color: #9e9e9e;height:16px;line-height:16px;padding:0 16px; border-right:1px solid #9e9e9e; }
.login_btm a:last-child {border:none}



.animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 


#header.slideDown .animated{ -webkit-animation-name:slideDown; animation-name:slideDown; } 
#header.slideUp .animated { -webkit-animation-name:slideUp; animation-name:slideUp; } 

#header.headroom--not-top .animated { top:0}
#header.headroom--not-top .tenCoupon {display:none!important;}
#header.headroom--not-top .header_box { border-bottom: 1px solid #ddd; }

/* SlideDown for headroom */ 
@-webkit-keyframes slideDown { 
	0% {-webkit-transform:translateY(-100%)} 
	100% {-webkit-transform:translateY(0)} 
} 
@keyframes slideDown{ 
	0% {transform:translateY(-100%)} 
	100% {transform:translateY(0)} 
} 

/* SlideUp for headroom */ 
@-webkit-keyframes slideUp{ 
	0% {-webkit-transform:translateY(0)} 
	100% {-webkit-transform:translateY(-100%)} 
} 
@keyframes slideUp{ 
	0% {transform:translateY(0)} 
	100% {transform:translateY(-100%)} 
} 


.top_menu_list {margin-bottom:0}
.top_menu_list li .link {font-size:16px; font-weight:500}
.sub_list {padding-left:16px; margin:0}


/* BASIC css end */