@font-face{font-family:UTM_Alter_G;src:url('./font/UTM Alter Gothic.eot');src:url('./font/UTM Alter Gothic.eot?#iefix') format('embedded-opentype'),
url('./font/UTM Alter Gothic.ttf') format('truetype'),
url('./font/UTM Alter Gothic.svg') format('svg');font-weight:normal;font-style:normal;font-display: swap;}
@font-face{font-family:Roboto-B;src:url('./font/RobotoCondensed-Bold.eot');src:url('./font/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
url('./font/RobotoCondensed-Bold.ttf') format('truetype'),
url('./font/RobotoCondensed-Bold.svg') format('svg');font-weight:normal;font-style:normal;font-display: swap;}
@font-face{font-family:Roboto;src:url('./font/RobotoCondensed-Regular.eot');src:url('./font/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
url('./font/RobotoCondensed-Regular.ttf') format('truetype'),
url('./font/RobotoCondensed-Regular.svg') format('svg');font-weight:normal;font-style:normal;font-display: swap;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{font-size:14px;font-family:Roboto,Arial, Helvetica, sans-serif;padding:0px;margin:0px;background:#ebebec;}
img{border:none;}
strong{font-family:Roboto-B, Arial, Helvetica, sans-serif;}
a{text-decoration:none;}
.menu-top{height:35px;width:100%;line-height:35px;color:#fff;border-top:none;}
.menu-top .menuitem{margin:0 auto;text-align:right;}
.menu-top .menuitem a{color:#fff;text-decoration:none;margin:0px 5px;}
.menu-top .menuitem a i{margin-right:5px;font-size:16px;}
.menu-top .menuitem a:hover{text-decoration:underline;}
.header{position:relative;height:100px;background:#CE7637;color:#FFF;}
.logo{width:240px;}
.right-header{width:calc(100% - 280px);max-width:700px;}
.box-menu-bar{height:50px;}
.menubar{height:50px;width:100%;background:#fff;position:relative;}
.menubar:before{background:url(../images/bg-showdown-trust-bar.png) repeat-x;height:6px;position:absolute;top:100%;content:"";width:100%;}
.radius-menu{-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.radius-menu-none{-ms-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.nav{padding:0px;margin:0px;height:50px;font-family:'Roboto-B', Helvetica, Arial, sans-serif;border-left:solid 1px #d7d7d7;}
.nav li{list-style:none;border-right:solid 1px #d7d7d7;float:left;height:50px;font-size:14px;text-transform:uppercase;position:relative;font-weight:normal;}
.nav li:first-child{border-left:none;}
.nav li a{color:#333;text-decoration:none;display:inherit;padding:0px 10px;line-height:50px;}
.nav li:hover,.nav li.active{background:#eee;}
.nav li ul{position:absolute;top:100%;left:-1px;padding:0px;margin:0px;z-index:99999;width:240px;background:#EEE;border-top:none;padding-top:3px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;display:none;border:solid 1px #d7d7d7;}
.nav li ul li{text-transform:none;width:100%;float:none;border:none;border-top:solid 1px #d7d7d7;height:auto;padding:0px;border-left:none;font-size:14px;}
.nav li ul li a,.nav li.active ul li a,.nav li:hover ul li a{color:#333;display:block;padding:10px 10px;}
.nav li ul li:first-child{border-top:none;}
.nav li ul li:hover{background:#FFF;}
.nav li ul li:last-child{border-bottom:none;}
.nav li ul li a{color:#333;height:auto;padding:6px;line-height:normal;}
.nav li ul li:hover a{color:#333;}
.nav .bigmenu{width:600px;position:absolute;top:100%;left:0px;background:#f5f5f5;display:none;z-index:99999;font-family:Arial, Helvetica, sans-serif;border:solid 5px #CCC;border-top:none;left:-90px;}
.nav .bigmenu ul{padding:5px;margin:0px;}
.nav .bigmenu li{width:33.33%;float:left;line-height:normal;border:none;padding:0px 5px;}
.nav .bigmenu ul li a{color:#333;display:inherit;border-bottom:solid 1px #CCC;}
.nav li .bigmenu li:hover a{background:#0490de;border-bottom:solid 1px #0490de;}
.nav .bigmenu:after, .nav .bigmenu:before{bottom:100%;left:130px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.nav .bigmenu:after{border-color:rgba(241, 241, 241, 0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-5px;}
.nav .bigmenu:before{border-color:rgba(221, 221, 221, 0);border-bottom-color:#DDDDDD;border-width:10px;margin-left:-10px;}
.footer{background:#F2F2F2;min-height:200px;padding-top:20px;}
.line-gray{border-top:solid 1px #b2b4b8;height:1px;}
.c,.c5,.c10,.c15,.c20,.c30,.c3,.c2{clear:both;}
.c{height:1px;}
.c2{height:2px;}
.c3{height:3px;}
.c5{height:5px;}
.c10{height:10px;}
.c15{height:15px;}
.c20{height:20px;}
.c30{height:30px;}
.box-about-home{background:#e7eaeb;height:326px;padding:10px;line-height:18px;font-size:14px;text-align:justify;overflow:hidden;}
.double-border{border:1px solid #e7eaeb;position:relative;box-sizing:border-box;}
.double-border:before{background:none;border:1px solid #fff;content:"";display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1px;pointer-events:none;}
.slide,.slide img{padding:0px;margin:0px;}
.content,#page{}
.btn-chinhsach{height:50px;width:100%;padding:10px;color:#FFF;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn-chinhsach a{color:#FFF;text-decoration:none;}
.btn-chinhsach i{float:left;font-size:30px;margin-right:10px;}
.btn-chinhsach .title{font-size:18px;font-weight:normal;text-transform:uppercase;}
.bggray{background:#3a352f;}
.bgblue{background:#0076BC;}
.bgred{background:rgb(254,0,0);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, rgb(254,0,0) 0%, rgb(255,26,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,0,0)), color-stop(100%,rgb(255,26,0)));background:-webkit-linear-gradient(top, rgb(254,0,0) 0%,rgb(255,26,0) 100%);background:-o-linear-gradient(top, rgb(254,0,0) 0%,rgb(255,26,0) 100%);background:-ms-linear-gradient(top, rgb(254,0,0) 0%,rgb(255,26,0) 100%);background:linear-gradient(to bottom, rgb(254,0,0) 0%,rgb(255,26,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#ff1a00',GradientType=0);}
.bggreen{background:#00904c;}
.bgpink{background:#CB60CA;}
.bgyellow{background:#CE7637 !important;}
.title-cat{margin:0px;margin-top:-1px;margin-left:-1px;width:calc(100% + 2px);color:#333;font-family:'Roboto-B', Helvetica, Arial, sans-serif;font-size:16px;font-weight:normal;text-transform:uppercase;background:#FFF;border-bottom:solid 1px #CCC;}
.title-cat i{margin-right:5px;}
.title-cat a{color:#FFF;text-decoration:none;padding:8px 10px;display:block;}
.image-pro{position:relative;}
.pro-name{color:#333;padding:5px 0px;margin:0px;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.pro-name a{color:#333;text-decoration:none;}
.price{color:#c52720;font-size:14px;font-weight:bold;}
.intro-pro-cell{text-align:justify;padding-top:5px;overflow:hidden;color:#666;}
.km, .new, .hot{color:#FFF;position:absolute;top:-1px;left:-1px;padding:3px;opacity:.9;}
.image-pro .km{background:#e77817;}
.image-pro .new{background:#16AA56;}
.image-pro .hot{background:#c52720;}
.m-width-1240{max-width:1200px;}
.hotline-top{position:absolute;right:5px;line-height:30px;font-size:18px;font-weight:bold;top:24px;color:#FF0000;font-size:20px;}
.hotline-top .fa-phone{width:30px;height:30px;line-height:30px;text-align:center;border:solid 1px #FF0000;color:#FF0000;float:left;margin-right:5px;float:left;-webkit-border-radius:50%;}
.cart-box{padding:3px 5px;color:#FFF;font-size:16px;font-weight:normal;margin-top:5px;min-width:150px;position:absolute;line-height:25px;top:20px;right:240px;height:33px !important;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.cart-box i{font-size:25px;margin-right:5px;float:left;height:26px;border-right:solid 1px #fff;padding-right:3px;}
.link-smo-footer a{display:inline-block;color:#333;font-weight:bold;text-decoration:none;}
.link-smo-footer i{border:solid 1px #FFF;width:35px;height:35px;text-align:center;line-height:35px;text-decoration:none;font-size:20px;margin-right:5px;color:#fff;margin-top:5px;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-shadow:none;}
.link-smo-footer a:last-child{margin-right:0px;}
.link-smo-footer a i.fb{background:#3b5998;}
.link-smo-footer a i.gg{background:#cb2027;}
.link-smo-footer a i.yt{background:#e62117;}
.link-smo-footer a i.tw{background:#2b7bb9;}
.link-smo-footer a i.li{background:#1884BB;}
.link-smo-footer a:hover i{color:#FFF;}
.link-smo-footer a:hover{color:#666;}
.title-footer{padding:5px 0px;color:#333;font-family:'UTM_Alter_G', Helvetica, Arial, sans-serif;font-size:20px;text-transform:uppercase;text-shadow:1px 1px 1px #fff;}
.title-footer a{color:#333;text-decoration:none;}
.menufooter{padding:0px;margin:0px;}
.menufooter li{list-style:none;padding:5px 0px;}
.menufooter li a{text-decoration:none;color:#333;}
.menufooter li a:hover{text-decoration:underline;}
.menufooter li i{margin-right:5px;}
.title-left{padding:10px 5px;color:#FFF;text-transform:uppercase;font-family:Roboto-B, Arial, Helvetica, sans-serif;font-weight:normal;margin:0px;background:#69451F;font-size:14px;}
.title-left a{color:#FFF;text-decoration:none;}
.title-left i{margin-right:5px;}
.menuleft{padding:0px;margin:0px;border:solid 1px #EEE;border-top:none;}
.menuleft li{list-style:none;border-bottom:solid 1px #EEE;font-weight:bold;position:relative;}
.menuleft li a{color:#333;text-decoration:none;display:inherit;padding:7px 5px;}
.menuleft li:hover,.menuleft li.active{background:#FFF;}
.menuleft li:hover a,.menuleft li.active a{color:#CE7637;}
.menuleft li i{margin-right:5px;font-size:14px;}
.menuleft li:last-child{border-bottom:none;}
.menuleft li ul.mnu-hiden{width:220px;position:absolute;left:100%;top:-2px;padding:0px;margin:0px;border:solid 1px #EEE;display:none;z-index:999999;}
.menuleft li ul.mnu-hiden li{background:rgb(255,255,255);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background:-o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1);}
.menuleft li ul.mnu-hiden li:first-child{margin-left:-1px;}
.menuleft li.active ul.mnu-hiden li a,.menuleft li:hover ul.mnu-hiden li a{color:#333;}
.menuleft li ul.mnu-hiden li:hover a{color:#c52720;}
.menuleft li ul.mnu-show{padding:0px;margin:0px;}
.menuleft li ul.mnu-show li{background:#FFF;border-bottom:dashed 1px #EEE;}
.menuleft li ul.mnu-show li:first-child{border-top:dashed 1px #EEE;}
.menuleft li ul.mnu-show li a{padding:5px 5px 5px 20px;color:#333;font-weight:normal;}
.menuleft li ul.mnu-show li:last-child{border-bottom:none;}
.menuleft li ul.mnu-show li:hover{background:rgb(242,242,242);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left, rgba(242,242,242,1) 5%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(5%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left, rgba(242,242,242,1) 5%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(left, rgba(242,242,242,1) 5%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(left, rgba(242,242,242,1) 5%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(242,242,242,1) 5%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1);}
.menuleft li ul.mnu-show li:hover a{color:#c52720;}
.menuleftpro .menuleft{border-right:none;}
.crumb{border-bottom:solid 1px #ddd;background:#FFF;}
.crumb a{color:#333;text-decoration:none;padding:7px 5px;display:inline-block;}
.crumb a:first-child{font-size:14px;}
.crumb a:last-child{color:#3a352f;font-weight:bold;}
.paddingright0{padding-right:0px !important;}
.page-name{padding:0px 8px 0px 0px;font-size:20px;margin:0px;text-transform:uppercase;color:#333;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.createdate{font-size:11px;color:#666;}
.none{display:none;}
.page{border:solid 1px #CCC;padding:2px;margin:2px;text-decoration:none;font-weight:bold;color:#333;}
.page:hover{background:#EEE;}
.clicked{border:solid 1px #c52720;border:solid 1px #c52720;padding:2px;margin:2px;font-weight:bold;color:#c52720;}
.news-name-detail{font-size:16px;padding:0px;margin:0px;}
.intro-detail{font-size:13px;}
.content-detail{font-size:13px;}
.other-article{padding:5px 0px;margin:0px;}
.other-article li{list-style:none;padding:3px 0px;}
.other-article li a{color:#3B5998;text-decoration:none;}
.other-article li a i{margin-right:5px;}
.other-article li a:hover{text-decoration:underline;}
.txt-contact{border:solid 1px #CCC;padding:5px 5px;height:35px;width:100%;margin:3px 0px;}
.error{color:#FF0000;}
.btn-send{border:none;padding:10px 35px;background:#CE7637;color:#FFF;font-size:14px;font-weight:bold;margin-top:5px;width:100%;}
.btn-order{background:#e77817;padding:8px;text-align:center;width:100%;display:block;border:solid 1px #CCC;color:#FFF;text-decoration:none;text-shadow:1px 1px 1px #000;-webkit-border-radius:5px;}
.btn-order i{margin-right:6px;font-size:20px;}
.btn-order span{font-size:18px;text-transform:uppercase;}
.pro-detail-name{font-size:16px;padding:0px;margin:0px;font-weight:normal;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.attr-item{padding:4px 0px;}
.attr-item .attr-name{font-weight:normal;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.pro-attr-detail{}
.pro-intro-detail{background:#FAFAFA;padding:15px 20px 15px 20px;width:calc(100% + 40px);margin-left:-20px;}
.pro-image-detail{}
#parner .project-home{margin-right:20px;}
.partner-arrow-left,.partner-arrow-right{color:#e77817;text-decoration:none;font-size:18px;}
.parner-title{text-transform:uppercase;color:#e77817;font-size:18px;border-bottom:solid 1px #e77817;padding-bottom:2px;}
.partner-arrow-left:hover,.partner-arrow-right:hover{color:#e77817;}
.parner-title a:first-child{margin-left:20px;}
.service-home{position:absolute;top:0px;left:0px;width:100%;height:100%;padding:10px 30px 10px 10px;overflow:hidden;color:#FFF;text-shadow:1px 1px 1px #333;}
.service-home .title{font-family:UVN_HHH, Arial, Helvetica, sans-serif;font-size:18px;text-transform:uppercase;font-weight:normal;color:#FFF;padding:0px 0px 5px 0px;margin:0px;text-shadow:1px 1px 1px #333;}
.service-home .title a{text-decoration:none;color:#FFF;}
.service-home .image-hothome{margin-bottom:5px;}
.image-news{float:left;margin-right:5px;}
.item-news-left{border-bottom:solid 1px #eee;padding:5px 10px;}
.name-left a{font-weight:bold;color:#333;text-decoration:none;margin-bottom:5px;}
.name-left a:hover{text-decoration:underline;}
.content-detail div,.content-detail table,.content-detail img{max-width:100%;}
.image-manufacture{border:solid 1px #EEE;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:154px;height:55px;padding:2px;}
.image-manufacture:hover{border:solid 1px #e77817;}
.image-manufacture img{border:none;}
.image-manufacture a{display:inherit;text-decoration:none;}
.thumb-prev,.thumb-next{top:30px;text-decoration:none;color:#999;position:absolute;}
.thumb-prev{left:0px;}
.thumb-next{right:0px;}
.image-bor-news{border:solid 1px #EEE;}
.product-hot-cell{margin:0px 10px;}
.hotpro-arrow{width:30px;height:50px;color:#fff;text-decoration:none;font-size:24px;line-height:40px;top:40%;position:absolute;background:#CE7637;text-align:center;padding-top:2px;}
.hotpro-left{left:-31px;-webkit-border-radius:10px 0px 0px 10px;border-radius:5px 0px 0px 5px;}
.hotpro-right{right:-31px;-webkit-border-radius:0px 10px 10px 0px;border-radius:0px 5px 5px 0px;}
.hotpro-arrow:hover{background:#faa61a;}
.title-hot-pro{color:#3A352F;border-bottom:solid 2px #CE7637;text-decoration:none;font-family:'UTM_Alter_G', Helvetica, Arial, sans-serif;margin:0px 10px;font-size:18px;text-transform:uppercase;}
.box-search{border:solid 1px #ccc;padding-right:40px;margin-top:20px;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;overflow:hidden;padding:1px;}
.box-search .txt-search{width:100%;border:none;height:30px;padding:0px 0px 0px 5px;outline:none;margin-right:5px;}
.btn-search{position:absolute;right:1px;height:30px;width:40px;top:1px;text-align:center;text-decoration:none;line-height:30px;color:#FFF;font-size:16px;overflow:hidden;-webkit-border-radius:0px 4px 4px 0px;-moz-border-radius:0px 4px 4px 0px;-ms-border-radius:0px 4px 4px 0px;border-radius:0px 4px 4px 0px;}
.vtip{color:#333;text-decoration:none;font-size:14px;}
.image-news-home{width:80px;margin-right:10px;float:left;}
.content_text{max-width:100%;}
.box-search-mobile{background:#EEE;padding:5px;display:none;}
.txt-search-mobile{width:100%;height:22px;border:solid 1px #ccc;padding:0px 5px;outline:none;}
.btn-search-mobile{position:absolute;right:-30px;top:0px;width:30px;display:block;text-align:center;line-height:22px;background:#57A5F5;color:#FFF;text-decoration:none;}
@media handheld, only screen and (max-width:1200px){.hotline-top{right:10px;}
}
@media handheld, only screen and (max-width:420px){.hotline-top{display:none;}
}
.box-product-home{background:#FFF;box-shadow:0px 0px 5px #CCC;border:solid 1px #EEE;}
.borderbox{border:1px solid #ececec;border-top:0px;border-left:0px;}
.flexborder{border:1px solid #ececec;border-right:none;border-bottom:none;}
.content-box-pro{padding:10px;position:relative;padding-bottom:15px;}
.box-pro-hover:hover{box-shadow:0px 0px 10px #CCC;}
.menu-sub-home{padding:15px;margin:0px;}
.menu-sub-home li{list-style:none;border-bottom:solid 1px #CCC;}
.menu-sub-home li a{display:block;padding:5px 0px;color:#333;text-decoration:none;}
.menu-sub-home li a:hover{color:#CE7637;}
.cart{width:100px;text-align:center;position:relative;}
.cart div{position:relative;width:20px;height:20px;margin:0 auto;}
.cart .fa{font-size:18px;}
.cart span{position:absolute;top:-10px;right:-20px;background:#FFF;color:#CE7637;min-width:20px;min-height:20px;-webkit-border-radius:50%;border-radius:50%;line-height:20px;text-align:center;}
.hotline{width:200px;font-family:Roboto-B, Arial, Helvetica, sans-serif;font-size:18px;align-self:center;border:solid 1px #FFF;line-height:35px;text-align:center;-webkit-border-radius:3px;border-radius:3px;color:#FFF;}
.search{width:calc(100% - 300px);padding-right:30px;align-self:center;}
.inputsearch{background:#FFF;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;}
.inputsearch input{width:calc(100% - 35px);height:35px;border:none;padding:0px 10px;outline:none;}
.inputsearch a{width:35px;height:35px;text-align:center;line-height:35px;color:#333;text-decoration:none;border-left:solid 1px #ccc;background:#EEE;}
.inputsearch a:hover{color:#CE7637;}
.box-trust{background:#CE7637;color:#FFF;padding:30px 20px 10px 20px;}
.box-menu-footer{background:#FFF;padding:20px 0px;}
.intro-info-footer{text-align:justify;line-height:22px;}
.title-about-footer{font-family:Roboto-B, Arial, Helvetica, sans-serif;font-size:18px;text-transform:uppercase;font-weight:normal;margin:0px;padding:0px;color:#333;}
.title-other-product{font-family:Roboto-B, Arial, Helvetica, sans-serif;font-size:18px;margin:0px;padding:0px 15px;text-transform:uppercase;font-weight:normal;border-bottom:solid 1px #ebebec;}
.border-right-image-pro{border-right:solid 1px #ebebec;}
.margin-bottom-20{margin-bottom:20px;}
.btn-order-detail{background:#CE7637;padding:10px 10px;text-align:center;color:#FFF;font-size:16px;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.btn-hotline-detail{background:#CCC;padding:10px 10px;text-align:center;color:#333;font-size:16px;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.btn-hotline-detail span{font-family:Roboto, Arial, Helvetica, sans-serif;}
.viewed-name a{color:#333;}
.mnu-footer{padding:0px;margin:0px;}
.mnu-footer a{text-decoration:none;color:#333;display:block;padding:3px 0px;}
.mnu-footer a:hover{text-decoration:underline;}
.image-trust{width:60px;align-self:center;}
.text-trust{width:calc(100% - 70px);text-align:left;align-self:center;}
.text-trust .name{font-family:Roboto-B, Arial, Helvetica, sans-serif;font-size:16px;text-transform:uppercase;}
.paging{padding-top:15px;}
.menubar-mobile a:first-child{padding-left:10px;border-left:solid 1px #ededed;}
.menubar-mobile a{line-height:50px;color:#333;font-size:20px;border-right:solid 1px #ededed;padding:0px 15px;}
.boxsearchmobile{background:#Eee;padding:5px;width:100%;left:0px;position:absolute;top:100%;display:none;}
.boxsearchmobile input{width:calc(100% - 32px);height:30px;border:none;padding:0px 10px;outline:none;}
.boxsearchmobile a{width:30px;height:30px;background:#CE7637;color:#33;text-align:center;line-height:30px;padding:0px;font-size:16px;}
.popup-order{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;max-width:95%;max-height:80%;z-index:9999999;background:#FFF;box-shadow:0px 0px 10px #333;background:#F1F1F1;display:none;}
.overlay{z-index:9999998;background:#000;opacity:.7;position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;}
.frm-order{height:100%;background:#F1F1F1;}
.frm-order .title{height:40px;background:#CE7637;color:#FFF;line-height:40px;font-family:Roboto-B, Arial, Helvetica, sans-serif;text-transform:uppercase;position:relative;padding:0px 45px 0px 10px;}
.frm-order .title a{color:#FFF;width:40px;height:40px;background:#69451F;right:0px;top:0px;text-align:center;line-height:40px;position:absolute;}
.frm{padding:20px;height:100%;max-height:calc(100% - 45px);overflow:auto;}
.frm-order .frm .item-order{margin-bottom:15px;}
.frm-order .frm .item-order .label{font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.frm-order .frm .item-order .input input{width:100%;height:35px;padding:0px 5px;}
.frm-order .frm .item-order .input textarea{width:100%;height:80px;padding:5px;}
.btn-submit-order{display:inline-block;margin-top:3px;background:#CE7637;height:35px;padding:0px 30px;line-height:35px;color:#FFF;font-family:Roboto-B, Arial, Helvetica, sans-serif;}
.quantity{position:relative;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
.quantity input{width:100%;height:35px;line-height:1.65;float:left;display:block;padding:0;margin:0;padding-left:20px;border:1px solid #ccc;}
.quantity input:focus{outline:0;}
.quantity-nav{float:left;position:relative;height:42px;}
.quantity-button{position:relative;cursor:pointer;border-left:1px solid #eee;width:20px;text-align:center;color:#333;font-size:13px;font-family:"Trebuchet MS", Helvetica, sans-serif !important;line-height:1.7;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.quantity-button.quantity-up{position:absolute;height:50%;top:0;border-bottom:1px solid #eee;}
.quantity-button.quantity-down{position:absolute;bottom:-1px;height:50%;}
.error-input{border:solid 1px #FF0000;}
/* HOTLINE */
.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
 cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
 background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
 opacity:.1;
 -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#272d6b;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50;
    opacity:.5
}
.phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
 border-radius:100%;border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}
.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#272d6b;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    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 phonering-alo-circle-fill-anim {
    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 phonering-alo-circle-img-anim {
    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 phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

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

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

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

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

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

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

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

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

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

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
.mobile-hotline{display:none}
@media  (max-width: 767px) {
 
    .hotline{
 
        display :none;
 
    }
.mobile-hotline{display: block; bottom: 0; width: 100%; background:rgba(0,0,0,0.5); height: 60px; position: fixed; z-index:9999999}
.mobile-hotline .mobile-hotline-left{width: 45%; float: left; text-align: center; background: #00a502; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-left a{color: white; line-height: 46px; font-size:16px; font-weight: bold}
 
.mobile-hotline .mobile-hotline-right{width: 45%; float: right; text-align: center; background: #fac100; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-right a{color: red; line-height: 46px; font-size: 16px; font-weight: bold}
}