.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{ max-width:1349px; width:100%; margin:auto; position:relative; }
.header{ width:100%; position:relative;}
 
.logo{height: 80px; position: absolute; top: 15px; left: 5.5%; z-index: 999;}
.banner{width:100%; display:block; position:relative;}
.banner_m{width:100%; display:none; position:relative;}
.tel{ position:absolute; bottom:0px; right:10.5%; background:url(images/hotline.png) no-repeat left top; font-size:20px; color:#f00; font-family: arial; padding-left:55px; font-weight:bold; font-style:italic; line-height:44px; width:202px; height:55px; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.box_lang{position:absolute; top:20px; right:10.5%;}
#search{ width:233px; height:36px; position:absolute; bottom: -36px; right:0px; z-index:999;}
#search input{width:233px;  border:none; height:36px; background:#E5E6FA; border-radius:17px; text-indent:10px; padding-right:28px; font-family: 'Roboto-Regular'; outline:none; font-size:13px;}
#search img{position:absolute; top:0px; right:0px;}

.wrap_menu{height:40px; position:relative; background:#0054a6; }
.menu{ position:relative; width:100%; max-width:1200px; margin:auto; height:40px;}
.menu div>ul{ height:40px;  }
.menu ul li{display:inline-block; height:40px; line-height:40px; float:left; border-right:1px #0063c4 solid;}
.menu ul li a{ white-space:nowrap; color:#fff; font-size:13px; padding:0 35px; float:left; font-family: tahoma; font-weight:bold; display:inline-block;}
.menu ul li:hover a{color:#ff0; }
.m{color:#ff0 !important; }
.upper{text-transform:uppercase;}
.asas{display:none;}
.clicksearch{position:absolute; top:5px; right:0px;}
.dmsp{position:absolute; top:-7px; left:-8px; width:23.45%;}
/*------end menu-------*/
.slider{ width:100%; position:relative; margin-bottom:20px;}
.left_slider{width:70.4%; float:left;}
.right_slider{width:28.4%; position:absolute; right:0px; top:0px; height:100%;}
.box_hotro{width:100%; position:absolute; height:100%; border:1px #d7d7d7 solid;}
.boxs{padding:15px 20px;}
.hover-item{display:none; position:absolute; top:0px; left:-44px;}
/*-----------end slider-------------*/
.main_content{ max-width:1200px;  margin: auto;}
.box_container{margin-bottom:10px;}
.left{width:22.2%;  float:left; }
.tieude-trai{background:url(images/ttht.png) no-repeat left center; background-size:100% 100%; width:100%; font-family: 'OpenSansBold'; font-size:18px; color:#fff; height:44px; line-height:44px; position:relative; text-align:center;}
 
.box_left{border:1px #d7d7d7 solid; margin-bottom:20px;}

.danhmuc_trai{}
.danhmuc_trai li a{display:block; width:100%; height:40px; color:#5c5c5c; font-size:14px; font-family:'Roboto-Bold'; padding:0 15px; padding-left:35px; line-height:39px; border-bottom:1px #ebebeb solid; background:url(images/square.png) no-repeat 20px 17px; position:relative;}

.danhmuc_trai li li a{display:block; width:100%; height:40px; color:#5c5c5c; font-size:14px; font-family:'Roboto-Regular'; padding:0 15px; padding-left:45px; line-height:39px; border-bottom:1px #ebebeb solid; background:url(images/square1.png) no-repeat 34px 19px; }
.danhmuc_trai li a img{position:absolute; top:5px; right:5px;}
 
.suphotline{height:65px; color:#f00; font-size:18px; background:url(images/tell.png) no-repeat left top; text-align: left; padding: 8px 0px 0 100px; font-family: 'RobotoCondensed-Bold'; margin-bottom:10px;} 
.suphotline p{ color:#222222; font-size:18px;margin-bottom:0px; height:20px; text-align: left; } 


.sup{height:25px; background:url(images/tel1.png) no-repeat left center; padding-left: 30px; line-height:25px; color:#1d1d1d; font-size:15px; font-family:arial;}
.social{ }
.social img{float:left; margin-right:5px;}
.social div.sname{float:left; height:30px; line-height:30px; color:#009f0f; font-size:18px; font-family: 'UTM-Alter-Gothic'; margin-left:5px; padding-left:15px; padding-right:10px; background: url(images/dot.png) no-repeat left center;}

.sup-dienthoai{height:20px; line-height:20px; color:#222222; font-size:18px; font-family: 'UTM-Alter-Gothic';}
.sup-mail{vline-height:20px; margin-bottom:5px; color:#222222; font-size:18px; font-family: 'UTM-Alter-Gothic'; border-bottom:1px #a4a4a4 solid; margin-bottom:8px; padding-bottom:8px;}
.sup-mail a{ color:#222222; font-size:18px; font-family:arial;}

.left_padding{padding:10px;}
.news{ width:100%; margin-bottom: 10px; padding:5px 0; color:#3e3e3e; font-family: arial; font-size:13px;}
.news img{width:100px; float:left; margin-right:10px; }
.news h3 {line-height:16px; }
.news h3 a{ color:#3e3e3e; font-family: 'Roboto-Bold'; font-size:14px;}
.moi{width:54px !important; height:54px !important; position:absolute; top:5px; right:5px;}

.right{width:77.2%; float:right;}
.tieude-phai {margin-bottom:15px; line-height:38px; font-family: tahoma; font-weight:bold; position:relative; background:url(images/tt.png) no-repeat bottom center;  font-size:24px; color:#f00; padding-bottom:22px; text-align:center; position:relative; text-transform:uppercase;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
text-shadow: 0 0 5px rgba(0,0,0,0.9);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.tieude-phai span{display:block; width:100%; height:38px; line-height:38px;  position:absolute; top:0px; left:0px; z-index:99; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
  
.item{ width:23%; float:left; margin-right:2.66%; margin-bottom:26px;}
.item:nth-child(4n){ margin-right:0;}
.item:nth-child(4n+1){ clear:both; }
.item .item_content{ position:relative; background:url(images/shado.png) no-repeat top left; padding-top:15px;  }
.item .price{font-family:arial; font-size:13px;  color:#333333; }
.item .price span{ color:#e60000;}
.item .name{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.item .name a{font-family:tahoma; font-weight:bold; font-size:16px; color:#2c2c2c; }
.item:hover .name a{ color:#e60000; transition:all 0.5s; }
.item .imgsp{ width:100%; transform:scale(1); transition:all 0.4s;}
.item:hover .imgsp{ width:100%; display:block; transform:scale(1.05); transition:all 0.4s; }
.item .box_item_img{position:relative; overflow:hidden; padding:2.5px; border:1px #cacaca solid;}
.item .box_item_img .new { position: absolute; top: 0px; right: 0px; width: 41px; height: 22px; background: url(images/icon_new.gif) no-repeat center; background-size: 100% 100%;}
.item .box_item_img .transfer-box{position:absolute; top:0px; left:0px; width:100%; height:100%; border:7px rgba(255,255,255,0.5) solid; }
 
.video-wrapper {position: relative; padding-bottom:215px; height: 0; margin-bottom: 10px;}
.video-wrapper iframe{width: 100%; left: 0; right: 0;	position: absolute;	height: 100%; border:none;}
#listVideo{height:30px;}
 
.doitac{width:100%; background:url(images/bgdt.png); height:177px;}
.box_doitac{max-width:1200px; margin:auto; padding:20px 15px; position:relative; }
.tieude_doitac{height:30px; background:url(images/ttdt.png) no-repeat left; padding-left:20px; position:absolute; top:-30px; left:0px; width:100%; color:#fff; line-height:30px; }
.pic { width:130px; margin:auto; border: 1px solid #000; border-radius: 5px;}
.pic img{width:100%; display:block; margin:auto;}
 
.end{ background:url(images/ft.png) no-repeat center; background-size:auto 100%; min-height:382px; margin-top:-20px;}
.footer{ width:100%; position:relative; }
.footer .footer_content{width:98%;  max-width:1200px; margin:auto; padding:40px 0; }
.footer .noidung_footer{ width: 35%; float:left; color:#fff; margin-right:15%; font-family:arial;}
.footer .map{ width:25%; float:left; }
.footer .fanp{ width:19%; float:right; }
.footer .fanp ul li a{color:#fff; font-size:14px; padding:3px 0; }
.center div{font-family:'Roboto-Regular'; font-size:13px; color:#fff; margin-bottom:10px;}
#dkml{position:relative;}
#dkml input{display:block; width:100%; height:32px; background:#fff; border:none; text-indent:10px; padding-right:50px; border-radius:5px;}
#dkml button{position:absolute; top:7px; right:3px; border:none; background:none;}
.footer .ft_tt{font-family:tahoma; font-size:18px; position:relative; color:#fff; position:relative; margin-bottom:15px; height:42px;  line-height:42px;}
.footer .ft_tt::before{ content:''; width:80px; height:1px; background:#fff; position:absolute; left:0px; bottom:-5px;}
.copy{font-size:13px; font-family:arial; height:52px; line-height:52px; color:#cbccde; background:#01008c;  }
.copy_c{width:89%; max-width:1200px; margin:auto;}
.copy_l{  float:left;}
.copy_r{ float:right;}
.ttl_tag{float:left;color:#fff;  height:28px; line-height:28px; }
.tag{float:left; height:28px;  line-height:28px; border:1px #0077c4 solid; padding:0 15px; border-radius:5px; color:#fff; font-size:13px; display:block; margin-left:10px; }
.tag:hover{ color:#ff0;}
/*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#000; padding: 5px 12px; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{	font-weight:bold; background:#19707E; padding: 5px 12px; color:#ffffff;}
.phantrang span{ font-weight:bold; background:#19707E; padding: 5px 12px; color:#ffffff;}
/*------------------------------------*/
.lh_cont{width:49%; float:left;}
.frm_lienhe{width:49%; float:right;}
.bando{width:100%;}
.lh-con-l{width: 30%;float: left;margin-bottom: 15px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 15px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%; height:30px; border: 1px solid #e1e1e1;border-radius: 5px;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px; width: 100%;}
.btnct{padding:4px 12px;}

.tb_download{width:100%; margin:auto; border:1px #ccc solid !important;}
.tb_download th{font-size:16px; color:#fff; font-weight:bold; text-align:center; padding:6px 0;}
.stt{text-align:center; font-size:14px; font-weight:bold; padding:4px 0;}
.tenfile{text-align:center; font-size:14px; font-weight:bold; padding:4px 0;}
.dungluong{text-align:center; font-size:14px;  padding:4px 0;}
.taive{text-align:center; font-size:14px; padding:4px 0; }


.holder{ margin: 10px auto; text-align: center; height:30px; }
.holder a {font-size: 12px; cursor: pointer; margin: 0 1px; color: #19707E; background-color: #fff; border: 1px solid #19707E; padding: 7px 12px}
.holder a:hover {background-color: #19707E; color: #fff;}
.holder a.jp-previous {margin-right: 0px; width:80px; text-align:center; padding: 7px 5px; border: 1px solid #19707E;}
.holder a.jp-next {margin-left: 0px; text-align:center; padding: 7px 14px; border: 1px solid #19707E;}
.holder a.jp-current, a.jp-current:hover {color: #19707E; font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,.holder a.jp-disabled, a.jp-disabled:hover {cursor: default; background: #19707E; color: #fff;  border: 1px solid #19707E;}
.holder span { margin: 0 5px; }

.zoom_slick{ width:42%; float:left;}
.product_info{ width:56%; float:right;}
.mota{color:#666; font-size:14px;}
.detail{font-size:16px; color:#39464F; font-family: tahoma,"segoe ui", "Helvetica Neue", Helvetica, Arial, sans-serif !important; margin-bottom:5px;border-bottom: 1px dotted #ddd; padding-bottom:3px; }
.addfont{color: #337AB7; border-bottom: 1px dashed #ccc; font-weight: bold; font-size: 24px; margin: 0;  margin-top: 10px; line-height: 27px; text-transform: none; margin-bottom: 5px; padding-bottom: 5px;}
.price_detail{ font-size:20px; font-weight:bold; color:#000; border:1px #000 solid; border-left:none; border-right:none; padding:5px 0px; margin:5px 0; line-height:30px;}
.price_detail span{float:left;}
.price_detail .masp{float:right; font-size:17px;}
 
.box_news{padding:7px 0; border-bottom:1px dotted #A0A0A4; width:100%; margin-bottom:10px; }
.box_news h3 a{ font-size:16px; color:#1e1e1e;	font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover  h3 a{color:#F00;	transition:0.4s;}
.box_news a.chitiet{	color:#00F;}
.box_news a{	text-decoration:none;}
.box_news a img{  float:left;  margin:4px 15px 3px 0px; width:24%; height:auto; transition:1s; border:1px solid #BBB;}
.box_news a img:hover{opacity:0.4;	transition:1s;}

.left_padding1 .vert { width: 100%; height: 650px; }
.left_padding1 .vert .simply-scroll-clip { width: 100%; height: 650px; }
.left_padding1 .vert img { width: 100%; }
.left_padding1 .vert li {height:230px;}


.call{width:100%;  height:50px; line-height:50px; position:fixed; bottom:0px; left:0px; background:#FF7200; text-align:center; z-index:9999; display:none;}
.call div{width:33%; float:left; height:50px;}
.call strong{padding-left:38px; display:inline-block;}
.call span{display:inline-block; height:50px; line-height:50px; background:url(../images/goidien.png) no-repeat left center; padding-left:28px;  background-size:auto 25px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	}
.call a{color:#fff; font-size:14px;}
.blink_me{
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*Nhan update*/
.clear_fix_right:after { content: ''; display: block; clear: right;}
.clear_fix:after { content: ''; display: block; clear: both;}
.bgsp { margin-bottom: 20px;}
.quangcao img { display: block; width: 100%;}
.images-title:after { content: ''; display: block; clear: both;}
.images-title .col { float: left; box-sizing: border-box; position: relative; text-align: justify; height: 100%;} 
.images-title .col.index { padding: 0px 10px;}
.images-title .col .thumb > a { display: block; position: relative;}
.images-title .col .thumb > a:after {content: ''; display: block;-webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;opacity: 0; z-index: -1;}
.images-title .col:hover .thumb > a:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #0006; opacity: 1; z-index: 1; }
.images-title .col .thumb { display: block; width: 100%; overflow: hidden; box-sizing: border-box; position: relative;}
.images-title .col img { display: block; width: 100%; -webkit-transition: all 0.6s ease-in; -moz-transition: all 0.6s ease-in; -ms-transition: all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
.images-title .col:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.images-title .col h4 { margin: 0px; padding: 15px; background-color: #008ee0; font-family: tahoma; font-weight: bold; text-align: center;}
.images-title .col h4 a { color: #fff;}
.images-title .col .border { border: 1px solid #cdcdcd; border-radius: 5px; overflow: hidden;}

.ftintuc { width: 49%; box-sizing: border-box; float: left; } 
.ftintuc .thumb { width: 100%; overflow: hidden; box-sizing: border-box;}
.ftintuc img { display: block; width: 100%; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;} 
.ftintuc:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.ftintuc:hover h4 a { color: #d11111; } 	
.ftintuc h4 { font-family: tahoma; font-weight: bold; font-size: 18px; line-height: 1.5; margin: 0px; margin-top: 10px; text-align: justify;} 
.ftintuc h4 a { color: #2f2f2f; }
.ftintuc span { display: block; font-family: tahoma; font-size: 15px; color: #535353; line-height: 2.0; text-align: justify; margin-top: 5px; } 

ul.tintuc {list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-margin-before: 0em; -moz-margin-after: 0em; -moz-margin-start: 0px; -moz-margin-end: 0px; -moz-padding-start: 0px; -o-margin-before: 0em; -o-margin-after: 0em; -o-margin-start: 0px; -o-margin-end: 0px; -o-padding-start: 0px; margin: 0px; box-sizing: border-box; width: 49%; float: right;} 
ul.tintuc .thumb { width: 35%; overflow: hidden; box-sizing: border-box; position: relative; float: left; margin-right: 15px;}
ul.tintuc h4 { margin: 0px; line-height: 1.5; font-family: tahoma; font-weight: bold; font-size: 15px; text-align: justify;} 
ul.tintuc h4 a { color: #333333;} 
ul.tintuc li:hover h4 a { color: #d11111; } 
ul.tintuc .thumb img { display: block; width: 100%; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } 
ul.tintuc .thumb a { display: block; overflow: hidden;}
ul.tintuc li:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
ul.tintuc .thumb  a { display: block; position: relative;}
ul.tintuc .thumb a:after {content: ''; display: block;-webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;opacity: 0; z-index: -1;}
ul.tintuc li:hover .thumb a:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #0006; opacity: 1; z-index: 1; }
ul.tintuc li { box-sizing: border-box; margin-bottom: 25px;} 
ul.tintuc span { line-height: 1.5; display: block; text-align: justify; font-family: tahoma; font-size: 14px; color: #333333; margin-top: 5px;} 
.date-role { padding: 5px 0px; border-top: 1px solid #eee;  border-bottom: 1px solid #eee; margin-top: 5px; font-family: tahoma; font-size: 12px;}
.date-role .date { float: left;}
.date-role .role { float: right;}
.tintuc .vert .simply-scroll-list li { height: auto; border-bottom: none;}
.tintuc .vert { height: 505px;}
.tintuc .vert .simply-scroll-clip { height: 505px;}

.menufix { position: fixed; z-index: 999; top: 0px; width: 100%; max-width: 1349px;}