*{box-sizing:border-box;outline: 0!important;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ul,ol{list-style:none}
blockquote, q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
body{height:100%;color:#000;-webkit-font-smoothing:antialiased;font-smooth:always;font-family:tahoma,Arial,sans-serif;font-weight:400;line-height:22px;font-size:12px;}
html,body,button,input,select,textarea{}
button,input,select,textarea{font-size:100%;font-weight:400}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#f00}
hr{border:0;height:1px;border-top:1px dotted #ccc}
html{overflow-y:scroll}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:14px}
img{max-width:100%}
html,body{-webkit-text-size-adjust:none;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
*html .fix{height:1%;}
.fix{display:block;}
.inline-block{display: inline-block;*display: inline;*zoom: 1;}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Bold.eot);src:url(/static/fonts/Graphik-Bold.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Bold.woff2) format("woff2"),url(/static/fonts/Graphik-Bold.woff) format("woff"),url(/static/fonts/Graphik-Bold.ttf) format("truetype"),url(/static/fonts/Graphik-Bold.svg) format("svg");font-weight:700;font-style:normal;font-display:optional}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Extralight.eot);src:url(/static/fonts/Graphik-Extralight.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Extralight.woff2) format("woff2"),url(/static/fonts/Graphik-Extralight.woff) format("woff"),url(/static/fonts/Graphik-Extralight.ttf) format("truetype"),url(/static/fonts/Graphik-Extralight.svg) format("svg");font-weight:200;font-style:normal;font-display:optional}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Light.eot);src:url(/static/fonts/Graphik-Light.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Light.woff2) format("woff2"),url(/static/fonts/Graphik-Light.woff) format("woff"),url(/static/fonts/Graphik-Light.ttf) format("truetype"),url(/static/fonts/Graphik-Light.svg) format("svg");font-weight:300;font-style:normal;font-display:optional}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Medium.eot);src:url(/static/fonts/Graphik-Medium.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Medium.woff2) format("woff2"),url(/static/fonts/Graphik-Medium.woff) format("woff"),url(/static/fonts/Graphik-Medium.ttf) format("truetype"),url(/static/fonts/Graphik-Medium.svg) format("svg");font-weight:500;font-style:normal;font-display:optional}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Regular.eot);src:url(/static/fonts/Graphik-Regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Regular.woff2) format("woff2"),url(/static/fonts/Graphik-Regular.woff) format("woff"),url(/static/fonts/Graphik-Regular.ttf) format("truetype"),url(/static/fonts/Graphik-Regular.svg) format("svg");font-weight:400;font-style:normal;font-display:optional}
@font-face{font-display:optional;font-family:Graphik;src:url(/static/fonts/Graphik-Semibold.eot);src:url(/static/fonts/Graphik-Semibold.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Graphik-Semibold.woff2) format("woff2"),url(/static/fonts/Graphik-Semibold.woff) format("woff"),url(/static/fonts/Graphik-Semibold.ttf) format("truetype"),url(/static/fonts/Graphik-Semibold.svg) format("svg");font-weight:600;font-style:normal;font-display:optional}
.clear{clear:both;}
.hide{display:none}
.show{display:block}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b,.bold{font-weight:bold;}
.normal{font-weight:normal;}
.em{font-style: italic;}
.relative{position:relative;}
.absolute{position:absolute;}
.u{text-decoration: underline;}
.red{color:red}
svg{float:left;}
.text-line2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;    }
.display-table-xs{display:table;width:100%}
.display-table-xs>*{display:table-row;height:100%}
.display-table-xs>*>*{height:100%;display:table-cell;float:none;vertical-align:middle}
.display-table,.display-table>*,.display-table>*>*{display:block}
.display-table{display:table}
.display-table:not(.container){width:100%}
.display-table>*{display:table-row;height:100%}
.display-table>*>:not(.visible-xs){height:100%;display:table-cell;float:none;vertical-align:middle}
.mobile{display:none !important}

#head{margin-bottom:1px}
#head .hd{background-color: rgb(245, 210, 166);color:#333;line-height:20px;padding:5px;text-align:center;font-size:11px;font-weight:300;letter-spacing:1px}
@media only screen and (min-width: 800px) {
	#head .bd{position:relative;}
	#nav{margin:0 auto;width:100%;max-width:1400px;position:relative;padding:0 15px}
	#nav .navtool{display:none;}
	#nav .navs{white-space:nowrap;overflow:hidden;}
	#nav .navs .li0{height:38px;line-height:38px;display:inline-block;float:left;padding:4px 0}
	#nav .navs .li0:first-child .a0{border-left:1px solid #fff}
	#nav .navs .a0{display:block;color:#000;font-weight:400;line-height:30px;font-size:14px;padding:0 2px;margin-right:30px;text-transform:uppercase;font-family:Graphik;position:relative;letter-spacing:1px}
	#nav .navs .a0:before{content:"";height:2px;bottom:2px;left:0;position: absolute;width: 100%;opacity: 0;-webkit-transition: all .3s;transition: all .3s;}
	#nav .navs .li0:hover .a0:before{opacity:1;background-color:#ec4249;}
	
	#nav .navs .li0 .fa{color:#000;display:none;}
	#nav .navs .li0.has-children .fa{display:inline-block;}
	#nav .subnavbox{display:none;position:absolute;top:38px;left:0;z-index:20;background:#fff;padding:30px 15px;border:5px solid #9c5e9b;border-top:0;width:100%;}
	#nav .subnavs .li1{float:left;width:20%;}
	#nav .subnavs .li1 a{line-height:30px;display:block;padding-left:8px}
	#nav .subnavs .li1 a:hover{background:#f8f8f8;text-decoration:none;}
	#nav .navs .li0:hover .subnavbox{display:block;}
	#nav .subnavs .li1{line-height:28px;}
	#nav .subnavs .a1{color:#333;line-height:28px;white-space:nowrap;font-size:14px}
	#nav .subnavs .a1:hover{text-decoration:underline;color:#e00}

	#srch{display:inline-block;width:350px;height:33px;margin:15px 0;background:#fff;border-bottom:1px solid #818181;position:relative;}
	#srch input{background:none;border:0;line-height:38px;width:100%;padding:0 40px 0 10px;color:#888}
	#srch button{position:absolute;top:0;right:0;width:38px;height:38px;border:0;background:none;font-size:20px;cursor:pointer;}
	#srch button .fa{font-size:16px;vertical-align:2px;color:#888}

	#logo{position:absolute;top:12px;left:20px;}
}
#head .links{position:absolute;right:10px;top:40%}
#head .links a{display:inline-block;padding:0 8px;color:#555;margin:0 5px}
#head .links a i{font-size:20px;}
#head .fd{margin:0 auto;width:100%;max-width:1400px;position:relative;padding:10px 20px;text-align:center;}
#logo{line-height:60px;font-size:36px;font-weight:400;color:#000;font-family:Graphik;text-transform:uppercase;}
#head .bar{padding:10px 0;background:linear-gradient(90deg,#834e91,#a8659f,#834e91);color:#fff;font-size:16px;line-height:22px;text-align:center;text-decoration:underline;font-family:Graphik;letter-spacing:1px}

#head .fd .fl{position:absolute;left:10px;top:15px;line-height:30px}
#head .fd .fr{position:absolute;right:10px;top:15px;line-height:30px;display:none;}
#head .fd .fl i.fa,
#head .fd .fr i.fa{font-size:16px}
#head .fd .fl a,
#head .fd .fr a{margin:0 10px;color:#000;display:inline-block;background:#eee;border-radius:50%;width:30px;height:30px}
#head .fd .fl a:hover,
#head .fd .fr a:hover{color:#a00}
#head .fd .fl .iconnav{display:none;}
#head .fd .fl .iconnav a{display:none;background:none}

#head .fd .d a.iconnav{display:none;}

#banners{width:100%;height:500px;overflow:hidden;position:relative;z-index:1;text-align:center;padding:50px 0 58px;background:url('/static/3/banner.jpg') no-repeat 0 20%;background-size:100%}
#banners .bar-box{color:#000;font-size:58px;font-weight:600;line-height:50px;font-family:none;padding:0 10px;margin-top:20px;text-shadow: 1px 1px 0 #fff;}

.swiper-wrapper{display:block;white-space:nowrap;position:relative;}
.swiper-slide{display:inline-block;text-align:center;}
.swiper-button-next{position:absolute;z-index:10;right:6%;top:40%;display:inline-block;cursor:pointer;font-size:24px;color:#888}
.swiper-button-prev{position:absolute;z-index:10;left:6%;top:40%;display:inline-block;cursor:pointer;font-size:24px;color:#888}
.swiper-pagination{position:absolute;z-index:20;left:0;bottom:20px;width:100%;text-align:center;}
.swiper-pagination span{margin:17px 3px 0;cursor:pointer;width:10px;height:10px;display:inline-block;background: #fff;border-radius:30px;}
.swiper-pagination span.swiper-pagination-bullet-active{background:#123570}

.h100{height:100%}
.h50{height:50%}
.w100{width:100%}
.w50{width:50%;float:left;}
.l5{padding-left:5px;}
.r5{padding-right:5px}
.b5{padding-bottom:5px}

.termtoggle .tit{cursor:pointer;margin-bottom:10px}
.termtoggle .txt{display:none;}

.lister{padding:10px 0}
.lister .inner{margin:0 auto;max-width: 1400px}
.lister .title{text-align:center;}
.lister .title h2{font-size:20px;display:inline-block;padding:11px;margin:0 0 11px;color:#333f48;font-weight:300;text-transform:uppercase;font-family:Graphik;}
.lister .title .more{float:right;color:#666;text-decoration:underline;margin:15px 10px 10px;display:none;}
.lister .col{float:left;width:20%;padding:3px;margin-bottom:15px}
.lister .col a.image{display:block;height:250px;overflow:hidden;text-align:center;}
.lister .col img{width:auto;max-height:100%;margin:8px 2% 5px;}
.lister .col .info .name{margin:5px 0 10px;padding:0 10px;color:#333;font-size:12px;line-height:18px;overflow:hidden;height:36px;text-align:center;font-family:Graphik;}
.lister .col .info .name a{font-size:12px}
.lister .col-1{float:left;width:33.333%;padding:3px;}
.lister .col-1 a{display:block;height:496px;border:0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.lister .col-1 a img{margin:0}
.lister .col .info .price{padding:0 10px;text-align:center;font-family:tahoma,arial,sans-serif;}
.lister .col .info .price del{color:#aaa;font-size:12px}
.lister .col .info .price span{color:#000;font-size:16px;}
.lister .col .info .price em{color:#999;font-size:12px;font-style:normal;display:block;line-height:20px;}
.lister .col .info .time{margin:0;padding:0 8px;color:#888;text-align:center;}
.lister .col .info .time-icon{margin-right:3px;vertical-align:-1px;}
.lister .col .info .time span{font-family:tahoma,arial,sans-serif;font-weight:300;font-size:12px}
.lister .col:hover a{opacity:0.9;}
.lister .col:hover .name{text-decoration:underline;}

#hotkeys{padding:30px 10px;margin:30px 0;border-top:1px solid #eee}
#hotkeys .inner{margin:0 auto;max-width: 1024px}
#hotkeys .title{text-align:center;}
#hotkeys .title h2{font-size:20px;display:inline-block;padding:11px;margin:0 0 11px;color:#333f48;font-weight:600;}
#hotkeys li{display:inline-block;margin:5px;}
#hotkeys li strong{display:inline-block;line-height:28px;padding:0 8px;background-color:#eee;border-radius: 5px;}

.site-list{margin:0 auto;max-width:1400px;}
.site-list h3{text-align:center;font-size:20px;margin-bottom:10px;}
.list-item{float:left;width:20%;padding:3px;margin-bottom:15px;font-family:Graphik;}
.list-item .img{display:block;width:100%;text-align:center;position:relative;}
.list-item .img img{max-width:96%;margin:8px 2% 5px;}
.list-item .title{display:block;margin:5px 0 10px;padding:0 10px;color:#333;font-size:12px;line-height:18px;overflow:hidden;height:36px;text-align:center;}
.list-item .price{padding:0 10px;text-align:center;}
.list-item .price del{color:#666;font-size:12px}
.list-item .price span{color:#f00;font-size:16px;font-weight:600}
.list-item .price em{color:#999;font-size:12px;font-style:normal;display:block;line-height:20px;}
.list-item .time{margin:0;padding:0 8px;color:#888;text-align:center;}
.list-item .time-icon{margin-right:3px;vertical-align:-1px;}
.list-item .time span{font-family:tahoma,arial,sans-serif;font-weight:300;font-size:12px}

.list-item .img{height:250px;overflow:hidden;text-align:center;}
.list-item .img img{max-height:100%;width:auto;}

#footer{background:#e1eff0;color:#181818;font-weight:400;margin-top:10px;font-size:13px;padding:20px 0;font-family:Graphik}
#footer a{color:#222;}
#footer a:hover{text-decoration:underline;}
#footer .iner{width:100%;max-width:1000px;margin:0 auto;}
.fbox{float:left;width:25%;text-align:left;padding:30px;color:#222}
.fbox h5{color:#222;font-size:14px;margin-bottom:10px;font-weight:500;padding-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.fbox li{line-height:22px;margin-bottom:8px;font-weight:400;font-size:13px;}
.fbox li a{color:#222;text-transform:capitalize;font-weight:400;font-size:13px;}
.fbox p{line-height:30px}
.fbox1{float:left;width:45%}
.fbox1 li{float:left;width:50%;}
.fbox3{float:left;width:30%}
#footer .socials a{display:inline-block;margin:0 6px}
#footer .socials a i{color:#222;font-size:26px;line-height:28px}
.fform{margin:5px 0}
.fform form{line-height:36px;position:relative;max-width:200px}
.fform input{background:#fff;border:0;height:40px;padding:0 10px;width:100%;border-radius: 2px;}
.fform button{position:absolute;top:0;right:0;width:50px;height:40px;border:0;background:none;cursor:pointer;}
.fform button .fa{font-size:16px;color:#aaa}
.copyright{text-align:center;margin-top:100px;font-size:12px;color:#888}

#getoff{position:fixed;z-index:20;right:10px;bottom:20px;padding:15px 20px;background:#09285c;border-radius:15px;box-shadow:0px 1px 4px #666;}
#getoff .a{color:#eee;font-size:16px;position:relative;padding-right:20px;font-weight:600}
#getoff .a a{display:block;color:#fff;font-size:16px;}
#getoff .a .fa-close{position:absolute;top:30%;right:-5px;color:#ccc;cursor:pointer;}

.main-bar{margin:0 auto;max-width:1400px;min-height:470px}
.main-page{padding:10px;}
.main-page h1{font-size:16px;margin:30px 0;color:#333f48;font-weight:400;text-align:center;font-family:Graphik;text-transform:uppercase;}
.main-page .inner{font-weight:400;font-size:16px;line-height:1.75;margin-bottom:0}
.center{text-align:center;}
.bgff{background:#fff;padding-bottom:50px}
.page-text,
.page-text p{font-size:14px;line-height:180%;font-family:Graphik}
.page-text img{max-width:100%}

.contactpage{padding:10px;margin:0 auto;max-width:800px;text-align:center;}
.form-group{line-height:30px;margin-bottom:20px}
.form-control{padding:5px;font-weight:400}
.contactpage .form-control{width:100%;max-width:320px}

.btn{cursor:pointer;}
.btn-contact{background:#000;color:#fff;min-width:320px;padding:10px 20px;border:0;font-size:15px;text-transform:uppercase;}

.pagination{display:block;width:100%;margin:20px 0;text-align:center;padding:10px 0}
.pagination li{display:inline-block;}
.pagination a, .pagination span{display:inline-block;font-weight:400;color:#666;background:none;font-size:16px;width:30px;line-height:30px;text-align:center;padding:0 !important;border:0;margin:0 2px;}
.pagination li.active>a, .pagination li.active>span{color:#fff !important;background:#000 !important;border-radius:50%;}

.site-prod{margin-top:20px}
.prod-left{float:left;width:60%;text-align:center;padding:10px;padding-right:20px}
.prod-left img{max-height:500px}
#prod-imgs{overflow:hidden;position:relative;}
#prod-imgs .swiper-pagination span{background:#aaa}
#prod-imgs .swiper-pagination span.swiper-pagination-bullet-active{background:#f00}
.prod-right{float:left;width:40%;font-family:Graphik}
.prod-right h1{font-size:16px;text-transform:capitalize;font-weight:500;color:#000;margin:10px 0;text-align:left;}
.prod-price2{font-size:18px;line-height:30px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #cecece;}
.prod-price2 *{vertical-align:middle;}
.prod-price2 span{color:#aa1e1e;font-weight:500;font-size:20px}
.prod-price2 del{color:#aaa;margin-left:3px;margin-right:3px;font-weight:400;font-size:15px}
.prod-price2 .inline-block{clear:both;display:inline-block;font-weight:400;line-height:20px;background:#c00;color:#fff;padding:0 8px;margin:8px 0;vertical-align:middle;}
.prod-price2 .off{display:inline-block;color:#fff;font-size:13px;margin-right:10px;vertical-align:1px;}
.prod-price2 .only{color:#fff;font-size:13px;vertical-align:1px;}
.prod-price2 .only i{vertical-align:-1px;}
.prod-h2{color:#888;font-size:12px;margin-bottom:5px}

.prod-right label{display:block;color:#000;font-weight:600;font-size:14px;margin:2px 0}
.prod-right .form-control{min-width:100px;border:1px solid #ccc;padding:10px 21px 10px 10px;margin-bottom:5px;color:#888}
.prod-btn{width:100%;padding:13px 50px;font-size:18px;background:#42a1c7;border:1px solid #42a1c7;color:#fff;margin:10px 0;cursor:pointer;font-weight:400;text-transform:uppercase;-webkit-transition: all .3s;transition: all .3s;    box-shadow: 0 3px 12px rgba(0, 0, 0, .2);}
.prod-btn:hover{background:#fff;color:#42a1c7}
.prod-form{padding-bottom:20px}
.prod-detail{padding:10px 0;border-top:1px solid #cecece;margin-top:0}
.prod-detail h4{text-transform:uppercase;font-size:14px;margin-bottom:15px;font-weight:500}
.prod-detail .inner{font-weight:400;font-size:13px}
.prod-detail li{padding-left:2px;color:#333}
.prod-detail li a{color:#333}
.prod-brand a{color:#888}
.prod-ship{color:#f00}

.prod-desc{padding:10px 0;border-top:1px solid #cecece;margin-top:20px;margin-bottom:30px}
.prod-desc h4{font-size:20px;display:block;padding:11px;margin:0 0 11px;color:#333f48;text-align:center;font-family:Graphik;font-weight:400;}
.prod-desc .inner{font-weight:400;font-size:13px;padding:10px;font-family:Graphik;}
.prod-color{margin-bottom:10px}
.prod-color label span{color:red}
.prod-color .color-box{display:inline-block;margin:5px}
.prod-color .color-box img{width:50px;max-height:50px;border:1px solid #ddd;padding:5px;border-radius:3px;}
.prod-color .color-box.active img{border-color:red}
.prod-color .color-box2{display:inline-block;margin-right:5px;border:1px solid #ccc;padding:0 10px;border-radius:3px;line-height:40px}
.prod-color .color-box2.active{border-color:red}

.site-relate{border-top:1px solid #eee;}
.site-relate h4{font-size:20px;display:block;padding:11px;margin:0 0 11px;color:#333f48;font-family:Graphik;font-weight:400;text-align:center;}
.site-relate .list-item{width:25%}
.site-relate .list-item .title{font-size:12px}
.prod-option{position:relative;margin-bottom:8px}
.prod-guide{position:absolute;top:6px;right:10px;color:#a41d23;text-transform:uppercase;cursor:pointer;line-height:13px;font-size:12px;font-weight:400}
.prod-guide svg{margin-right:5px;}
.main-size{position: fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(19, 19, 19, 0.6);z-index:150;display:none;}
.main-size__box{position:fixed;width:50%;height:90%;top:5rem;left: 50%;max-width: calc(100vw - 15rem);max-height: calc(100vh - 8rem);background: #fff;border-radius: 0.4rem;transform: translate(calc(-50% - 0.05rem), 0px);overflow-y:auto;}
.main-size__close{position:absolute;top:15px;right:18px;}
.sizeguide{padding:10px;margin:0 auto;max-width:1000px}
.sizeguide .tabnav{border-bottom:2px solid #eee;display:block;min-height:30px;margin-bottom:10px;}
.sizeguide .tabnav a{display:inline-block;line-height:30px;background:#eee;padding:0 10px;font-size:13px;margin-right:5px;color:#666;text-decoration:none;}
.sizeguide .tabnav a.on{background:#aaa;color:#fff}
.sizeguide .tabbox .table-wrapper{display:none;}
.sizeguide .tabbox .table-wrapper.on{display:block;}
.sizeguide .tabbox caption{text-align:center;padding-bottom:5px;font-weight:600}
.sizeguide .tabbox table{text-align:center;border:0;white-space:nowrap;margin:10px auto;width:100%}
.sizeguide .tabbox table td{padding:5px !important;white-space:nowrap;text-align:center;font-size:13px !important}
.sizeguide .tabbox table tr th{padding:8px;font-weight:400;white-space:nowrap;font-size:14px;text-align:center;color:#fff !important}
.sizeguide .tabbox table>thead>tr{background-color:#111;color:#fff}
.sizeguide .tabbox table>tbody>tr:nth-child(odd){background:#f5f6f8}
.sizeguide .tabbox table tbody td{border-left:1px solid #eee;font-weight:400;color:#666}
.sizeguide .tabbox table>thead>td{background-color:#111;color:#fff}
.sizeguide .tabbox table td:first-child{border-left:0}
.sizeguide .tabbox table tbody tr:hover{background:#ddd !important}
.sizeguide .tabbox table thead .td_hover{background:#444 !important}
.sizeguide .tabbox table tbody td:hover{background:#ccc !important;color:#fff !important}

.prod-accordion{padding:5px;}
.accordion-box{margin-bottom:10px;font-weight:400;color:#222}
.accordion-box h5{line-height:30px;font-weight:400;vertical-align:middle;font-size:15px;cursor:pointer;}
.accordion-box h5 i{float:none;color:#18335b;font-size:20px;vertical-align:-3px;margin-right:3px}
.accordion-box h5 .a{float:right;margin-top:2px}
.accordion-box h5 .b{float:right;margin-top:2px;display:none;}
.accordion-box p{font-size:13px;line-height:22px;padding-left:22px;display:none;color:#888}
.accordion-box.active h5 .a{display:none;}
.accordion-box.active h5 .b{display:block;}
.accordion-box.active p{display:block;}

.main-page__cart{margin:0 auto;min-height:555px;background:#fff}
.main-cart table,
.main-cart th,
.main-cart td{border:1px solid #ccc;font-size:12px;vertical-align:middle;padding:10px}
.main-cart th{background:#f4f4f4;font-weight:500;}
.main-cart td img{max-height:60px;width:auto}
.main-cart__left{float:left;width:68%;}
.main-cart__right{float:right;width:30%;border:1px solid #ccc}
.main-cart__table{width:100%;max-width:1000px;margin:0 auto;}
.main-cart__table p{font-weight:400}
.main-cart__del{position:absolute;top:5px;right:5px;color:red;cursor:pointer;}
.main-cart__right h5{height:36px;line-height:36px;background:#f4f4f4;border-bottom:1px solid #ccc;text-align:center;font-weight:400;text-transform:uppercase;}
.main-cart__right ul{padding:10px;font-weight:400}
.main-cart__right li{line-height:30px;height:30px}
.main-cart__right li .label{float:left;}
.main-cart__right li .value{float:right;}
.main-cart_taxes{line-height:28px;font-weight:400;padding-left:10px}
.main-cart_btns{border-top:1px solid #eee;padding:10px}
.main-cart_btn{display:inline-block;width:100%;height:44px;line-height:44px;text-align:center;color:#fff !important;background:#42a1c7;font-weight:400;font-size:16px;cursor:pointer;font-family:Graphik;text-transform:uppercase;}
.main-cart_btn:hover{opacity:0.9}
.main-cart__instructions{margin-top:10px}
.main-cart__instructions h5{line-height:36px;font-weight:400;}
.main-cart__instructions textarea{width:50%;padding:5px;border:1px solid #eee}

.main-page__checkout{background:#fff}

.col-sm-6{float:left;width:50%}
.main-checkout__left{float:left;width:50%;padding:10px 5%}
.main-checkout__p{font-weight:400;color:#999;font-size:12px;text-align:center;margin-bottom:10px}
.main-checkout__p a{color:#999}
.main-page__checkout h4{line-height:36px;font-weight:400;font-size:15px;color:#333;text-transform:uppercase;padding:10px;position:relative;text-align:center;}
.main-page__checkout h4:after{content:'';position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid #333;z-index:1}
.main-page__checkout h4 span{display:inline-block;padding:0 20px;background:#fff;z-index:2;position:relative;}
.main-checkout__left .rows{padding:10px}
.main-checkout__left .form-group{padding:0 5px;font-weight:400;color:#333;margin-bottom:5px}
.main-checkout__left .form-control{width:100%;border:1px solid #ccc;border-radius: 5px;padding:5px 10px;height:42px;color:#666;font-weight:400}
.main-checkout__left .form-control:focus{outline:0;}
.main-checkout__left .form-control::-moz-placeholder{color:#aaa;opacity:1}
.main-checkout__left .form-control::-ms-input-placeholder{color:#aaa}
.main-checkout__left .form-control::-webkit-input-placeholder{color:#aaa}
.main-checkout__left textarea.form-control{height:50px}
.main-checkout__right{float:left;width:50%;padding:10px 5%}
.main-checkout__order{font-weight:400}
.main-checkout__order table{border:1px solid #eee;width:100%}
.main-checkout__order th,
.main-checkout__order td{font-weight:400;border:1px solid #eee;padding:5px;text-align:center;font-family:tahoma,arial,sans-serif;}
.main-checkout__order th{color:#000}
.main-checkout__order td{color:#888;font-size:12px;}
.main-checkout__order .total3 td{color:red;font-size:14px;#000;padding:10px 5px}
.main-checkout__btn{width:100%;color:#fff !important;background:#42a1c7;font-size:16px;border:0;text-align:center;font-weight:400;font-family:Graphik;text-transform:uppercase;line-height:44px}
.failure{margin:0 auto;max-width:800px;text-align:center;font-weight:400;border:1px solid #f5e6e6;color:#e00;line-height:20px;padding:6px 0;margin-bottom:10px}

.main-login__box{text-align:center;display:none;}
.main-login__box div{display:inline-block;border:1px solid #eee;padding:20px 10px;min-width:50%;background:#fafafa;position:relative;}
.main-login__box .form-control{border:1px solid #ccc;min-width:250px}
.main-login__box .btn1{background:#000;color:#fff;border:0;font-weight:400;line-height:30px;padding:0 20px;cursor:pointer;}
.main-login__box .btn2{background:none;color:#000;border:0;cursor:pointer;}

.method-list{padding:5px;border:1px solid #eee;margin-bottom:10px;border-radius:5px;}
.method-list.checked{}
.method-list .title{float:left;line-height:30px;font-weight:400;font-family:tahoma,arial,sans-serif;}
.method-list .img{float:right;height:30px}
.method-list .img img{height:30px;}

.method-card{background:#f8f8f8;padding:15px 8px 8px;margin-top:5px;border:1px solid #eee;font-weight:400;display:none;}
.checked .method-card{display:block;}
.method-card label{display:inline-block;padding:0;margin-right:5px;width:150px}
.method-card label.required em{color:red;margin-right:2px}
.method-card .row{margin-bottom:10px}
.method-card .input-box{display:inline-block;font-weight:400;}
.method-card .input-box input{border:1px solid #ccc;padding:5px;margin-left:3px;width:208px}
.method-card .input-box select{border:1px solid #ccc;padding:5px;font-weight:400;}

.method-none{font-weight:400;line-height:30px;margin-bottom:20px}

.login{text-align:center;}
.login p{margin-bottom:15px;}
.login .row{max-width:400px;margin:0 auto 25px;}
.login .label{line-height:30px}
.login .label.required:before {content: '* ';color: #F00;font-weight: bold;}
.login .input{border:1px solid #ccc;background:#fff;height:38px;padding:6px 12px;color:#555;width:100%;display:block;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.alert{color:red;text-align:center;line-height:30px}
.backtop{position:fixed;right:10px;bottom:20px;display:block;width:32px;height:32px;background:url(/static/img/top3.svg) no-repeat;cursor:pointer;}

/* screen */
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1680px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1280px) {
	#banners{height:400px}
	#banners .bar-box{font-size:40px}
}
@media only screen and (max-width: 1152px) {}
@media only screen and (max-width: 1024px) {
	#banners{height:300px;background-position: center 25%;}
	#banners .bar-box{font-size:40px}
	.list-item .img,
	.lister .col a.image{height:200px}
	.navs li.nav-1{display:none !important}

	.main-checkout__left,
	.main-checkout__right{padding:10px 10px}

	#logo{font-size:30px}
	#srch{width:300px}
}
@media only screen and (max-width: 820px) {
	#banners{height:250px;background-position: center 25%;}
	#banners .bar-box{font-size:30px}

	.navs li.nav-2{display:none !important}

	.list-item .img,
	.lister .col a.image{height:168px}
}
@media only screen and (max-width: 800px) {

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent;}
.mobile{display:inline-block !important}
.mobile0{display:none !important}
#head .links{top:18px}
#head .links a{padding:0 3px}
#head .fd .fl .iconnav{display:block;}
#head .fd .fl a{background:none}
#head .fd .fr{display:block;}

#head .fd{text-align:center;}
#logo{line-height:40px;font-size:30px}

#head .bar{font-size:12px;line-height:20px;padding:8px 0}
#banners{height:220px;padding:15px 0 0}

#nav{display:none;position:absolute;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.5);padding:0}
#nav .iner{float:left;width:90%;height:100%;background:#fff;padding:15px;overflow:auto;position:relative;}
#nav .navtool{display:block;position:relative;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:20px}
.iconhome{font-size:18px}
.iconclose{font-size:20px;position:absolute;right:0;top:0}
#nav .navs{padding-right:0;}
#nav .navs {float:left;width:100%;}
#nav .navs .li0{min-height:40px;height:auto;line-height:30px;float:none;position:relative;display:block !important;border-bottom:1px dotted #fff;background:#eee}
#nav .navs .a0{display:block;color:#333;font-weight:600;line-height:40px;font-size:14px;padding:0;text-align:left;text-indent:1em}
#nav .navs .a0 .fa-angle-down{position:absolute;right:15px;top:12px}
#nav .navs .a0:hover{color:#e00}
#nav .subnavbox{display:block;position:static;top:0;left:0;z-index:10;padding:0 5px;border:0;box-shadow:none;}
#nav .navs .li0:hover .subnavs{display:block;}
#nav .subnavs .li1{line-height:30px;float:none;width:100%;border-bottom:1px solid #eee}
#nav .subnavs .a1{display:block;color:#333;line-height:28px;white-space:nowrap;font-size:12px;text-align:left;text-indent:1em}
#nav .subnavs .a1:hover{text-decoration:underline;color:#e00}
#nav .socials{position:inherit;float:left;width:100%;text-align:center;margin-top:20px}
#nav .langer{right: 80px;top: 15px;}
#nav .links{display:none;}

#srch{position:absolute;z-index:20;right:0;margin:5px 1%;width:98%;height:45px;background:#fff;border:3px solid #eee;box-shadow:0px 3px 3px #aaa;display:none;}
#srch input{background:none;border:0;line-height:38px;width:100%;padding:0 40px 0 10px}
#srch button{position:absolute;top:0;right:0;width:38px;height:38px;border:0;background:none;font-size:20px;cursor:pointer;}
#srch button .fa{font-size:16px;vertical-align:2px;}

.list-item,
.lister .col{width:50%}
.list-item .img, .lister .col a.image{height:360px}
.site-relate .list-item{width:50%}

#footer {border:0;padding:5px 0 0;background:#f2f2f2;border-top:3px solid #aa1e1e}
#footer .fbox{float:none;width:100%;padding:0}
#footer .fbox h5{margin-bottom:5px;padding:8px 10px 5px;line-height:20px;display:none;}
#footer .fbox li{float:none;width:100%;line-height:20px;padding:5px 10px;border-bottom:1px dotted #fff;margin:0}
#footer .socials{padding:5px}
#footer .copyright{padding:10px;margin:0;text-align:left;font-size:11px}

.prod-right,
.prod-left{float:none;width:100%;padding:0 10px}
.prod-right .form-control{width:100%}
.site-prod h4{font-size:14px}

.main-index .list-item{width:50%}

.main-hot__left .title{font-size:16px}
.main-page .inner{font-size:14px;padding:0 5px}
.page-text p{font-size:14px}

.main-cart__left{float:none;width:100%;padding-top:10px}
.main-cart__right{float:none;width:100%;padding-top:10px}
.main-checkout__left{float:none;width:100%;margin-bottom:0;padding-bottom:0}
.main-checkout__left .rows{padding-bottom:0}
.main-page__checkout h4{padding:0;margin-bottom:10px}
.main-checkout__right{float:none;width:100%;padding-top:0}

.coupon-box-inner{top:20%;margin-top:0;margin-left:-160px}
.coupon-box-inner img{width:320px}

.swiper-pagination{bottom:5px}
.swiper-pagination span{width:6px;height:6px;margin:3px}
.lister{padding:0 0 10px 0}
.lister .title h2{margin:0;font-size:16px}
#search{position:absolute;left:0;top:48px;z-index:20;background:#ccc;margin:0;padding:0;display:none;height:38px;border:0}
#search input{line-height:38px;background:#eee;border-bottom:1px solid #888}
#search button{height:38px}

.main-cart__instructions{display:none;}
.main-cart__right h5{display:none;}
.main-cart__right{border:0}

}
@media only screen and (max-width: 640px) { .list-item .img, .lister .col a.image{height:300px} 
#head .fd .fl a, #head .fd .fr a{margin:0 5px}
}
@media only screen and (max-width: 480px) { .list-item .img, .lister .col a.image{height:210px} 
#banners{height:200px;padding:0}
#banners .bar-box{line-height:30px;font-size:20px}
#logo{font-size:24px}
}
@media only screen and (max-width: 425px) { .lister .col .info .name,.list-item .title{font-size:11px}
#head .fd .fr a{margin:0 2px}
#banners{height:200px;}
#banners .bar-box{}
}
@media only screen and (max-width: 375px) { .list-item .img, .lister .col a.image{height:188px} 
#banners{height:160px;padding:20px 0}
}
@media only screen and (max-width: 360px) { .list-item .img, .lister .col a.image{height:158px} }
@media only screen and (max-width: 320px) { .list-item .img, .lister .col a.image{height:150px} }