@charset "utf-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;font:14px/18px Arial,Helvetica,sans-serif;color:#413631;}
:focus      { outline:0; }
a:focus{outline:0;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
h2,h3,h4{font-size:14px;padding:0;margin:0;}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */
*{box-sizing:border-box;}
a           { color:#2979bd; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#2e3192; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }
.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.boradius3{-o-border-radius: 3px;-icab-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}
.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.shadow2{box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);}

.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.bneff05{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.cl1{color:#ff7800;}
.tc{text-align:center;}
.posr{position:relative;}
.rows{overflow:hidden;width:100%;}

.hn_1{color:#333;}
.hn_1:hover{color:#c61d23;text-decoration:none;}
.hn_2{color:#fff;}
.hn_2:hover{color:#ff0;text-decoration:none;}


#warraper{width:1200px;margin:auto;box-sizing:border-box;}
#warraper:after,.wcontent:after,#menutop-sticky-wrapper:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
.mbody{background:#efefef;}
.topbar{height:35px;background:#333;color:#ff0;line-height:35px;}
.topbar .slogan{float:left;width:200px;font-weight:bold;}
.topbar .tmenu{float:right;list-style:none;margin:0;padding:0;}
.topbar .tmenu li{float:left;padding:0 15px;line-height:35px;}
.topbar .tmenu li a{color:#ff0;}
.topbar .tmenu li a:hover{color:#fff;text-decoration:none;}
.topbar .tmenu li .ico{color:#fff;font-size:16px;}

.header{padding:10px 0;background:#ffffe2;}
.header .logo{float:left;width:120px;}
.header .topsearch{float:left;width:calc(100% - 470px);padding:5px 20px 0 20px;}
.header .thotline{float:left;width:300px;padding-left:15px;padding-right:15px;}
.header .thotline i{font-size:24px;color:#c61d23;padding-top:12px;float:left;}
.header .thotline a{color:#333;}
.header .thotline a:hover{text-decoration:none;color:#c61d23;}
.header .thotline .tel{float:left;padding-left:10px;font-size:18px;font-weight:bold;padding-top:15px;}
.header .lksearch{padding-top:5px;}
.header .lksearch a{color:#333;}
.header .lksearch a:hover{color:#c61d23;text-decoration:none;}
.header .topcart{float:left;width:50px;text-align:center;padding-top:8px;}

.boxsearch{border:1px solid #c61d23;background:#fff;}
.boxsearch .bleft{float:left;width:calc(100% - 60px);height:35px;padding-top:4px;padding-left:10px;}
.boxsearch .bright{float:left;width:60px;background:#c61d23;height:35px;}
.boxsearch .sbutton{background:none;border:none;height:33px;width:60px;color:#fff;font-size:18px;}
.boxsearch .bipt{float:left;width:100%;padding:4px 5px;}
.boxsearch .bipt input{border:none;height:18px;width:100%;font-size:14px;background:none;color:#333;}

.shopcart{width:45px;position:relative;padding-left:5px;}
.shopcart .cart{width:40px;height:35px;font-size:24px;color:#c61d23;}
.shopcart .numcart{position:absolute;top:0px;right:0;color:#fff;text-decoration:none;background:rgba(0,0,0,0.5);width:20px;height:20px;
font-weight:bold;line-height:20px;font-size:12px;text-align:center;border-radius:50%;overflow:hidden;}
.shopcart .bshopcart{position:absolute;top:28px;right:0;visibility:hidden;opacity:0;width:320px;padding-top:10px;}
.shopcart .box{border:1px solid #ccc;background:#fff;padding:2px 10px 35px 10px;}
.shopcart:hover .bshopcart{opacity:1;z-index:10;visibility:visible;}
.shopcart .btotal{border-top:2px solid #333;height:30px;line-height:30px;font-size:12px;color:#c61d23;}
.shopcart .bleft,.shopcart .bright{float:left;width:50%;}
.shopcart .bright{text-align:right;}
.shopcart .btn{color:#000;background:#fff;border:1px solid #d8d8d6;display:inline-block;padding:2px 10px;font-size:12px;}
.shopcart .btn:hover{color:#fff;background:#c61d23;border-color:#c61d23; text-decoration:none;}

.bsview{max-height: 240px;overflow: auto;}
.sc-table,.sc-table .tr-head{border-collapse: collapse;}
.sc-table td{border-bottom:1px solid #d8d8d6;border-collapse: collapse;padding:5px 10px 5px 0;vertical-align: middle;color:#000;font-size:12px;position:relative;line-height:1.2em;}
.sc-table tr:last-child td{border-bottom:none;}
.sc-table .col1{width:70px;}
.sc-table .col2{text-align:left;}
.sc-table .img{max-height:60px;width:auto;}
.sc-table .link{color:#101317;font-weight:bold;}
.sc-table .link:hover{color:#3a0f37;text-decoration:none;}
.sc-table .bnum{display:inline-block;border:1px solid #d8d8d6;width:30px;height:20px;line-height:20px;text-align:center;}
.sc-table .bprice{font-weight:bold;padding-left:10px;}
.sc-table .bdel{position:absolute;top:8px;right:0px;}

.table1{width:100%;border-collapse:collapse;border:1px solid #eee;}
.table1 td{padding:5px;vertical-align:middle;border:1px solid #eee;}
.table1 tr:first-child{background:#ffffe2;font-weight:bold;}

#menutop{position:relative;}
#menutop .bg{position:absolute;top:0;left:0;width:100%;height:40px;background:#ffd504;}
#menutop .mnu{position:relative;}
#menutop .mncat{display:block;width:100%;height:40px;line-height:40px;font-size:14px;font-weight:bold;text-transform:uppercase;padding-left:10px;color:#333;
background:#fef200;}
#menutop .mncat:before{font-family:'FontAwesome';content:'\f0c9';padding-right:10px;font-size:16px;margin-top:-5px;font-weight:normal;}



.mcolsl,.mcolsm1{float:left;}
.mcolsl{width:25%;}
.mcolsm1{width:75%;}
.rtban{height:40px;}

.mnumain{background:#fff;border:1px solid #ddd;border-top:none;}
.tmnsub{cursor:pointer;position:relative;}
.tmnsub .mnumain{	position: absolute;left:0;top:40px;display:none;width:100%;z-index:1000;}
.tmnsub:hover .mnumain,.tmnsub:hover > mnumain{	display:inline;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; }

#menutop .tmnsub .mncat:after{font-family:'FontAwesome';content:'\f103';padding-left:10px;font-size:16px;position:absolute;right:8px;top:0px;font-weight:normal;}

ul#navigation {margin:0;padding:0; position:relative;list-style:none;}
ul#navigation .gr1{display:block;border-left:2px solid #fff;padding:0 5px;}
ul#navigation li a.sub1 {
	font-size:14px;
	height:33px;line-height:33px;
	color:#333;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
	border-bottom:1px solid #ddd;
}
ul#navigation li:last-child a.sub1{border-bottom:none;}
ul#navigation li .icon{margin-right:10px;float:left;width:20px;height:20px;text-align:center;color:#999;}
ul#navigation li .icon:before{font-family:'FontAwesome';font-size:18px;}
ul#navigation li:nth-child(1) .icon:before{content:"\f109";}
ul#navigation li:nth-child(2) .icon:before{content:"\f02f";}
ul#navigation li:nth-child(3) .icon:before{content:"\f083";font-size:16px;}
ul#navigation li:nth-child(4) .icon:before{content:"\f10a";}
ul#navigation li:nth-child(5) .icon:before{content:"\f130";}
ul#navigation li:nth-child(6) .icon:before{content:"\f0ae";font-size:16px;}
ul#navigation li:nth-child(7) .icon:before{content:"\f025";}
ul#navigation li:nth-child(8) .icon:before{content:"\f0a0";}

ul#navigation li.gr1:hover{border-left:2px solid #c61d23;}
ul#navigation li a.sub1.active,
ul#navigation li a.sub1:hover,
ul#navigation li:hover > a.sub1 
{
	color:#c61d23;
}


ul#navigation li:hover > div.sub
{
	visibility:visible;
	opacity:1;
	z-index:15;
}
ul#navigation div.sub {
	top: 0px;
    left: 100%;
	height:calc(100% + 1px);
	overflow:hidden;
	background:#fff;
    padding: 10px;    
	visibility:hidden;
    position: absolute;
    z-index: 100;
	width:calc(300% + 7px);
	border:1px solid #ddd;
	border-top:none;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 
}
ul#navigation li.active div.sub {
	visibility:visible;
	opacity:1;
}

ul#navigation .gr2{list-style:none;padding:0;margin:0;}
ul#navigation .gr2 .gr2-c{float:left;width:25%;padding:5px 15px;}
ul#navigation .gr2 .gr2-c a{font-weight:bold;color:#333;}
ul#navigation .gr2 .gr2-c a:hover{color:#c61d23;text-decoration:none;}
ul#navigation .gr2 .gr2-c .fl2mnu{list-style:none;padding:5px 0;margin:0;}
ul#navigation .gr2 .gr2-c .fl2mnu li{padding-left:5px;}
ul#navigation .gr2 .gr2-c .fl2mnu li a{color:#666;padding:5px 0;font-size:14px;font-weight:normal;}
ul#navigation .gr2 .gr2-c .fl2mnu li a:hover{color:#c61d23;}

.hbanner img{width:100%;}
.hbanner .item{height:265px;overflow:hidden;}

.slide-prev,
.slide-next
{
    font-size: 40px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 50px;
    margin-top: -25px;
    padding: 0;
    cursor: pointer;
    color: #514742;
    border: none;
    outline: none;
    background: transparent;
	opacity: 0.2;
	z-index:4;
}
.slide-prev:hover,
.slide-prev:focus,
.slide-next:hover,
.slide-next:focus
{
    color: #c61d23;
    outline: none;
    opacity: 1;
}

.slide-prev
{
    left: 10px;
}
[dir='rtl'] .slide-prev
{
    right: 10px;
    left: auto;
}

.slide-next
{
    right: 10px;
}
[dir='rtl'] .slide-next
{
    right: auto;
    left: 10px;
}

.slide-dots
{
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slide-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;

    cursor: pointer;
}
.slide-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slide-dots li button:hover,
.slide-dots li button:focus
{
    outline: none;
}
.slide-dots li button:hover:before,
.slide-dots li button:focus:before
{
    opacity: 1;
}
.slide-dots li button:before
{
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #c61d23;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide-dots li.slick-active button:before
{
    opacity: .75;
    color: #f26b35;
}
.imgscale .img{overflow:hidden;}
.imgscale .img img{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.imgscale:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transition:scale(1.1);-o-transition:scale(1.05);-ms-transition:scale(1.1);}


.hboxpro{background:#fff;margin:15px 0;}
.hboxpro .ptitle{border-bottom:1px solid #c61d23;}
.hboxpro .tname{float:left;height:30px;line-height:30px;background:#c61d23;color:#fff;padding:0 30px;}
.hboxpro .tname a{display:block;}

.hlistpro,.hlistpro1{list-style:none;padding:0;margin:0 -1px 0 0;display: flex;flex-wrap: wrap;}
.hlistpro li,.hlistpro1 li{
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	padding:15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;}
.hlistpro li{width:16.666666%;}
.hlistpro1 li{width:25%;}

.proitem1{text-align:center;}
.proitem1 .img img{width:100%;}
.proitem1 a{color:#333;text-decoration:none;}
.proitem1 .pname{height: 42px;padding-top: 5px;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;color: #333;overflow: hidden;word-break: break-word;}
.proitem1 .pname1{padding-top: 5px;color: #c61d23;font-weight:bold;}
.proitem1 .pprice{padding-top:10px;}
.proitem1 .price{font-weight:bold;font-size:16px;color:#c61d23;display:block;}
.proitem1 .sale{color:#999;text-decoration:line-through;font-size:13px;padding-top:3px;display:block;}

.fbg{background:#fff;}
.paymethod{border-bottom:1px solid #eee;padding:10px 0;}
.paymethod .txt{float:left;line-height:32px;font-weight:bold;color:#c61d23;padding-right:10px;}
.paymethod .listpay{float:left;}
.paymethod .listpay span{display:inline-block;border:1px solid #eee;padding:3px;margin:0 5px;}

.fotter{padding:15px 0;margin:0 -15px;}
.fbox{float:left;width:25%;padding:15px;}
.fbox .title{text-transform:uppercase;font-weight:bold;padding-bottom:10px;font-size:13px;}

.bottom{border-top:1px solid #eee;padding:5px 0;}
.bottom .copyright{float:left;padding-right:10px;color:#999;font-size:12px;line-height:25px;}
.bottom .social{float:left;}
.bottom .share{float:left;padding-top:2px;margin:0;}
.bottom .statics{float:left;width:160px;text-align:right;}
.social a{color:#bcbec0;font-size:16px;text-align:center;display:inline-block;width:22px;height:22px;line-height:22px;
box-sizing:border-box;margin-right:2px;}
.social a:hover{color:#fff;text-decoration:none;background:#c61d23;}
.social a i{line-height:22px;}
.footcate{list-style:none;margin:0;padding:10px 0;border-bottom: 1px solid #eee;display: flex;flex-flow: row wrap;justify-content: center;}
.footcate li{padding:0 15px;}
.footcate li a{font-weight:bold;color:#333;}
.footcate li a:hover{color:#c61d23;text-decoration:none;}

.mainbg{background:#fff;margin:15px 0;}
.mainbox{display: flex;flex-wrap: wrap;width:100%;}
.articlebox{padding:15px;text-align:justify;}
.wleft,.wright
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	
}
.wleft{width:calc(100% - 280px);border-right:1px solid #eee;}
.wright{width:280px;}

.breadcrumb{background:#fff;margin:15px 0;padding:10px;font-size:12px;}
.breadcrumb .PathCss{padding:0 5px;font-size:12px;color:#333;height:25px;line-height:25px;}
.breadcrumb .PathCss:hover{color:#e31e24;text-decoration:none;}
.breadcrumb .PathCss.active{color:#e31e24;font-weight:bold;}

.boxgroup{padding:15px;border-bottom:1px solid #eee;}
.boxgroup .title{text-transform:uppercase;padding-bottom:8px; color:#000;font-weight:700;font-size:13px;}
.mnuright{list-style:none;margin:0;padding:0;}
.mnuright li a{display:block;padding:2px 0;color:#666;}
.mnuright li a:hover{color:#c61d23;text-decoration:none;}

.ftchk{position:relative;display:inline-block;overflow:hidden;}
.ftchk input[type=checkbox]{position: absolute;visibility: hidden;top:0;left:0;}

.ftchk label{
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	line-height:18px;
	height: 18px;
	float:left;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	margin:0;
	font-weight:normal;
}


.ftchk .check{
	display: block;
	background:#fff;
	position: absolute;
	border: 1px solid #b8b8b8;
	border-radius:3px;
	height: 18px;
	width: 18px;
	top: 0px;
	left: 0px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.ftchk:hover .check {
	border: 1px solid #c61d23;
}


.ftchk .check::before {
	display: block;
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	top: 5px;
	left: 5px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.ftchk input[type=checkbox]:checked ~ .check {
	border: 1px solid #b8b8b8;
}

.ftchk input[type=checkbox]:checked ~ .check::before{
	left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid #c61d23;
    border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ftchk input[type=checkbox]:disabled ~ .check{background:#ddd;}
.ftchk input[type=checkbox]:checked:disabled ~ .check::before{
	left: 8px;
    top: 4px;
    width: 7px;
    height: 10px;
    border: solid #999999;
    border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.proinfo{padding:15px;width:100%;}
.pvleft{float:left;width:50%;padding-right:15px;}
.pvright{float:right;width:50%;padding-left:15px;}
.pvtitle{padding-bottom:15px;}
.pvtitle h1{padding:0;margin:0;font-weight:bold;font-size:18px;color:#000;}
.pvdesc{padding:15px 0;text-align:justify;white-space: pre-wrap;}
.pvprice{border-top:1px dashed #d9dce3;border-bottom:1px dashed #d9dce3;padding:10px 0;color:#c61d23;font-size:22px;font-weight:bold;}
.pvsale{font-size:13px;color:#999;text-decoration:line-through;}
.boxsale{border:1px solid #ddd;}
.boxsale .stitle{padding:8px 10px;background:#f7f7f7;text-transform:uppercase;}
.boxsale .sinfo{padding:10px;border-top:1px solid #ddd;}

.procontent{padding:15px;text-align:justify;border-top:1px solid #ddd;width:100%;}
.procontent .pvctitle{text-transform:uppercase;font-weight:bold;padding-bottom:15px;}
.procontent img,.pcontent img{height:auto !important;}
.pvright .tl{text-align:left !important;}
.pvright .lnl{margin:0;}
.pvquantity{padding:10px 0;}
.pvqname{line-height:34px;float:left;height:34px;padding-right:20px;}
.spinner{padding:2px 0;line-height:28px;max-width:130px;margin:auto;float:left;}
.spinner .btasc,.spinner .btdesc{float:left;width:35px;cursor:pointer;border:1px solid #d9dce3;text-align:center;height:30px;font-size:22px;}
.spinner .btasc:hover,.spinner .btdesc:hover{background:#ebedf0;}
.spinner .inpt{float:left;width:calc(100% - 70px);;border-top:1px solid #d9dce3;;border-bottom:1px solid #d9dce3;height:30px;}
.spinner .inpt .iptval{height:28px;border:none;padding:2px 5px;text-align:center;font-size:16px;width:100%;color:#c61d23;}
.pvbutton{text-align:center;padding:15px 0;}
.pvbutton .pvbtn{border:none;padding:15px 5px;text-align:center;width:48%;font-size:16px;text-transform:uppercase;}
.pvbutton .pbc1{background:#ffde00;color:#000;}
.pvbutton .pbc2{background:#c61d23;color:#fff;}

.boximg .img{border:1px solid #ddd;}
.pimgmore{list-style:none;padding:0;margin:10px -5px 0 -5px;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
list-style: none;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.pimgmore li{width:25%;padding:0 5px;}
.pimgmore li img{border:1px solid #ddd;width:100%;}

.otherpro{background:#fff;margin:15px 0;}
.otherpro .title{padding:10px;border-bottom:1px solid #ddd;text-transform:uppercase;font-weight:bold;}

#showmess{display:none;}
#showmess .box{width:300px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;display: flex;justify-content: center;padding:20px 0;}
#showmess .icon{font-size:36px;color:#fff;height:40px;line-height:40px;width:40px;margin-right:10px;float:left;}
#showmess .txt{height:40px;line-height:40px;font-weight:bold;float:left;}

.prosort{border-bottom:1px solid #eee;padding:10px;position:relative;}
.prosort .title{float:left;line-height:30px;padding-right:10px;font-weight:bold;}
.lsort{list-style:none;padding:0;margin:0;float:left;}
.lsort li{float:left;padding:0 5px;}
.lsort li a{display:inline-block;line-height:30px;padding:0 10px;border:1px solid #eee;color:#333;}
.lsort li a:hover,.lsort li a.active{background:#c61d23;border-color:#c61d23;color:#fff;text-decoration:none;}
.mbsort{float:left;display:none;}
.mbsort select{padding:5px;border:1px solid #eee;}

.profilter{position:absolute;right:10px;top:10px;}
.profilter .icof{font-size:20px;width:32px;height:32px;text-align:center;line-height:32px;border:1px solid #eee;color:#c61d23;}
.profilter .icof:hover{text-decoration:none;}

.cmenumb{display:none;}


.blockpage{text-align:center;padding:5px 0;}
.page,.pageselect{text-decoration:none;display: inline-block;width:30px;height:30px;text-align:center;line-height:30px;font-size:14px;margin-left:-2px;-o-border-radius: 50%;-icab-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;
-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%;}
.page{color:#fff;background:#776b63;}
.page:hover,.pageselect:hover{color:#fff;text-decoration:none;background:#333333;}
.pageselect{background:#f26522;color:#fff;}

.share{padding:10px 0;margin:20px 0 0 0;}
.share .pd{padding:0 5px;}
.rateblock{text-align:right;min-width:220px;}
.rateblock .rating{display: inline-block;}

.fn-table,.fn-table .tr-head{border-collapse: collapse;}
.fn-table .tr-head{font-weight: bold;text-align: center;font-size:13px;text-transform:uppercase;}
.fn-table .tr-head td{color:#000;}
.fn-table td{border-bottom:1px solid #d8d8d6;border-collapse: collapse;padding: 10px 5px;vertical-align: middle;color:#000;}
.fn-table tr:last-child td,.fn-table .ttal{border-bottom:none;}
.fn-table .col2,.fn-table .col4{width:10%;}
.fn-table .col3{width:15%;}
.fn-table .col1{width:80px;}
.fn-table .col5{width:3%;}
.fn-table .btndel{color:#c61d23;}
.fn-table .btndel:hover{color:#c61d23;text-decoration:none;}
.fn-table .img{height:60px;}
.fn-table .link{color:#58595b;font-weight:bold;}
.fn-table .link:hover{color:#c61d23;text-decoration:none;}
.stbprice{font-size:13px;}
.stbprice,.tbqm{display:none;}

.sc-btn{text-align:right;padding:10px 0 40px 0;}
.scbtn{color:#000;background:#fff;border:1px solid #d8d8d6;display:inline-block;padding:6px 30px;font-size:15px;text-transform:uppercase;}
.scbtn:hover{color:#fff;background:#c61d23;text-decoration:none;}
.nocart,.noresult{padding:40px 10px;text-align:center;font-size:18px;font-weight:bold;color:#c61d23;}
#showshopcart{width:100%;}
.TextBox{border:1px solid #bcbec0;box-sizing:border-box;width:100%;padding:5px 10px;min-height:35px;-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}

.shoptitle{font-weight:bold;font-size:13px;text-transform:uppercase;padding-bottom:10px;}
.shopinfo{padding:15px;font-size:13px;width:100%;}
.fbuyinfo{float:left;width:48%;}
.frecinfo{float:right;width:48%;}

.scrollup{width:40px;height:40px;position:fixed;bottom:85px;right:30px;display:none;z-index:100;
text-align:center;text-decoration:none;border:1px solid #f26b35;background-color: rgba(255,255,255,.7);border-radius:50%;}
.scrollup i{width:38px;height:38px;line-height:36px;text-align:center;font-size:24px;color:#f26b35;}


.callaction{display:none;}
@keyframes bn-act-anim-img{
	0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-moz-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-webkit-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@-o-keyframes bn-act-anim-img {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
	40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
	100% {-webkit-transform: rotate(0) scale(1) skew(1deg);}
}

@keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-moz-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-webkit-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

@-o-keyframes bn-act-anim-fill {
    0% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
	50% {-webkit-transform: rotate(0) scale(1) skew(1deg);opacity: .2;}
	100% {-webkit-transform: rotate(0) scale(.7) skew(1deg);opacity: .2;}
}

0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}

@keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-moz-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-webkit-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

@-o-keyframes bn-act-anim-circle {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg);-webkit-opacity: .1;}
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg);-webkit-opacity: .5;}
100% {-webkit-transform: rotate(0) scale(1) skew(1deg);-webkit-opacity: .1;}
}

.act-icon {
    position: fixed;
    background-color: transparent;
    width: 90px;
    cursor: pointer;
    z-index: 200 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}
.act-icon-circle {
    width: 70px;
    height: 70px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #f26b35 9;
    opacity: .1;
    -webkit-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -moz-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -ms-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -o-animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    animation: bn-act-anim-circle 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-color: #f26b35;
    opacity: .5;
}
.act-icon-fill {
    width: 60px;
    height: 60px;
    bottom: 5px;
    left: 5px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -moz-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -ms-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -o-animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    animation: bn-act-anim-fill 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #f26b35;
    opacity: .75 !important;
}
.act-icon-img {
    width: 40px;
    height: 40px;
    bottom: 15px;
    left: 15px;
	text-align:center;
    position: absolute;
    background-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1.7;
    -webkit-animation: bn-act-anim-img 1s infinite ease-in-out;
    -moz-animation: bn-act-anim-img 1s infinite ease-in-out;
    -ms-animation: bn-act-anim-img 1s infinite ease-in-out;
    -o-animation: bn-act-anim-img 1s infinite ease-in-out;
    animation: bn-act-anim-img 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #f26b35;
}
.act-icon-img i{width:40px;height:40px;line-height:36px;color:#fff;font-size:30px;}
.zalo-img{background:#f26b35 url(../images/zalo.png) center no-repeat;}
.mess-img{background:#f26b35 url(../images/fbmess.png) center no-repeat;}
.whatsapp-img{background:#f26b35 url(../images/whatsapp.png) center no-repeat;}

.act-pos0{bottom:0;left:0;}
.act-pos1{bottom:0;left:50px;}
.act-pos2{bottom:0;left:95px;}
.act-pos3{bottom:0;left:140px;}

.frm-order{width:100%;box-sizing:border-box;}
.frm-order td{padding:5px;}
.frm-order .scol{width:200px;}
.binna-video-player{max-width:600px;margin:auto;}

.err404{max-width: 800px;margin: auto;padding: 50px 0;}
.err404 .img404{float: left;width: 40%;}
.err404 .info404{float: left;width: 60%;padding: 0 20px;}
.err404 .t404t1 h1{line-height: 1.2em;padding: 0;margin: 0;}
.err404 .t404t2{padding: 10px 0;color: #666;}
.err404 .t404nav{border-top:1px solid #ccc;padding-top: 20px; }
.err404 .t404nav a:hover,.err404 .t404col:hover .t404ico{text-decoration: none;color:#ec272c;}
.err404 .t404col{display: inline-block;padding: 0 20px;text-align: center;}
.err404 .t404ico{font-size: 40px;color:#776b62;}

.slide-advs{overflow:hidden;}
.webadvs .advmb,.header .btmnu,.profilter,.bthotline,.btmbsearch{display:none;}


@charset "utf-8";
@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 1100px) {
	#warraper{width:1000px;padding-left:5px;padding-right:5px;}
}

@media only screen and (max-width: 900px) {
	#warraper{width:100%;padding-left:1%;padding-right:1%;}
	.header{position:relative;}
	.header .logo{position:absolute;top:10px;left:calc(1% + 50px);}
	.header .topcart{position:absolute;top:10px;right:1%;}
	.header .topsearch,.header .thotline{width:100%;padding-left:calc(1% + 170px);padding-right:70px;}
	.header .lksearch{display:none;}
	.header .thotline{text-align:center;}
	.header .thotline i,.header .thotline .tel{display:inline-block;float:none;}
	.header .btmnu{display:block;position:absolute;top:10px;left:1%;}
	.header .btmnu,.header .btmnu i{width:40px;height:40px;text-align:center;line-height:38px;cursor:pointer;color:#c61d23;font-size:28px;}
	.header .btmnu i:hover{color:#f26b35;}
	
	.mcolsl,#menutop .bg,.rtban,.bottom .statics,.wright{display:none;}
	.mcolsm1{width:102%;margin-left:-1%;margin-right:-1%;}
	.hbanner .item{height:auto;}
	
	.hlistpro li{width:25%;}
	.bottom .share{padding:2px 0;}
	.wleft{width:100%;}
	.profilter{display:inline;}
	.probox{position:relative;}
	.probox .wright{position:absolute;top:55px;right:0;width:100%;background:#fff;min-height:calc(100% - 55px);z-index:2;}
	.pvleft{width:100%;padding-right:0;}
	.pvright{width:100%;padding-left:0;padding-top:30px;}
	.frecinfo,.fbuyinfo{width:100%;}
	.callaction{display:inline;}
	
}

@media only screen and (max-width: 700px) {
	body,h2,h3,h4{font-size:16px;}
	#warraper{padding-left:2%;padding-right:2%;}
	.mcolsm1{width:104%;margin-left:-2%;margin-right:-2%;}
	.topbar .slogan{text-align:center;width:100%;}
	.header{padding:5px 0;height:60px;}
	.topbar,.topbar .slogan{font-size:14px;line-height:25px;height:25px;}
	.header .btmnu{z-index:2;}
	.header .logo{width:100%;left:0;text-align:center;height:40px;}
	.header .logo img{width:auto;height:100% !important;}
	.header .topsearch, .header .thotline{padding:5px 0;display:none;position:absolute;top:55px;left:0;background:#ffffe2;z-index:2;padding:5px 1%;}
	.header .thotline i,.lsort{display:none;}
	.header .thotline .tel{padding-top:0;}
	.bthotline,.btmbsearch{display:inline;position:absolute;width:40px;height:40px;z-index:2;}
	.bthotline i,.btmbsearch i{width: 40px;height: 40px;text-align: center;line-height: 38px;cursor: pointer;color: #c61d23;font-size: 28px;}
	.bthotline{top:10px;left:calc(1% + 40px);}
	.btmbsearch{top:10px;right:calc(1% + 40px);}
	.hlistpro li,.hlistpro1 li{width:50%;}
	.hlistpro li, .hlistpro1 li{padding:10px;}
	.proitem1 .pname{font-size:14px;}
	.mbsort{display:inline;}
	
	.paymethod .txt,.paymethod .listpay{width:100%;text-align:center;}
	.paymethod .listpay span{margin:5px;}
	.fbox{width:100%;}
	.footcate li{width:50%;padding:0 5px;font-size:13px;}
	.fn-table .col3{display:none;}
	.bottom{padding-bottom:50px;}
	.scrollup{right:95px;bottom:15px;}
	
	.err404 .img404,.err404 .info404{width: 100%;padding: 10px;text-align:center;}
	.err404 .t404t1,.err404 .t404t2,.err404 .t404nav{text-align: center;}
	.err404 .t404t1 h1{font-size: 16px;}
	.err404 .t404nav a:hover{text-decoration: none;}
	.err404 .t404ico{font-size: 40px;}

}
	

@media screen and (max-width: 400px) {
	
}