@charset "utf-8";
html, body, div, span,strong{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}
@font-face {
font-family: 'thuy_roboto';
src: url('fonts/RobotoCondensedRegular.eot');
src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
url('fonts/RobotoCondensedRegular.woff') format('woff'),
url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
font-family: 'MyriadProRegular';
src: url('fonts/MyriadProRegular.eot');
src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'),
url('fonts/MyriadProRegular.woff2') format('woff2'),
url('fonts/MyriadProRegular.woff') format('woff'),
url('fonts/MyriadProRegular.ttf') format('truetype'),
url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}
@font-face {
font-family: 'RobotoSlabRegular';
src: url('fonts/RobotoSlabRegular.eot');
src: url('fonts/RobotoSlabRegular.eot') format('embedded-opentype'),
url('fonts/RobotoSlabRegular.woff2') format('woff2'),
url('fonts/RobotoSlabRegular.woff') format('woff'),
url('fonts/RobotoSlabRegular.ttf') format('truetype'),
url('fonts/RobotoSlabRegular.svg#RobotoSlabRegular') format('svg');
}
@font-face {
font-family: 'UTMSwissCondensedBold';
src: url('fonts/UTMSwissCondensedBold.eot');
src: url('fonts/UTMSwissCondensedBold.eot') format('embedded-opentype'),
url('fonts/UTMSwissCondensedBold.woff2') format('woff2'),
url('fonts/UTMSwissCondensedBold.woff') format('woff'),
url('fonts/UTMSwissCondensedBold.ttf') format('truetype'),
url('fonts/UTMSwissCondensedBold.svg#UTMSwissCondensedBold') format('svg');
}
@font-face {
font-family: 'UTMAvo';
src: url('fonts/UTMAvo.eot');
src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
url('fonts/UTMAvo.woff2') format('woff2'),
url('fonts/UTMAvo.woff') format('woff'),
url('fonts/UTMAvo.ttf') format('truetype'),
url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
font-family: 'RobotoRegular';
src: url('fonts/RobotoRegular.eot');
src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
url('fonts/RobotoRegular.woff2') format('woff2'),
url('fonts/RobotoRegular.woff') format('woff'),
url('fonts/RobotoRegular.ttf') format('truetype'),
url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
font-family: 'UVN_honghahelp';
src: url('fonts/UVN_honghahelp.eot');
src: url('fonts/UVN_honghahelp.eot') format('embedded-opentype'),
url('fonts/UVN_honghahelp.woff2') format('woff2'),
url('fonts/UVN_honghahelp.woff') format('woff'),
url('fonts/UVN_honghahelp.ttf') format('truetype'),
url('fonts/UVN_honghahelp.svg#UVN_honghahelp') format('svg');
}
@font-face {
font-family: 'UVNHongHaHep_R';
src: url('fonts/UVNHongHaHep_R.eot');
src: url('fonts/UVNHongHaHep_R.eot') format('embedded-opentype'),
url('fonts/UVNHongHaHep_R.woff2') format('woff2'),
url('fonts/UVNHongHaHep_R.woff') format('woff'),
url('fonts/UVNHongHaHep_R.ttf') format('truetype'),
url('fonts/UVNHongHaHep_R.svg#UVNHongHaHep_R') format('svg');
}
@font-face {
font-family: 'UVFPistilliRoman';
src: url('fonts/UVFPistilliRoman.eot');
src: url('fonts/UVFPistilliRoman.eot') format('embedded-opentype'),
url('fonts/UVFPistilliRoman.woff2') format('woff2'),
url('fonts/UVFPistilliRoman.woff') format('woff'),
url('fonts/UVFPistilliRoman.ttf') format('truetype'),
url('fonts/UVFPistilliRoman.svg#UVFPistilliRoman') format('svg');
}

body
{
font-size:18px;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5;
color:#242424;
background:#E2E9F0;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
display: block;
width: 100%;
}

* html .clearfix {
height: 1%;
}
.product_detail_pic{float:left;width:48%;margin-right:10px;text-align: center;}
ul.product_info{list-style:none;padding:0px;margin:0px;width: 50%;float: right;}
ul.product_info li{padding:3px 0px; font-size:14px;line-height: 35px;border-bottom: 1px solid #ccc;}
ul.product_info li:last-child{border-bottom: none;}
ul.product_info li span{color: red;font-weight: bold;margin-right: 50px;}
ul.product_info li strong{text-decoration: line-through;}
.name_product{ font-size:20px; font-family:UTMAvo; color:#CD1707;}
.list_img{width: 25%;float: left;}
.list_img ul{margin-right: 0px;padding: 0px;}
.list_img ul li{display: block;width: 100%;float: left;margin: 4px 0px;text-align: center;}
.list_img ul li img{width: 50px;height: auto;}
.img_detail img{height: auto;}
.img_detail{margin-bottom: 0px;border: 1px solid #ccc;width: 75%;float: left;}
.brd{border: 1px solid #ccc; width: 83px;height: auto;}
/*****************************/
.title_news{font-weight:bold;color:#241900;font-size:14px;}
#map_canvas {     height: 500px; width: 100%;margin:auto;}
.map_description {color: #000000;overflow: auto;width: 275px;}
.map_description .default { color: #FF0000;}
.map_description div { line-height: 18px; margin: 3px;}
.map_list_address {float: left;height: 500px;overflow: hidden;width: 250px;}
.map_list_address .list {line-height: 18px; margin-bottom: 5px;}
.map_list_address span { color: #FCFF46;}
.map_title { color: #69450D;font-weight: bold;}
/************************************/
.title_news{color: #c51f21; display: block;font-size: 22px;font-weight: bold;padding: 5px 0px 5px;margin:0px;text-align: start;text-transform: capitalize;}
#back-top {position: fixed;bottom: 60px;right: 10px;text-align: center;}
table,tr,td {border-collapse: collapse;}
.tablelienhe span{color:#F00;}
.tablelienhe td{ height:30px;}
.tablelienhe .input,.tablelienhe textarea{border: 1px #E9E9E9 solid;azimuth:center;	width:300px;	}
.tablelienhe .input{height:25px;}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}
.box_news{clear:both; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #FFF;}
.box_news h2{font-size:18px;margin:0px;}
.box_news h2 a{color:#001112;text-transform: capitalize;font-weight:bold;}
.box_news p{
margin: 5px 0 0 0;
/* margin:0px;padding:0px;line-height:30px;color:#001112; */
}
.box_news p.small{font-size:12px;color:#959595;}
.box_news h2 a:hover{color:#F00;}
h1.text_title{color:#241900; font-size:12px;}
.image_boder        {margin-right:20px; float:left;background:#FFF; padding:5px; overflow:hidden; text-align:center; padding:4px ; border:1px solid #fff; box-shadow:0px 0px 5px; box-sizing:border-box;}
.image_boder img    {width:100%;height:auto;transition:all 0.5s ease 0s;}
.image_boder:hover img{transform:scale(1.2);}

.hoveanh        {height: 260px;padding:5px; overflow:hidden; text-align:center; padding:4px ; border:1px solid #fff; box-shadow:0px 0px 5px; box-sizing:border-box;}
.hoveanh img    {width:100%;height:auto;transition:all 0.5s ease 0s;}
.hoveanh img:hover{transform:scale(1.2);}
.hoveanh h4         {color: #001112;}   
.hoveanh h4:hover   {color: red;}   
.dathang{background: rgb(128,186,20); border: 1px solid #fff;border-radius: 3px 3px 3px 3px;color: #FFFFFF;
font: 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; padding: 5px 30px;cursor:pointer;}
.detail_lienhe{width:100%;box-sizing:border-box;padding:10px;}
.txtlienhe{-webkit-appearance: textfield;padding: 1px;background-color: white;border:1px solid #CCC;cursor: auto;border-radius:5px;width:90%;margin:5px 0px;float:left;height:35px;}
.txt_lienhe{-webkit-appearance: textfield;padding: 1px;background-color: white;border:1px solid #CCC;cursor: auto;border-radius:5px;width:90%;margin:10px 0px;float:left;	}
.boder{border:3px #E0E0E0 solid; margin:0px 35px;}
.viewmore{text-align:right;padding-right:10px;}
.viewmore img{vertical-align:middle;}
.viewmore a{color:#0000ff;font-size:11px;font-weight:bold;}
.tinlienquan a{color:#333}
.othernews{padding-left:0px;}
.othernews h1{font-size:20px;margin:0px;line-height:40px;font-weight:bold;text-transform:uppercase;color:#5183F2;font-family:thuy_roboto;}
.othernews ul{list-style:inside;margin:0px;padding:0px;}
.othernews ul li{padding-left:0px;padding:0px;}
/* --------------------- Phan trang ------------------*/
.phantrang{text-align:center;padding:10px 0px;}
.phantrang a { background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; border: 1px solid #ccc;box-shadow: 0 1px 0 #FFFFFF inset;color: #636363;cursor: pointer;font-size: 11px;margin: 0 0 0 4px;padding: 6px 10px;}
.phantrang a:hover { background: none repeat scroll 0 0 #C40007; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover { background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; border: 1px solid #D2D2D2 !important;color: #ADADAD !important; cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover { background: none repeat scroll 0 0 #C40007;    box-shadow: none; color: #FFFFFF;
}
/*++++++++++PAGINATION+++++++++++*/
div.pagination{clear:both;padding:20px;text-align:center; line-height:1.4em;}
div.pagination span{display: inline-block; color: #3A7CF5;margin: 0px 5px; width: 21px; padding: 2px 0px;text-align:center; text-shadow:0px 0px 2px #FAF1F1; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;

}
div.pagination a.paging{display: inline-block; color: #FFF; width: 21px; padding: 2px 0px;text-align:center;  background-color: #5E5E5E; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;cursor: pointer}
div.pagination a.paging:hover{background-color:#902803;}
div.pagination {
text-align:center;
color:#000;
}
div.pagination ul{
display:inline-block;
}
div.pagination ul li{
float: left;
min-width: 10px;
display: inline-block;
margin-right: 5px !important;
padding: 3px 10px !important;
border: thin #DAE0E9 solid;
background: #fff;
border-radius:5px;
}
div.pagination ul li:hover{
color: #fff;
background: #FF9000;
}
div.pagination .active{
cursor: pointer;


}
div.pagination .actived{
color: #fff;
background: #FF9000;
}
div.pagination .inactive{

}
/*-----------------*/
.center{width:1200px;margin:auto; position:relative;}
a{text-decoration:none; color:#242424;}
p{margin:0px;padding:0px;}
a:hover{color:#F00;}
img{border:0;}
.product{
border: 1px solid #ccc;
box-sizing:border-box;
position:relative;
float:left;
margin-right: -1px;
margin-bottom: -1px;
z-index: 0;
}
.product:hover{border:1px solid red !important; z-index: 9 !important;}
.product .img{
position:relative;
overflow:hidden;
margin: auto;
margin-bottom: 20px;
}
.product .img img{
width:100%;
height:auto;
transition:all  0.5s ease;
}
.product .img:hover img{transform: scale(1.2) rotate(-5deg);}
.product h2{
font-weight:normal;
line-height:25px;
margin:0px;
font-size:15px;
color:#C70100;
}
.product p{
margin:0px;
line-height:25px;
font-size:15px;
}
.product p span{ color:#C40007;font-weight: bold;}
.product p strong{float: right;text-decoration: line-through;}
.sanpham p strong{float: right;text-decoration: line-through;}
.pro p strong{float: right;text-decoration: line-through;}
.pro{
border:1px solid #ccc;
border-bottom:1px solid #ccc;
box-sizing:border-box;
position:relative;
float:left;
margin-right: -1px;
margin-bottom: -1px;
}
.pro:hover{border:1px solid red !important; z-index: 9 !important;}
.border_top{border-top:1px solid #ccc;}
.pro .img{
position:relative;
overflow:hidden;
margin: auto;
margin-bottom: 20px;
}
.pro .img img{
width:100%;
height:auto;
transition:all  0.5s ease;
}
.border_right{border-right: 1px solid #ccc;}
.pro .img:hover img{transform: scale(1.2) rotate(-5deg);}
.pro h2{
font-weight:normal;
line-height:25px;
margin:0px;
font-size:15px;
color:#C70100;
}
.pro p{
margin:0px;
line-height:25px;
font-size:15px;
}
.pro p span{ color:#C40007;font-weight: bold;}
.sanpham{
margin: auto;
box-sizing:border-box;
position:relative;
text-align: center;
}
.sanpham .img{
position:relative;
overflow:hidden;
margin: auto;
margin-bottom: 20px;
}
.sanpham .img img{
width:100%;
height:auto;
transition:all  0.5s ease;
}
.sanpham .img:hover img{transform: scale(1.2) rotate(-5deg);}
.sanpham h2{
font-weight:normal;
line-height:25px;
margin:0px;
font-size:15px;
color:#C70100;
}
.sanpham p{
margin:0px;
line-height:25px;
font-size:15px;
}
.sanpham p span{ color:#C40007;font-weight: bold;}
.height_40px{height: 40px;}
.clear
{
overflow:hidden;
clear:both;
}
.info_contact{ font-size:15px; line-height:25px;}
.info_contact span{ color:red;}
.txtcenter{
text-align:center;
}
.title{
background:url(../images/bg_tt.png)  repeat-x;
min-height:52px;
}
.title h2{margin: 0px;line-height: 52px;text-align: center;font-family: UVN_honghahelp;color: #fff; text-transform: uppercase;font-size: 18px;}
.hotro_online{ color:#ff0000; font-size:14px; margin:0px; padding:0px; line-height:30px; font-weight:normal; border-bottom:1px dashed #ccc;}
.connect{ float:right;}
.tk{ margin:0px; padding:0px 40px;}
.tk li{ display:block; float:left; width:100%; line-height:29px; font-size:13px;}
.tk li img{ float:left; margin-right:4px;}
.tk li span{ float:right;}
.right{
float:left;
width:80%;
padding:10px 20px;
box-sizing:border-box;
}
.tieude{
    margin: 0 0 15px 10px;
    border-bottom: 3px double #001112;
    color: #a95f00;
    font-size: 25px;
    font-weight: bold;
}

.tieude1{
    font-size: 25px;
    font-weight: bold;
}

.right_gt{ float: left; width: 460px;}
.right_gt .tinnb{ margin-bottom: 15px;}
.right_gt .tinnb img{ float:  left; width: 190px; height: absolute; margin-right: 20px;}
.right_gt .tinnb h2{ font-weight: normal;; font-size: 15px; margin: 0px; line-height: 25px;}
.right_gt .tinnb h2 a{ color: #0075BA;}
.right_gt .tinnb p{ text-align: justify;; line-height: 20px; font-size: 14px;}
.bg_tin{  padding:8px; border: 1px solid #ccc; }
.bg_tin ul{ margin: 0px; padding:0px ;}
.bg_tin ul li{ display: block;; float: left; width: 100%; line-height: 25px; background: url(../images/icon.png) no-repeat 0px 10px;}
.bg_tin ul li a{ font-size: 14px; padding-left: 20px;}
.left_gt img{ float: left; width: 372px; margin-right: 15px; padding-bottom: 20px;}
.left_gt p{line-height: 25px; font-size: 14px; text-align: justify;}
.left_gt .xemchitiet{ font-size: 14px; float: right; background: url(../images/cm.png) no-repeat 0px 4px; line-height: 20px; color: #0075BA; padding-left: 10px;}
.gioithieu{ background: url(../images/bg_tin.png) top center  no-repeat; padding-top: 50px;}
.left_gt{ float:left; width: 700px; margin-right: 38px; }
#wrapper{width:1200px;	margin:0px auto;position:relative;box-sizing:border-box;}
.tittle{margin:0px;background:url(../images/line_after.png)  bottom  repeat-x;padding:10px 0px;margin-bottom:20px;}
.tittle h2{line-height:30px;text-align:left;font-size:18px;color:#fff;margin:0px;font-weight:normal;text-transform:uppercase;font-family:thuy_roboto;}
p{margin:0px;padding:0px;}
.main_menu{background: #001112;}
#box_slider{box-sizing:border-box;position:relative;}
.left_slider{}
.right_slider{}
.right_slider img:hover{opacity: 0.7;}
.slide{ margin:auto;margin-top: 4px;}
.img_list  img{transition:all 0.2s ease;}
.img_list  img:hover{opacity: 0.8;}
.bor{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:9; box-sizing:border-box; padding:15px; border:10px solid rgba(255,255,255,0.4);border-radius:0px 15px 0px 15px;-webkit-border-radius:0px 15px 0px 15px;-moz-border-radius:0px 15px 0px 15px;}
.dk{color: #fff;background: #001112;margin: auto;width: 100%;}
.dk:nth-child(2){color: #fff;background:#001112 url(../images/ICON2.png) 100% 4px no-repeat;padding: 25px 30px;margin-bottom: 4px;}
.dk:nth-child(3){color: #fff;background:#001112 url(../images/ICON1.png) 100% 4px no-repeat;padding: 25px 30px;}
.dk a{color: #fff;font-weight: bold;}
.user{ margin-bottom: 4px;}
.user p.ten{line-height: 25px;margin:0px;font-size: 13px;}
#bg_page{background:url(../images/bg.png);}
/************** Header ****************/
.bg_main_menu{width:100%;margin:auto;}
#header{position: relative;width:100%;}
#header .banner{position:relative;margin:auto;}
.bg_logo{}
.hotline_head{position:relative;background: #f9f9f9;}
.hotline_head p{line-height: 40px;float: left;font-size: 15px;color: #f00; margin: 0px;padding:0px;font-weight: bold;}
.hotline_head  span{line-height: 40px;float: right;font-size: 15px;color: #8A8A8A; margin: 0px;padding:0px;}
.hotline_head span a{color:#8A8A8A; }
@-webkit-keyframes load{
from {   -webkit-transform: scale(0);
top:50px;
opacity:0;
bottom: 5px;
right: 0px;
}
to   {-webkit-transform: scale(1); top:0px; opacity:1;bottom: 5px; right: 0px; }
}
@keyframes load{
from {  -webkit-transform: scale(0) ; bottom: 5px;right: 0px;   }
to   { -webkit-transform: scale(1) ; bottom: 5px;right: 0px; }
}
#header .banner .box_lang{position: absolute;bottom:10px;right:5px;z-index:9999;}
#header .banner .box_lang img{margin:2px;}
.navi_menu{ background: #007CB2;}
#header .menu{width:1200px;margin:auto;  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#header .menu ul{margin:0px;padding:0px;list-style:none;position: relative;}
#header .menu ul li{float:left;}
.li_active{ }
#header .menu ul li img{float:left;margin-right:2px;}
#header .menu ul li#tim{float:right;  background:none !important;}
a.icon{background: url(../images/icon.png) no-repeat 100% 5px; width: 100%;line-height: 40px;display: block;}
#header .menu ul li.cm{background: url(../images/cm.png) no-repeat 100% 22px;}
#header .menu ul li a{color: #fff;font-size: 16px;display: block;text-transform: uppercase;text-align: center;line-height:45px;font-family: RobotoRegular;box-sizing: border-box; padding:0px 20px; }
#header .menu ul li a:hover{color:#ff0 !important;}
#header .menu ul li ul li{width:100%;background:none !important;}
#header .menu ul li ul li a{color:#FFFFF0  !important;text-align:left !important;}
#header .menu ul li a.active,#header .menu ul li a:hover{color:#ff0;}
.box_search input[type=text]{border:1px solid #818181;height:40px;padding-left:20px;background:none;width:75%;margin-top:0px;box-sizing:border-box;color:#818181; outline: none;}
.box_search input[type=button]{color:#fff;background:#00AEEF;height:40px;width:25%;border:none;float:right;cursor:pointer;outline: none;box-sizing: border-box;}
#container{
margin-top:4px;
background: rgba(128, 116, 79, 0.12);
/*background-size:100% 100% ;
*/
}
.container_mid{position:relative;margin:0px auto;padding:0px;box-sizing:border-box;}
.td{background: #001112; margin-top: 4px;text-align: center;}
.td h2{color: #fff;margin: 0 0 4px 0;padding: 6px 0 2px 0;font-size: 16px;text-transform: uppercase;}
.td h2 span{background: #fff;  position: relative;z-index: 1; margin-top: 5px; border-radius: 90%;-moz-border-raidus:90%;-webkit-border-radius:90%;color: #000;padding:0px 15px;float: right;line-height: 40px;}
.bg_news ul{margin: 0 0 0 -40px;}
.bg_news ul li{display: block;}
.bg_news ul li a{color: #001112;}
.bg_news ul li a:hover{color: red;text-decoration: none;}
.bg_news{}
.qc{}
.qc img{width: 100%;height: auto;margin: 4px 0;transition:all 0.3s ease;border: 1px solid #fff;box-shadow: 0px 0px 5px;}
.qc img:hover{opacity: 0.7;}
.dm{margin-bottom: 20px;}
.camket h2{margin: 0px;text-align: center;line-height: 40px;font-size: 24px;color: #001112; text-transform: uppercase;}
.ck h3{margin-top: 10px;color: #001112;font-size: 16px; }
.background{background: #E9EAEA;margin-top: 5px;border-radius: 20px 0px 0px 20px;-moz-border-radius: 20px 0px 0px 20px;-webkit-border-radius: 20px 0px 0px 20px;margin-left: -40px;z-index: 0;}
.padding-top{padding-top: 4px !important;}
.td h2:after{}
.tintuc a.xemthem{float:left;border:1px solid #D50100;color:#D50100;padding:5px 20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
a.xemthem{border:1px solid #D50100;color:#D50100;padding:5px 20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.border{position:absolute;}
.container_mid img{max-width:100%;height: auto;}
.container_mid .box_content{}
.container_mid .content{padding:0;margin: 0 10px;}
.container_mid .content img{max-width:100%;height: auto;}
.container_mid{ color: #001112; text-align:justify; font-size:20px;}
.left{  float:left;padding-left: 5px !important;padding-right: 0px !important;}
.module_left{margin-bottom: 20px;}
.module_left .content{background: #fff;}
.content.support {padding: 20px 20px;}
.content.support p{font-size: 17px; line-height: 25px;font-family: UVN_honghahelp;}
.bg_dk{border: 4px solid rgba(65, 8, 87, 0.4);padding: 5px;margin-top: 10px;}
.user_ht{border-bottom: 1px solid #ccc;padding: 10px;}
.user_ht p{font-size: 14px !important;margin: 0px;}
.user_ht p:nth-child(1){}
.user_ht p:nth-child(1) span{font-size: 16px; color: #ffd700;font-weight: bold;}
.user_ht p:nth-child(3){word-break: break-all;}
.content.support h2{margin: 0px;line-height: 25px;font-size: 17px;color: #DA2522;font-family: UVN_honghahelp;}
.content.support .dt_ht{float: left; margin-right: 0px;}
.content.lienket{background:#fff url(../images/lkweb.png) center no-repeat;min-height: 45px; text-align: center; padding:20px 25px; }
.content.lienket select{ width: 100%;height: 43px;border: none;background: none;outline: none;font-style: italic;color: #ccc;box-sizing: border-box;padding-right: 10px;}
ul.list_cat_product li{margin: 0px;font-family:UVNHongHaHep_R;line-height: 40px;padding-left: 0px;font-size: 18px;border-bottom: 2px solid #E5E1E1; }
ul.list_cat_product li:hover{background: #008ABE !important;}
ul.list_cat_product li a{padding: 0px 20px;box-sizing: border-box;}
ul.list_cat_product li:hover a{}
.hienthi_doitac{margin: auto;text-align: center;}
.hienthi_doitac img{max-width: 150px;max-height: 95px;display: inline-block !important;}
.daotao .descript{background: #dbd6cc;padding: 10px;}
.daotao h3{font-size: 20px;margin: 0px;line-height: 35px;text-align: center;}
.daotao h3 a{color: #565554;}
.daotao{padding:0px 10px !important; margin-top: 25px;}
.daotao .img{position: relative;text-align: center;padding-top: 40px;height: auto;overflow: hidden;}
.daotao .img img{width: 100%;height: auto;transition:all 0.3s ease;}
.daotao .img img.icon{position: absolute;top:0px;width: 65px;border:3px solid #fff; left: 40%;z-index: 99;background: #fff;border-radius: 90%;-webkit-border-radius:90%;-moz-border-radius:90%;}
.daotao .img:hover img:not(.icon){transform:scale(1.2) ;}
table.noidungkhaigiang tr{}
table.noidungkhaigiang td{padding:5px 10px;}
table.noidungkhaigiang{width: 100%;}
.ykien h2{margin: 0px;line-height: 35px;font-size: 18px;color: #001112;}
.ykien h2 span a{font-size: 13px;color: red;}
.hocvien .img{float: left;margin-right: 10px;border:1px solid #ccc;}
.hocvien .img img{width: 90px;height: auto;}
.hocvien h2{margin: 0px;line-height: 25px;font-size: 13px;color: red;}
.hocvien p{margin:0px;line-height: 20px;text-align: justify;font-size: 13px;}
img.avatar{width: 150px;height: auto;border: 1px solid #ccc; margin-right: 10px;float: left;}
.hoi-dap{
padding:10px;
margin: 10px 0px;
box-shadow: 2px 2px 4px #ccc;
border: 1px solid #ccc;}
.traloi{
width:100%;
text-align:right;
margin-bottom:10px;}
.traloi a{
line-height:40px;
color:#37D121;}
.traloi a img{
float:right;
}
.traloi_ad{
width:96%;
display:none;
}
.traloi_ad {
position: relative;
background: rgba(210, 234, 252, 0.22);
border: 2px solid #085492;
padding: 5px 10px;
margin-bottom: 10px;
color: #fff;
}
.hoi-dap h3{margin:0px;line-height: 35px;font-size: 18px;color: #004884 ;}
.hoi-dap p{color: #004884  !important; }
.traloi_ad:after,
.traloi_ad:before {
bottom: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.traloi_ad:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #CE7E5F;
border-width: 30px;
margin-left: -30px;
}
.traloi_ad:before {
border-color: rgba(194, 225, 245, 0);

border-width: 35px;
margin-left: -35px;
}
.hoi-dap h3 a{
color:#98051B;
font-size:15px;
margin:0px;
padding:0px;}
.hoi-dap h3{
margin:0px;
padding:0px;
line-height:34px;}
.hoi-dap h3 img{
float:left;
}
.button1 {
text-decoration: none;
text-align: center;
border: solid 1px #004884;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #004884;
background-image: -moz-linear-gradient(top, #001112 0%, #8b00c1 100%);
background-image: -webkit-linear-gradient(top, #308CD2 0%, #004884 100%);
background-image: -o-linear-gradient(top, #001112 0%, #8b00c1 100%);
background-image: -ms-linear-gradient(top, #001112 0% ,#8b00c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b00c1', endColorstr='#8b00c1',GradientType=0 );
background-image: linear-gradient(top, #001112 0% ,#8b00c1 100%);
-webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
text-shadow: 1px 1px 0px #2B2626;
filter: dropshadow(color=#001112, offx=1, offy=1);
filter: dropshadow(enabled=false) !important;
display: inline-block;
behavior: url(css/PIE.htc);
cursor: pointer;
padding: 8px 20px;
color: #fff;
font-size: 14px;
}
.txtlienhe{-webkit-appearance: textfield;padding: 1px;background-color: white;border:1px solid #CCC;cursor: auto;border-radius:5px;width:90%;margin:5px 0px;float:left;height:35px;}
.txt_lienhe{-webkit-appearance: textfield;padding: 1px;background-color: white;border:1px solid #CCC;cursor: auto;border-radius:5px;width:90%;margin:10px 0px;float:left;	}
.fbl-l{
font-size: 16px;
color: #A0161F;}
.txtlienhe {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 1px solid #CCC;
cursor: auto;
border-radius: 5px;
width: 90%;
margin: 5px 0px;
float: left;
height: 35px;
}
/***************** Footer ********************/
.dt_bg{ margin: 20px 0px;}
.doitac{border: 1px solid #ccc;}
.mxh{float: left;width: 40%;text-align: center;}
#map_canvas_ft{height: 240px;width: 100%;border:1px solid #ccc;box-sizing: border-box;margin-bottom: 20px;}
.ft{float: right;width: 23%;}
.bottom h2{color: #ffd700;font-size:16px;  margin: 0px;text-transform: uppercase;}
#footer{ background:#001112;color: #fff;}
.box_footer{margin:auto;}
ul#dm{margin-left: 0px;padding-left: 0px;}
ul#dm li{line-height: 35px;background: url(../images/li.png) no-repeat 0px 6px;padding-left: 15px;display: block;float: left;width: 100%;}
ul#dm li a{font-size: 14px;line-height: 30px;display: block;float: left;width: 100%;color:#868686;}
ul#tk{margin:0px;padding:0px;}
ul#tk li{display: block;float: left;line-height: 26px;width: 100%;}
ul#tk li img{float: left;margin-right: 10px;}
ul#tk li span{float: right;}
.ft_bottom{ background: #0A0A0A; margin-top: 20px;}
.ft_bottom p{ line-height:35px; font-size: 14px; color: #fff;margin: 0px;text-align: center;}
.right_ft p.lk{ line-height: 34px;}
.dk_mail{ background: url(../images/dk_mail.png) center no-repeat; min-height: 50px; box-sizing: border-box; padding: 10px 10px;}
.dk_mail input[type=email]{ border:none; background: none; width: 75%; float: left; height: 40px; outline: none;}
.dk_mail input[type=submit]{ border:none; width: 20%; float: right; background: none; cursor: pointer; height: 40px; padding-left: 10px; box-sizing: border-box;}
.left_ft{width:70%;float:left;box-sizing: border-box; margin:0px 0px;}
.right_ft{width:23%;float:right;box-sizing: border-box; }
.right_ft img{ float: right; margin: 0px 2px;}
.bottom{padding-top: 12px;}
.mxh{float: right;}
.bt_tt{background: url(../images/tt_after.png)  repeat-x;height: 5px;margin: 10px 0px;}
.orange {
text-decoration: none;
text-align: center;
border: solid 1px rgba(65, 8, 87, 0);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #007ED1;
background-image: -moz-linear-gradient(top, #001112 0%, #8b00c1 100%);
background-image: -webkit-linear-gradient(top, #001112 0%, #8b00c1 100%);
background-image: -o-linear-gradient(top, #001112 0%, #8b00c1 100%);
background-image: -ms-linear-gradient(top, #001112 0% ,#8b00c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b00c1', endColorstr='#8b00c1',GradientType=0 );
background-image: linear-gradient(top, #001112 0% ,#8b00c1 100%);
-webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
text-shadow: 1px 1px 0px #c83008;
filter: dropshadow(color=#001112, offx=1, offy=1);
filter: dropshadow(enabled=false) !important;
display: inline-block;
behavior: url(css/PIE.htc);
cursor: pointer;
padding: 8px 20px;
color: #fff;
font-size: 14px;
}
#info_deals ul#tab_content{
margin:0px;
padding:0px;
margin-bottom:20px;
border-bottom: 1px solid #CD1707;
}
#info_deals ul#tab_content li{
float:left;
display:block;
float:left;
line-height:35px;
background:#CD1707;
margin-right: 2px;
margin-bottom: 5px;
}
#info_deals ul#tab_content li a{
color:#fff;
cursor:pointer;
font-size:16px;
padding:0px 20px;
line-height:35px;
border-bottom:2px solid rgba(255,255,255,0);
display:block;
text-transform: uppercase;
}
#info_deals ul#tab_content li a.selected{
background: red;
border-bottom:2px solid #CD1707  !important;
}
.img_list {text-align: center;}
.img_list  img{width: 100%;height: auto;}
.bottom_call{display: none;background: #00a651;position: fixed;width: 100%;bottom: 0px;left: 0px;z-index: 999;}

@media screen and (min-width: 1200px){
#main_list{display: none;}
.padding{padding: 0px !important;}
.product:nth-child(3n){margin-right:0px;}
.product:nth-child(3n+1){clear:both;border-right: 1px solid #ccc;}
.sanpham:nth-child(4n){margin-right:0px;}
.sanpham:nth-child(4n+1){clear:both;border-right: 1px solid #ccc;}
.pro:nth-child(4n){margin-right:0px;}
.pro:nth-child(4n+1){clear:both;border-right: 1px solid #ccc;}
.box_search{width: 23.5%;position: absolute;bottom: 10px;right: 0px;z-index: 999;}
.menu_main{background: #001112;}
#main-menu ul {width:250px !important;}
.pro:nth-child(4n+1){clear: both;}
}
@media screen and (min-width:1025px) and (max-width: 1199px){
.navi_menu{ background: url(../images/bg_li.png) bottom repeat-x;}
#main-menu ul {width:250px !important;}
#header .menu ul {display: inline-block !important;}
#header .menu{text-align: center;}
.list_menu{display: none;}
#header .menu ul li a{padding: 0px 15px !important;}
.padding{padding: 0px !important;}
.left_slider{width: 70%;}
#main_list{display: none;}
.right_slider{padding-left: 10px;box-sizing: border-box;}
.box_search{width: 23.5%;position: absolute;bottom: 10px;right: 0px;z-index: 999;}
.menu_main{background: #001112;bottom:0px;right: -20px; z-index: 9999;}
#main-menu ul {width:250px !important;}
.pro:nth-child(4n+1){clear: both;}
}
@media screen and (max-width:1199px){
.center{width: 100%;}
#wrapper{width: 100%;}
#header{width: 100%;}
#header .menu{width: 100%;}
.bg_logo img{max-width: 100%;height: auto;}
.main_menu{width: 100%;}
.padding{padding: 0px !important;}
}
@media screen and (max-width: 1024px){
#main_list{display: block;}
.main_menu{display: none;}
.box_search{position: relative;}
.menu_main{background: #001112;position: relative;}
.list_menu img{cursor: pointer;}
.list_menu span{color: #ff0000;font-size: 14px;line-height: 30px;cursor: pointer;}
.left_slider{}
.right_slider{padding-left: 0px;box-sizing: border-box;}
.info,.ft{width: 50%;padding:0px 10px !important;}
.dt_bg{padding: 0px 20px;}
}
@media screen and (min-width: 801px) and (max-width:1023px){
.left_slider{}
.right_slider{;padding: 0px !important;box-sizing: border-box;}
.tieude h2{font-size: 18px;}

}
@media screen and (min-width: 992px) and (max-width: 1023px){
.pro:nth-child(4n){margin-right:0px;}
.pro:nth-child(4n+1){clear:both;border-right: 1px solid #ccc;}
}
@media screen and (max-width: 991px){
.product:nth-child(3n){margin-right:0px;}
.product:nth-child(3n+1){clear:both;border-right: 1px solid #ccc;}
.pro:nth-child(3n){margin-right:0px;}
.pro:nth-child(3n+1){clear:both;border-right: 1px solid #ccc;}
.tieude h2{font-size: 16px;}
.info,.ft{width: 100%;padding:0px 10px !important;}
.product p{font-size: 12px;}
.left{width: 100%;padding: 0px !important;}
}
@media screen and (max-width: 800px){
.left_slider{padding: 0px !important;}
.right_slider{box-sizing: border-box;padding: 0px !important;}
.product_detail_pic,ul.product_info{width: 100%;float: none;}
.detail_lienhe{width: 100%;float: none;}
.left{width: 100%;padding: 0px !important;}
.info_ft,.mxh{width: 100%;}
}
@media screen and (max-width:600px){
#wrapper{padding:0px 20px;}
.info_ft,.mxh{width: 100%;}
}
@media screen and (max-width:480px){
.left_slider{width: 100%;}
.right_slider{width: 100%;box-sizing: border-box;padding: 0px !important;margin: 10px 0px;}
.box_search{position: relative; width: 100%;}
.hotline_head p,.hotline_head span{font-size: 12px;}
.info,.ft{width: 100%;padding:0px 10px !important;}
#wrapper{padding: 0px 10px ;}
.padding {overflow: hidden;}
.sm-blue ul a{font-size: 14px;}
.tieude h2{font-size: 15px;}
.left{width: 100%;padding: 0px !important;}
.bottom_call{display: block !important; }
.bottom_call a.call{color: #fff;background: url(../images/icon_hotline.png) no-repeat 0px 0px;line-height: 34px;padding-left: 30px;display: block;}
.bottom_call a{float: left;margin: 0px 5px;line-height: 34px;color: #fff;padding: 0px 0px;font-size: 11px;}
.bottom_call p{margin: 0px;}
.info_ft,.mxh{width: 100%;}
}
@media screen and (max-width:321px){
.left{width: 100%;padding: 0px !important;}
.right_slider{width: 100%;box-sizing: border-box;padding: 0px !important}
.info,.ft{width: 100%;padding:0px 10px !important;}
#wrapper{padding: 0px 10px ;}
.padding {overflow: hidden;}
.box_search{position: relative; width: 100%;}
.hotline_head p,.hotline_head span{font-size: 12px;}
.sm-blue ul a{font-size: 14px;}
.tieude h2{font-size: 15px;}
}