@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strike, strong, sup, sub, b, u, i, center, ul, ol, li, caption, form, fieldset, legend, input, button, textarea, select, label, iframe, figcaption, figure, menu, nav, section{margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; list-style: none; font-family: Tahoma}
body, html{ font-size: 13px; color: #666; font-family: Arial,Helvetica,sans-serif; }
html{-webkit-text-size-adjust:none}
h1{ text-indent: -9999px; height: 0 }
a{ text-decoration:none; color: #06f}
.resolution{ height: 10px; background: #090 }
.csschitiet li{list-style:inside;}
.sp-thumbs a:link, .sp-thumbs a:visited{margin: 10px; margin-left: 0}
.menumobile{ display: none }
a[href^="tel:"] {color:inherit} 
/* CSS Chung */
.csschitiet img{ height: auto;  }
.cartfix{position:fixed; right:5px; bottom:5px; background: url(../images/cart.png) no-repeat; background-size: 55px; width: 55px; height: 55px; z-index: 9999;}
.cartfix span{position: absolute; top: 12px; right: 38px; color: #eb1d25; font-weight: 500;}

.hotline-popup{width:60px;height:60px;position:fixed;left:6px;background:#FFF200 ;bottom:6px;border-radius:100%;text-align:center;color:#fff;font-size:12px;line-height:20px;cursor:pointer;display:block;z-index:999}
.hotline-popup:after,.hotline-popup:before{width:100%;height:100%;position:absolute;border-radius:100%;content:"";left:0}
.hotline-popup:after{box-shadow:0 0 10px #FFF200 ,0 0 10px #FFF200 ;top:0;animation:shadow 1.2s .5s infinite;-webkit-animation:shadow 1.2s .5s infinite;-moz-animation:shadow 1.2s .5s infinite;-o-animation:shadow 1.2s .5s infinite}
.hotline-popup span{display:block;background:url(../images/call-answer.svg);width:28px;height:28px;margin:15px;background-size:28px;animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out}
.hotline-popup-bg{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.7);display:none;z-index:30}

@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim{0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim{0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
}
@-webkit-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-moz-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-o-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}

.showmobile{display:none; width:100%; float:none;}


.main{ clear:both; width: 99%; max-width: 1275px; margin:0 auto; position: relative } .main::after{ content:''; display:block; clear:both}
.mainnho{ clear:both; width: 99%; max-width: 1100px; margin:0 auto; position: relative } .mainnho::after{ content:''; display:block; clear:both}
.kw_tinmoi li h3{margin: 10px 0; letter-spacing: 1px; color: #333; font-size: 14px; font-weight:bold; height:40px;}
.settinmoi{height: 375px !important}
.leftcol{ width:20%; float:left} .content{ width:78%; float:right}
.hide{ display: none !important }
.clr{ clear: both; height: 0px }
.clr10{ clear: both; height: 10px }
img{line-height: 0 !important; vertical-align: middle; max-width: 100%}
.breadcrumb{ margin: 10px 0; margin-bottom: 0; padding:7px 12px;background: #000; padding-left: 15px; color: #fff; font-size: 14px; text-transform: capitalize; margin-top: 15px } .breadcrumb a{ color: #fff } .breadcrumb a:hover{ text-decoration: underline }
/* CSS Tmp */
.main_content{ margin-top: 20px; margin-bottom: 10px }
a.tt{ color: #06f } a.tt:hover{ color: #f30 }
img.bannercat{ width: 100% }
h2.title{ text-transform: uppercase;color:#09f; margin-bottom: 20px }
.pagectsp{ background: #fff; padding: 10px; border-bottom: 15px; clear: both; border: 1px #eee solid; border-top: 0px !important; line-height: 25px }
.regfrom{ width: 100% }
.mframe{padding: 10px !important}
.regform input{ padding:1%; width: 98%; border: 1px solid #ccc; margin-top:5px; margin-bottom: 20px }
#SubmitReg{ background: #f60; color: #fff; text-transform: uppercase; font-weight: bold; cursor: pointer; width: 100% }
#SubmitReg:hover{ background: #090 }
.mailletter{ position: relative; }
.mailletter input#txtEmail{ padding: 8px 1%; border:1px solid #ccc; width: 100% }
.mailletter input#btnSubmit{ display: block; position: absolute; top:1px; right:-6px;padding:8px 10px; background: #f60; color: #fff; cursor: pointer; }
.mailletter input#btnSubmit:hover{ background: #333 }
/* End CSS Tmp */
span.lang{ cursor: pointer; }
/* CSS filter */
ul.filter li{ background:url(../svg/nocheck.svg) left center no-repeat; background-size:18px; outline: 0; border: 0; cursor: pointer; padding-left:24px; margin:10px 0;}
ul.filter li.checked {  background:url(../svg/dacheck.svg) left center no-repeat; background-size:18px; font-weight: bold}

.mangxh{ text-align: center; margin-top: 20px }
.mangxh li{ display: inline-block; }
.mangxh li img{ max-width: 40px; height: auto }

ul.footer_cuoi{ width: 23%; float: right; }
ul.footer_cuoi iframe{ min-height:100px; }
ul.footer_cuoi::after{ display: block; content: " "; clear: both }
ul.footer_cuoi li{ width: 33.33%; float: left; text-align: right }
ul.footer_cuoi li:first-child{ text-align: left }
ul.footer_cuoi li:last-child img{ max-width: 222px }
ul.footer_cuoi li iframe{ max-height: 180px; min-height: inherit; border: 1px #ccc solid !important }
.set_main{ width: 99%; margin: 0.5% }
.hotline_top { background: url(../images/phone_top.png) no-repeat; float: left; margin-bottom: 14px; margin-top: 5px; width: 35%; position: absolute; right: -12%; top: 60%; padding-left: 35px; height: 30px; color: #383838; font-size: 20px }
.hotline_top span { color: #f60000 }
.hotline_top .dt{margin-left: 4px; font-size: 24px}
.mxh{ position: absolute; z-index: 99; float: right; right: 5%; top: 30% }
/* Kw_top */
.kw_top{width: 100%; position: relative; z-index: 11; border-bottom: 1px solid #dadada;line-height: 30px;
color: #fff;}
.kw_top .location{background: url(../images/email-ico.png) no-repeat 6px 8px;background-size: 16px;padding-left: 30px; margin-left: 30px;}
.kw_top .phone{background: url(../images/phoneico.png) no-repeat 2px 5px; background-size: 17px; padding-left: 24px; margin-left: 30px;}
.kw_menu .phone{float:right;}
.kw_top p{float: right;} .kw_top a{color: #fff}
.mxh{ display: inline-block }
.mxh ul{}
.mxh ul li{ display: inline-block; float: left; margin-right: 10px }
.mxh ul li a{}
.mxh ul li a img{}
.bannertop{}
.testtop{background: #d9d9d9; padding: 10px}

/* Kw_header */
.phone{padding: 6px 10px; border: 1px #232F6A solid; font-size: 24px; color: #232F6A; font-weight: bold; border-radius: 3px; display: inline-block; width: auto; background:#fff; }
.phone img{ margin-right: 15px }
::placeholder { color: #ccc; opacity: 1; font-size: 12px }

#menutop ul a:hover, ul.menu_sanpham li a:hover{ color: #FFF200 }
.header_top{ padding: 10px 0px; text-align: center }
.header_top .logo{width:10%; float:left; text-align:center;}
.header_top .logo img{ max-width:100%; max-height:50px;}
.menu_thongtin{ display: inline-block; float: left; margin-top: -5px }
.menu_thongtin li{ display: inline-block; position: relative; float: left; text-align: center; padding: 0px; clear: both; background: url(../images/daucheck.png) left center no-repeat; background-size: 12px; padding-left: 20px; margin-top: 5px }
.kw_header .menu_thongtin{ float: left; margin: 0; margin-bottom: 15px }
.kw_header .menu_thongtin li{background: none; background-size: inherit; clear: none}
.kw_header .menu_thongtin li:first-child{ padding-left: 0 }
.menu_thongtin li a{text-transform: capitalize; color: #eee}
.menu_thongtin li a img{ margin-bottom: 6px }
.rightadv{ width: 39.75%; float: right }
.rightadv a{ display: block; overflow: hidden; position: relative; width: 50%; float: left}
.rightadv a img{ width: 98%; height: 98%; padding: 1%; padding-top: 0 }
.nut_play{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center }
.nut_play img{ width: auto !important; height: auto !important; margin: 0 auto; display:none;}
.cart-bag{ position: absolute; top: 0; right: 0 }
.cart-bag p{ font-weight: bold; color: #fff }
ul.texttop li{ width: 100%; margin:1% 0; line-height: 20px; font-size: 16px; font-weight: bold; overflow: hidden; padding: 10px 10px; box-sizing: border-box; }
.texttop li a{ display: block }
.texttop li span{; font-weight: bold; color: #000; text-transform: uppercase;} 
.texttop li p{ font-weight: bold; color: #FB2934; font-size: 14px; margin-top: 5px }
.detailcat{ display: none }
.kw_search{ width: 30%; float: left; position: relative; float: right; border: 1px solid#000; margin-top: 20px }
.kw_search input{ width: 98%; background: none; border-radius: 30px; padding: 8px 0 8px 10px; border: 1px #fff solid; color: #000; padding-left: 15px; font-weight: normal; box-sizing: border-box; }
.kw_search button{ width: 45px; height: 34px; background: url(../images/magnifying-glass.png) center center no-repeat; background-size: 24px; display: block; position: absolute; top: 0; right: 10px; text-indent: -9999px; cursor: pointer; transition: 0.5s; border-radius: 30px 30px 30px 30px }
.kw_search button:hover{ }
.kw_menu{position: relative; z-index: 9999; padding: 10px 0} 
.kw_menu .logo{ width:15%; float:left}
.kw_menu .logo img{ max-width: 150px; height: auto }

.kw_menu .menuleft{ width: 38%; float:left; margin-left: 6%;margin-top: 16px}
.kw_menu::after{ content: ''; display: block; clear: both}
.texttop li img{margin-right: 5px; max-width: 18px; height: auto}
.menubottom .menu_thongtin{}
ul.slider li img{ width: 100% }
.clr20{ clear: both;height: 20px }
.search_loc{ width: 84%; padding: 4%; border: 0px #666 solid; border-radius: 0px; margin : 4%; display: inline-block; margin-top: 0; margin-bottom: 0; background: #f7931e; color: #fff; text-align: center; font-size: 18px; cursor: pointer; font-weight: bold; letter-spacing: 1px }
/* Menutop */
#MobileMenu{ display: none; width: 96%; height: 16px; background: #333 url(../images/threeline.png) left 20px center no-repeat; color: #fff; padding:16px 2%; z-index: 444; cursor: pointer; text-indent: -9999px}
#menutop{ position:relative; z-index: 333}
#menutop span{ display: none }
#menutop ul{ position:relative; display: flex; align-items: center }
#menutop ul a{  color: #000; text-transform: uppercase; font-weight: bold; align-items: center }
#menutop ul li{ position:relative; float:left; padding: 15px 20px; background: #fff; text-align: center; margin-right: 10px; border-radius: 5px }
#menutop ul li:hover{ background: #EE2B2D }
#menutop ul li:hover > a{ color: #fff }
#menutop a:hover, #menutop li:hover a.active{/*border-bottom:3px solid #d5130a; padding-bottom:12px !important*/}
#menutop ul li.current a{ padding-left: 0; padding-right: 0 } 
#menutop ul li.current a{}
#menutop > ul > li > a:hover{background: none}
#menutop > ul > li.current > a:hover{background: #0050a3}
#menutop ul ul{ display:none; position:absolute; top:100%; left:0; background:#f5f5f5; padding:0;width: 250px;}
#menutop ul ul li{ width: 100%;padding: 0; text-align: left; border-radius: 0}
#menutop ul ul a { line-height: 120%;
    padding: 12px 10px !important;
    color: #666;
    text-transform: none;
    padding-left: 20px !important;
    text-transform: capitalize;
    border-top: 1px #eee solid;
    border-right: 0;
    display: block;
} }
#menutop li li a:hover{ background:#007cc3; color:#fff}
#menutop ul ul ul { top:0; left:100%}
#menutop ul li:hover > ul{ display:block}
.menu::after{ display: block; clear: both; content: " " }
#menutop .current{ padding-left: 0 }
#menutop .current a{ border: 0px }
.shop, .info, .menubottom, .link{ display: inline-block; float: left }
.shop .bct img{max-width:100%;}
.shop .bct{ margin-top:20px;}
.footer .shop{ width:20%; float:left;}
.footer .menubottom{width:20%; float:left;}
.info, .menubottom{ width: auto; margin-left: 4% }
.menubottom{ display: inline-block; width: auto; float: left; line-height: 30px }
.menubottom > b{ display: block; clear: both; font-size: 20px }

.set_loc{ border: 1px #eee solid; border-top: 0px; padding-bottom: 16px }
.set_loc select{ width: 92%; padding: 4%; border: 1px #666 solid; border-radius: 2px; margin: 4%; margin-bottom: 0 }
.left{ width: 20%; float: left }
.right{ width: 79%; float: right }
.category{ margin-top: 15px; font-size: 18px; font-weight: bold; letter-spacing: 1px; background: #0050a3; text-transform: capitalize; color: #fff; padding: 10px 15px; text-align: center }
/* Leftmenu */
.slide{ width: 56%; float: left; margin-left: 2% }
.rightmn{ width: 20%; float: right;border: 1px solid #eaeaea;
    border-top: 0;
    min-height: 400px; }
.rightmn h2{ padding: 10px 0; text-align: center; border-top: 1px solid#eaeaea; background: #FB2934 ; color: #fff; font-size: 16px }
.leftmenu h2{ padding: 10px 0; text-align: center; border-top: 1px solid#eaeaea; background: #FB2934 ; color: #fff; font-size: 16px }
.leftmenu { position: relative; border: 1px solid #eaeaea; border-top: 0; min-height: 400px; background: #fff; width: 20%; float: left}

.leftmenu a {display: block;padding: 10px 15px;color:#666; font-size:13px; padding-left: 35px; line-height: 19px; text-transform: uppercase;}
.leftmenu li:last-child a{ }
.leftmenu ul li { float: none;position: relative; background:#FFF; border-top: 1px solid #eaeaea}
.leftmenu ul li:hover { z-index: 510}
.leftmenu ul li:hover > ul { visibility: visible; }
.leftmenu ul ul {width:280px; visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 520; border-left: 1px #fff solid; border-right: 1px #fff solid;height: auto !important}
.leftmenu > ul > li > a {text-transform: uppercase;}
.leftmenu > ul > li:hover a {color:#a55100 }
.leftmenu ul li.has-sub > a:after { content: '»'; position: absolute; right: 10px}
.leftmenu ul ul li a{}
.leftmenu ul ul li:hover > a { color: #000;}
/*visibility: inherit !important; */

.khungbao{width: 280px; position: absolute; background:#fff; z-index: 500; left: 100%; top: -1px; display:none; border: 1px solid #c21521; padding-bottom: 10px; z-index: 999}
.khungbao > ul{left:0% !important; top:0% !important; position:static !important; height:100% !important}
.khungbao > ul > ul{ position: static !important; clear: both; width: auto; }
.khungbao > ul > li{ width: 100%}
.khungbao > ul > li li{border: 0}
.khungbao li{background:none !important;} .khungbao img{display: block;}
.khungbao a{background:none !important; border:0px !important;}
.khungbao .leftcap2{color: #000 ; font-weight: bold; padding-left: 15px}
.khungbao .leftcap3{color: #333 !important; font-size: 12px; padding: 2px; padding-left: 15px;}
.khungbao ul li.has-sub > a:after { content: ''; position: static; right: 0px;}
.khungbao .has-sub > a{  font-size: 13px; padding-bottom: 5px}
.leftmenu ul li:hover .khungbao{ display:block !important;}
.khungbao .leftcap3:hover{color:#a55100 }

.kw_quota{ padding:20px 30px; margin-top: 0px; border-bottom: 1px solid #ccc }
.kw_quota .text{ font-size:18px; color:#007cc3; margin:0; text-align: center; margin-bottom: 15px; text-transform: uppercase; display: none }

.kw_quota .button{ display:block; text-align: center;} 
.kw_quota .button a{ border:1px solid #0a527b; padding:8px 12px; margin-left:5px; color:#fff; font-weight:bold; background: #007cc3;
display: inline-block; text-transform: uppercase;} 
.kw_quota .button a:hover{ background-color:#24201f}

ul.dm_con{ margin-top: 10px; display: none !important }
ul.dm_con li{ display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px }
ul.dm_con li a{ padding-right: 10px; border-right: 1px #eee solid; color: #666 }
ul.dm_con li a:hover{ color: #f7931e }
ul.dm_con li:last-child a{ border: 0px }
.wrap-spbanchay .control{ display: none !important }
.banner_bottom img{width: 100%;
    margin: 25px 0px}
/* CSS Boxsp */
#boxsp li.product .infosanpham{padding: 1% 2%; position: relative; text-align: center; box-sizing: border-box;}
#boxsp li.product .infosanpham img{ display: inline-block; margin-right: 20px; vertical-align: inherit; }
#boxsp{ width: 100% } #boxsp::after{ content: ''; display: block; clear: both; }
#boxsp li.product{ width: 18%; float: left; margin: 1%; outline: 1px solid #f2f2f2; position: relative; -webkit-transition: all .3s;
-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; background: #fff }
#boxsp li.product a{ display: block; position: relative }
#boxsp li.product:hover{border-color: #B3B3B3;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73); transition: 0.5 }
#boxsp li.product .phantram{position: absolute; top: 10px; left: 10px; padding: 2px 6px; border-radius: 5px; border: 1px #eee solid; background-size: 16px; color: #f00; font-size: 14px; z-index: 999; background: #fff; display: none}
#boxsp li.product .phantram::after{ content: '%'; margin-left: 2px; font-size: 14px }
#boxsp li.product .phantram::before{ content: '-'; margin-left: 2px; font-size: 14px }
.price .phantram::after{ content: '%'; margin-left: 2px; font-size: 14px; display: none }
.price .phantram::before{ content: '-'; margin-left: 2px; font-size: 14px; display: none }
#boxsp li.product .icon{position: absolute; top:10px; right: 10px}
#boxsp li.product .icontext{ padding:3px 5px; background: #f00; color: #fff; border-radius: 3px}
.footer .social iframe{ width: 100%; height: auto }
.kw_titservice{ margin: 0; display: flex; align-items: center; width: 100%; height: 8px; margin-top: 10px; margin-bottom: 15px; margin-top: 35px; position: relative }
.kw_titservice > img{ position: absolute; left: 0  }
.kw_titservice::after{ content: " "; width: 99%; position: absolute; height: 1px; background: #1470d0; right: 0; z-index: -1 }
.noi_bat .kw_titservice::before{ content: "Sản phẩm mới"; position: absolute; left: 1.5%; top: 0%; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #0050a3; margin-top: -20px; text-transform: capitalize }
.ban_chay .kw_titservice::before{ content: "Sản phẩm bán chạy"; position: absolute; left: 1.5%; top: 0%; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #0050a3; margin-top: -20px; text-transform: capitalize }
.tin_moi .kw_titservice::before{ content: "Tin mới"; position: absolute; left: 1.5%; top: 0%; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #0050a3; margin-top: -20px; text-transform: capitalize }
.tin_moi h2{ color: #000; text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center; }
.tin_lien_quan .kw_titservice::before{ content: "Bài viết khác"; position: absolute; left: 1.5%; top: 0%; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #0050a3; margin-top: -20px; text-transform: capitalize }
.tin_lien_quan .kw_titservice::after, .san_pham_khac .kw_titservice::after{ z-index: 0 }
.san_pham_khac .kw_titservice::before{ content: "Sản phẩm khác"; position: absolute; left: 1.5%; top: 0%; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #0050a3; margin-top: -20px; text-transform: capitalize }
.kw_titservice h3{background: #2582be; padding: 8px 15px; color: #fff; margin-bottom: 10px}
#boxsp li.product .frame{ text-align: center; overflow: hidden;height;230px }
#boxsp li.product .frame img{    width: 100%;
    height: 230px;
    object-fit: cover;}
#boxsp li.product .frame a{ color: #9d5500; overflow: hidden;}
#boxsp li.product .frame a img{ max-width: 100%; max-height: 200px; transition: all 0.8s ease-in-out;}
#boxsp li.product .frame:hover img{transform: scale(1.05); transition: 0.5s}
#boxsp li.product h3{ text-align: left; line-height: 24px; margin-top: 2px; clear: both; overflow: hidden; color: #333; padding: 10px 0; font-weight: bold;height: 47px;}
#boxsp li.product h3 a{ color: #666; font-size:14px; font-weight: normal }
#boxsp li.product:hover h3 a{color:#4a90e2}
#boxsp li.product p.price{ clear: both; display: inline-block; float: none; width: 100%; text-align: center; background: #000; padding: 5px 0; }
#boxsp li.product p.price span{ color: #fff; font-size: 18px; position: relative; bottom: 5px; } #boxsp li.product p.price span.giacty{ color: #666; text-decoration: line-through; margin-left: 10px; font-weight: normal; display: none }
.price .phantram{position: static !important; background: #ffd304 !important; margin-left: 5px; color: #333 !important; float: right; margin-right: 5px; font-weight: normal !important; border: 0px !important}
#boxsp li.news{ width:31.33%; margin:1%; float:left; height: 330px; position: relative; overflow: hidden; outline: 1px solid #dadada; background: #2582be }
#boxsp li.news h3{ font-size:15px; font-weight:normal; background: #2582be; padding:5px 10px; text-transform: capitalize; line-height: 24px;}
#boxsp li.news h3 a{ color:#fff;}
#boxsp li.news span{ font-weight: normal; display: block; margin-top: 5px; font-size: 13px; line-height: 20px; padding: 0 10px; display: none }
#boxsp li.news .frame{ height: 180px; width: 100%; display: block; display: table; text-align: center }
#boxsp li.news .frame a{ display: table-cell; vertical-align: middle; }
#boxsp li.news .frame a img{width:100%; max-height: 94%}

#loadmoreproduct{ width: 100%; height: 10px; text-align: center; padding:10px 0; cursor: pointer;}
#loadmore{ display: block; padding:10px 20px; width:100px; margin:20px auto; background: #f60; color: #fff; border-radius: 3px; cursor: pointer; text-align: center; border:3px solid #eee; font-size: 16px }
#loadmore:hover{ background: #f30 }

ul.tags{ margin-bottom:20px} ul.tags::after{ content: ''; display: block; clear: both; }
ul.tags li{ display:block; float: left; padding:5px; border: 1px solid #ccc; border-radius: 20px 5px 5px 20px; margin-right: 10px; background: url(../images/iconprice.png) left 5px center no-repeat; padding-left: 22px; border-bottom: 1px solid #f90; border-left: 1px solid #f90; font-style: italic;}
/* CSS tiêu đề */
h2.tieubieu{ text-transform: uppercase; color: #06f; font-size: 15px; margin-bottom: 10px }
h2.tieubieu span{ border-bottom: 5px solid #ccc }
.gachngang{width: 400px;
    margin: 0 auto;
    height: 50px;
    }
.separate{
    background: #ccc;
    height: 1px;
    margin: 23px auto 35px;
    width: 250px;
}
.separate p{
    background: #EB1C24;
    width: 101px;
    height: 3px;
    margin: 0 auto;
    position: relative;
    top: -2px;
}
.separate p span{background: #EB1C24 none repeat scroll 0 0;
    height: 10px;
    margin: 23px auto 45px;
    position: relative;
    top: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 10px;
    display: block;}
.gachtrong{background-image: url(../images/gachngang.png);
    width: 175px;
    height: 5px;
    margin: 15px 0;
    float: left;
    background-size: 10%;}
.gachngang img{ width: 24px; height: auto; float: left; margin: 0 11px }
.homecat{ text-transform: uppercase;
    position: relative;
    margin: 15px 0;
    height: 20px }

.homecat h2 a{ 
    font-size: 24px;
    color: #000;}
.homecat h2{ text-align: center; }
.homecat a.viewall{ border-bottom: 0; background: none; padding-bottom: 5px; color:#333; text-transform: none; 
text-align: right; float: right; font-weight: normal; margin-top: 10px; padding: 0}
.homecat b{ position: absolute; float: left; width: 0; height: 0;border-left: 0 solid transparent; border-right: 20px solid transparent;
border-bottom: 36px solid #3a87df; display: none }

.header_bottom{ background: #0050a3; padding-bottom: 0px }
.header_bottom .trai{ width: 20%; float: left }
.header_bottom .phai{ width: 80%; float: right }
/* CSS input */
input.required{ background-image: url(../images/required.png); background-position: right 4px center; background-repeat: no-repeat; background-size:8px;}
input.noempty{ border:1px dashed #f30 !important; }
span.returnstatus{ color: #f30; font-size: 12px; font-style: italic; display: block; float:right; margin-top:-15px; }


table{width:auto; width: 100% !important; border-collapse: collapse; margin:15px 0; }
table td{text-align: center; padding: 15px 0px;}
table td em{font-weight: bold; font-style: normal;}
td, th { border: 1px solid #999}


span.login{ display: block; margin-top: 20px }
span.login a{ display: inline-block; margin-left: 5px; padding-left: 5px; color: #005447}
span.login a:hover{ color: #b38300 }


/* CSS Logo Thương hiệu */
ul.brand{ margin-bottom: 30px; outline: 2px solid #ccc; padding:10px; background: #f7f7f7 }
ul.brand li{ width: 100%; margin-bottom: 20px}
ul.brand li img{ width: 100%}
ul.brand li a{ color: #000 } ul.brand li a:hover{ color: #06f }

.textbottom li{ margin: 20px;
    float: left;
    display: inline-block }
/* CSS Slider & Quảng cáo */
.kw_slider{ width: 100%; position: relative; z-index:1} .kw_slider img{ border: 0; width: 100% }
.kw_onslide{ width: 20%; max-height: 504px; background: rgba(255,255,255,0.6); position: absolute; left: 7%; z-index: 9999 }

.bannertop{ position: relative; }
.bannertop .control{ position: absolute; top: 0; left: 0; z-index: 999999 }
.arrow{ position: absolute; z-index: 999; top:0; bottom: 0 }

.leftadv img{ border: 0; margin-bottom:30px; max-width: 100%}
.leftadv img:hover{ opacity: 0.8 }

.middleadv{ width: 100%; margin: 0; margin-top: 45px }
.middleadv li{ width: 31.33%; float: left; margin: 1%; box-shadow: 6px 2px 25px 0px rgba(0, 0, 0, 0.2) }
.middleadv li img{width: 100%; height:auto; }
.middleadv::after{ content: ''; display: block; clear: both; margin-bottom: 10px }


.quangcao_bottom > div{ padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 10px !important }
.quangcao_bottom{ text-align: center; margin-bottom: 45px }
ul.textbottom{ display: inline-block }
ul.textbottom li{}
ul.textbottom li img{ float: left;
    margin-right: 10px;
    border-radius: 100%;
    border: 1px #ee2725 solid;
    padding: 3px;
    width: 48px }
ul.textbottom li .box{ display: inline-block;
    float: left;
    font-size: 14px;
    color: #666;
    text-transform: capitalize;
    text-align: left;
    font-weight: bold }
ul.textbottom li .box h3{color: #ec1d25;
    font-size: 32px}
/* Phân trang */
ul#phantrang{ margin-top:30px; }
ul#phantrang li{ display: inline-block; float: left; width: 20px; border:1px solid #ccc; margin:2px; border-radius:2px; padding:1px 5px 3px 5px; cursor: pointer; text-align: center; }
ul#phantrang li.active{ color: #f00; font-weight: bold; }
ul#phantrang li.next{ width:auto; }
input#gotopage{ display:inline-block; width:65px; height: 18px; padding:1px 5px 3px 5px; border: 1px solid #ccc; border-radius: 2px; float: left; margin-top:2px;}
ul#phantrang li.goto{ background: #ccc; border-radius:2px; padding:1px 5px 3px 5px; height: 18px; cursor: pointer; display: block; float: left; margin-left: 3px}
ul#phantrang li.goto:hover{ background: #999; color: #fff }

.kw_tinmoi li{ width: 23%; float: left; margin:1%; padding:10px; box-sizing:border-box;box-shadow: 0 0px 4px #333; } 
.kw_tinmoi li .hinhtintuc{height: 200px} 
.kw_tinmoi li img{width: 100%;height: 100%
    ;object-fit: cover;}  
.kw_tinmoi li h3{margin: 10px 0} 
.kw_tinmoi li a:hover  h3{ color: #0050a3 }
.kw_tinmoi li p{ height:40px; font-size:12px; color:#666; line-height:18px} .kw_tinmoi li:hover h3 a{ color:#007cc3}
.kw_tinmoi::after{ content:''; display:block; clear:both; height:30px}

.kw_tinmoi li .date{ position:absolute; width:50px; height:60px; left:0; top:10px; padding:5px; background:#007cc3; color:#fff; 
text-align:center}
.kw_tinmoi li .date span{ display:block; border-top:1px solid #fff; padding-top:8px; margin-top:5px; font-size:18px}
.settinmoi{padding: 10px; background: #fff; position: relative; margin-bottom:5%}
.border-footer{ }
/* CSS Footer */
.footer{ width: 100%;
    background: #000;
    padding: 20px 0;
    
    color: #fff;
    line-height: 36px;
    padding-top: 10px; margin-top: 15px }
.footer a{color: #fff} .footer a:hover{ text-decoration: underline }
.footer .info{ width: 26%; float: left; font-size: 16px; margin-right: 2% }
.footer .info img{ margin-right: 10px }
.footer .tag{ width: 20%; float: left;  }
.footer .social{ width: 100%; clear: both }
.footer .social img{ max-width: 100% }
.copyright{ text-align: center; margin: 10px 0; display: none } .copyright a{ color:#060; }
.footer .main{ }
/* Menu tab */
ul.tabs { float:left; list-style:none; height:32px; width:100%; margin-top:10px;padding:0}
ul.tabs li { float:left; height:32px; line-height:32px; border:1px solid #ccc; border-bottom:0; overflow:hidden; position:relative;
background: #ddd; border-radius:2px 2px 0 0; margin-right:1px; padding:0 10px; font-size:13px}
ul.tabs li a {text-decoration:none;color:#000}
ul.tabs li.active,html ul.tabs li.active a:hover {background:#fff}
.tabContainer { overflow:hidden; clear:both; position: relative;}
.tabContent {padding-top:10px; display: none}
.setleft{ margin-left: 0 !important }
/* BXSlider */
.bx-wrapper {position: relative; margin: 0 auto; padding:0; width: auto}
.bx-wrapper img{max-width:100%}
.bx-wrapper .bx-prev { left: 10px; background: rgba(0,0,0,0.3) url(../svg/bx-prev.svg) center center no-repeat; background-size: 30px 30px; border-radius: 2px}
.bx-wrapper .bx-next { right: 10px; background: rgba(0,0,0,0.3) url(../svg/bx-prev.svg) center center no-repeat; transform:rotate(180deg); background-size: 30px 30px; border-radius: 2px}
.bx-wrapper .bx-controls-direction a { position: absolute; margin: auto; top:0; bottom:0; z-index: 100; width: 32px; height: 32px;}
.bx-wrapper:hover .bx-controls-direction a{ display: block; }

.bx-wrapper .bx-pager{position: absolute; display: inline-block; bottom: 10px; width: 80px; margin: auto; left:0; right:0; z-index: 100}
.bx-wrapper .bx-pager a{ float: left; width:12px; height:12px; text-indent: -999px; border-radius: 100%; margin-right: 5px}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff }
.footer .shop p{display: inline-block; font-family: monospace }
.footer .shop .phone{ margin-right: 0; clear: both }
#nav_up{ display: none !important; padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_up.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:50px; opacity:0.7; right:30px; white-space:nowrap; cursor: pointer; border-radius:3px 3px 0 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}
#nav_down{ display: none !important; padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_down.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7;
	right:30px; white-space:nowrap; cursor: pointer; border-radius:0 0 3px 3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}

ul.menu_sanpham li{ display: inline-block; float: left }
ul.menu_sanpham li a{ color: #000; padding: 14px 20px; display: inline-block; font-size: 14px; font-weight: bold; position: relative; border-right: 1px solid #000; text-transform: uppercase; }

.icon_sp{ width: auto !important; position: absolute; top: 0; right: 0; margin: 5px }
.kw_spnoibat li{ width: 24%; float: left; margin: 0; margin-right: 1%; outline: 1px #f2f2f2 solid; margin-bottom: 1% } 
.kw_spnoibat li a{ display: block; position: relative }
.kw_spnoibat li:first-child { margin-left:0}  
.kw_spnoibat li img{ width:100%} 
.kw_spnoibat li h3{ font-size: 14px; color: #666; display: block; padding: 5px 5px !important; letter-spacing: 1px; height: 45px; line-height: 20px; font-weight:normal; }
.kw_spnoibat::after{ content:''; display:block; clear:both; height:30px; margin-bottom: 5px; display: none }
.kw_spnoibat li a .set_hinh{width: 100%; height:240px;}
.kw_spnoibat li a .set_hinh img{ max-width: 100%;height: 100%; margin: 0 auto }
.kw_spnoibat li a > h3, .kw_spnoibat li a > .info_sp, .kw_spnoibat li a > .co_sp{ margin: 0; padding: 0; padding: 5px; }
.info_sp{ margin-bottom: 5px !important; padding-bottom: 0 !important; cursor:pointer;}
.info_sp .giacty{ margin: -9px; display: inline-block; float: right; font-weight: bold; color: #ec0d0d; font-size: 18px; margin-right: 0px; display:none;}
.info_sp .phantram{ font-weight: bold; color: #333; display:none;}
.info_sp .giaban{ background:#055DAC url(../images/shopping-cart.png) left 10px center no-repeat; color: #fff; font-weight: bold; padding:10px; text-align:center; width:100%; box-sizing:border-box; display:block; font-size:16px;background-size:24px; }
.co_sp{ border-top: 1px #eee solid; margin-top: 16px !important; padding: 0 !important }
.sotudong{ width: 46%; text-align: center; float: left; padding: 2% }
.sotudong img{ width: 18px !important; height: auto }
.tratruoc{ width: 46%; text-align: center; float: right; padding: 2%; color: #2ebad5; text-transform: capitalize }
.sotudong, .tratruoc{ display: flex; align-items: center; font-size: 12px; font-weight: normal; height: 20px; position: relative }
.sotudong strong{ font-weight: normal; color: #666; margin-left: 5px }
.sotudong::before{ content: " "; position: absolute; right: 0; top: 0; height: 100%; border-right: 1px #eee solid }

.kw_spnoibat li:hover{box-shadow: 3px 3px 10px 1px #ccc; transition: 0.25s}
/* CSS box call */
.boxcall{ position: fixed; z-index: 9999; bottom: 10px; left: 10px; border-radius: 5px; background: #0050a3 url(../images/phone-call.svg) left 10px center no-repeat; background-size: 24px; padding:10px 20px 10px 40px; border: 1px #ccc solid }
.boxcall a{ display:inline-block; color: #fff; margin:0 5px; } .boxcall a:hover{ font-weight: bold; text-decoration: underline; }
.boxcall span.close{ position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; border-radius: 100%; background: rgba(255,255,255,0.8) url(../images/delete.svg) center center no-repeat; background-size: 20px; color: #fff; font-weight:bold; text-align: center; cursor: pointer; display: none; }
.boxcall:hover span.close{ display: block; }
.hideboxcall{ position: fixed; bottom: 10px; left: 10px; border-radius: 3px; background: rgba(250,137,64,0.9) url(../images/phone-call.svg) left 10px center no-repeat; background-size: 24px; padding:10px; width:30px; text-indent: -9999px; cursor: pointer;}

/* CSS msg */
#msg{ position: fixed; z-index: 99999; width: 100%; height: 100%; background: rgba(255,255,255,0.8); left: 0; top: 0; display: none; transition: transform .8s ease-in-out}
#msg span{ display: block; position: absolute; width: 60%; min-height: 20px; text-align: center; padding:15px; border-radius: 3px; color: #fff; background:#F39C12; left:20%; top: 40%}
#msg span em{ display:block; width: 28px; height: 28px; border-radius:100%; cursor: pointer; background: #fff url(../images/close.svg) center center no-repeat; background-size:24px; position: absolute; right: -12px; top: -12px; text-indent: -99999px; transition: transform .8s ease-in-out}
#msg span em:hover{display:block; background: #fff url(../images/delete-hover.svg) center center no-repeat; width:28px; height:28px;background-size: 22px; transform: rotate(360deg);}
#msg a{ font-weight: bold; text-decoration: underline; color: #fff}

/* CSS Scrollbar */
::-webkit-scrollbar { width: 12px}
::-webkit-scrollbar-track {background-color: #eaeaea}
::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:15px}
::-webkit-scrollbar-thumb:hover {background-color: #aaa}

/* Responsive cho comment & Facebook */
#___comments_0{width:100% !important}
.video-wrap{width:100% !important}
.fb-comments {max-width:100%}
.fb-comments span{max-width:100%} .fb-comments iframe{max-width:100%}
.fb_iframe_widget{max-width:100%} .fb_iframe_widget iframe{max-width: 100%}
.fb_iframe_widget span{max-width:100%}
iframe{max-width:100%; min-height: 333px}