@font-face {
    src: url('font/roboto-bold-webfont.eot');
    src: url('font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-bold-webfont.woff2') format('woff2'),
         url('font/roboto-bold-webfont.woff') format('woff'),
         url('font/roboto-bold-webfont.ttf') format('truetype'),
         url('font/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'utm_auroraregular';
    src: url('font/utm_aurora-webfont.eot');
    src: url('font/utm_aurora-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/utm_aurora-webfont.woff2') format('woff2'),
         url('font/utm_aurora-webfont.woff') format('woff'),
         url('font/utm_aurora-webfont.ttf') format('truetype'),
         url('font/utm_aurora-webfont.svg#utm_auroraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'utm_alter_gothicregular';
    src: url('font/utm_alter_gothic-webfont.eot');
    src: url('font/utm_alter_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/utm_alter_gothic-webfont.woff2') format('woff2'),
         url('font/utm_alter_gothic-webfont.woff') format('woff'),
         url('font/utm_alter_gothic-webfont.ttf') format('truetype'),
         url('font/utm_alter_gothic-webfont.svg#utm_alter_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('font/roboto-medium-webfont.eot');
    src: url('font/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff'),
         url('font/roboto-medium-webfont.ttf') format('truetype'),
         url('font/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'utm_american_sansregular';
    src: url('font/utm_american_sans-webfont.eot');
    src: url('font/utm_american_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/utm_american_sans-webfont.woff2') format('woff2'),
         url('font/utm_american_sans-webfont.woff') format('woff'),
         url('font/utm_american_sans-webfont.ttf') format('truetype'),
         url('font/utm_american_sans-webfont.svg#utm_american_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{ 
    margin: 0; 
	padding: 0; 
} 
.addthis_native_toolbox
{
	margin:10px 0px; 
	width:100%; 
	clear:both;
}
.clear{clear:both;}
.fadeup {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	
	}
#loadingPath
{
	background:url(images/loadingPath.gif) no-repeat center center;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;

}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	background:#139cdd;

}
@font-face {
    font-family: 'myFont';
    src: url('font/VNI-Thuphap1.ttf');
}
div#header{
	width:100%;
	margin:auto;
	position:relative;
}
div#wapper{width:1200px;margin:auto;background:#fff;}
div#menu{
	width:1200px;
	margin:auto;
	position:relative;
	background:#0059d1;
	height:43px;
	line-height:43px;
}

div#menu ul
{
  float:left;  
  list-style:none;
}
div#menu ul li
{
  float:left;
  position:relative;
  z-index:50;
}
div#menu ul li.line{
}

div#menu ul li a{color:#fff;font-family: 'robotomedium';font-size:15px;padding:0px 23px;text-decoration:none; text-transform: uppercase;}
#menu ul li:hover,#menu ul li.active{background:#df0000;}
div#menu ul li a:hover,div#menu ul li a.active{}
div#menu ul li ul,div#menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;	
}
div#menu ul li:hover ul
{
	display:block;
}
div#menu ul li ul li{
	width:220px;
	line-height:30px;
	background:rgba(0,89,209,0.8);
	border-bottom:1px dashed #fff;	
}
div#menu ul li ul li a
{
	padding:0px 10px;
	font-size:14px;
}
div#menu ul li ul li ul
{	
	left:220px;
	top:0px;
}
div#search{float: right;margin-top:10px;right:0px;top:9px;background:#fff;border:1px solid #fff;border-radius:2px;height:23px;}
div#search input{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333333;
	padding:0px 10px;
	float:left;
	margin-top:3px;
	border:none;
	background:none;
	width:160px;
	outline:none;
}
div#slider{width:100%;margin:auto;}
#slider img{max-height: 460px;}

div#left{width:260px;float:left;}
div.tieude{background: url(images/bg_danhmuctrai.png) no-repeat;height:40px;line-height:40px;text-align:center;color:#fff;font-size:22px;font-family: 'utm_alter_gothicregular';text-transform: uppercase;}
div.danhmuc{
	margin-bottom:10px;
	border:1px solid #acacac;
	padding:5px;
	margin-left:5px;
}
div#danhmuc ul{list-style:none;}
div#danhmuc ul li{
	line-height:40px;
	padding-top: 3px;
	background: url(images/icon_li_left.png) center top repeat-y;
	padding-left:7px;
}
div#danhmuc ul li a{color:#000;text-decoration:none;font-size:18px;transition:0.4s;display:block;font-family: 'utm_alter_gothicregular'; text-transform: uppercase;}
div#danhmuc ul li a:hover{color:#900;transition:0.4s;}
#danhmuc ul li ul li:hover{background:#333;}
#danhmuc ul li ul li a{font-size: 16px; color:#F00;}
#danhmuc ul li ul li a:hover{color:#fff;}
div.video2
{
	margin-top:6px;	
	padding:4px;
}
div#video select
{
	line-height:25px;
	height:25px;
	width:100%;
	border:1px solid #CCC;
	border-radius:3px;
	margin:5px auto;
}

div#hotro{
	padding-bottom:7px;
	color:#606060;
	font-size:15px;
	background:#fff;
	position: relative;
}
div#hotro img.hotro{width: 250px;height: 60px;margin:auto; margin-top: 15px;}
div#hotro ul
{
	list-style:none;
}
div#hotro ul li
{
	clear:both;
	padding:5px 10px 5px 20px;
}
div#hotro ul li img
{
	float:left;
	margin-right:5px;
	width:30px;
}
form#frm_dknt{
	min-height: 325px;
}
form#frm_dknt input[type='text']{
	width: 92%;
	float:left;
	margin-top:9px;
    padding: 7px 10px;
    border: 1px solid #e7e7e7;
	margin-top: 8px;
	background:none;
	outline:none;
	background:#fff;
}
form#frm_dknt .item_dk{width: 95%; margin: auto; color:#101010; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-top: 5px;}
form#frm_dknt input[type='button']{
	background:url(images/bg_gui.png) no-repeat;
	background-size:100% 100%;
	color:#fff;
	width: 155px;
	height: 45px;
	line-height:25px;
	border:none;
	margin-top:5px;
	border-radius:3px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; text-transform: uppercase;
	 margin: auto;
	 margin-left: 100px; margin-top: 20px;
}


div#right{float:left;width: 648px; margin-left: 10px;}
div.tieude_giua{
	background:#d6d6d6;
	height:40px;
	line-height:40px;
	padding-left:10px;
	color:#0b0b0b;
	font-size: 24px;
	font-family: 'utm_alter_gothicregular';
	text-transform: uppercase;
}

div.item{width: 30%;margin-left: 15px;text-align: center;margin-top: 10px;margin-bottom: 10px;display: inline-block;vertical-align: top;position: relative;border: 1px solid #eeeeee;background: #fafafa;}

div.item a img{
	padding: 5px 5px;
	transition:all 1s ease 0s;	
	overflow:hidden;	
}

div.item a img:hover
{
	transform:scale(1.1);	
}
div.item a
{
	text-decoration:none;
}

div.item a h3
{
	color:#555555;
	font-size:15px;
	margin:4px 0px;
	transition:0.4s;
	font-weight:normal;
}
div.item a h3:hover
{
	transition:0.4s;
	color:red;
}

div#footer{background:#0059d1;color:#fff; min-height: 250px;}
div#main_footer{width: 500px;float: left;margin-left: 15px;margin-top: 30px;}
div#lienket{width: 190px;float: left;margin-top: 30px;text-align: center;}
div#lienket a img
{
	margin-right:5px;
	transition:1s;
}
div#lienket a img:hover
{
	opacity:0.5;
	transition:1s;
}
div#thongke{margin-right: 20px;width: 200px;float: right;margin-top: 30px;}
div#thongke .tieude3{font-size:18px;margin-bottom:5px;font-family: 'robotobold';}
div#thongke ul
{
	list-style:none;
}
div#thongke ul li
{
	clear:both;
	padding:4px 0px;
}
div#thongke ul li img
{
	float:left;
	margin-right:10px;
}


/* --------------------- Phan trang ------------------*/

div#doitac{width:1200px;margin:auto;margin-top:10px;background:#e3e3e3; padding-top: 10px; padding-bottom: 10px;}
div#spnoibat
{
	width:1000px;
	margin:auto;
	margin-top:10px;
}
/*----------------------------------------------------*/
.chitietsanpham
{
	margin-top:10px;
}
.zoom_slick
{
	width:40%;
	float:left;
}
.zoom_slick .slick
{
	margin-top:5px;
	margin-bottom:10px;
}
.zoom_slick .slick a img
{
	max-width:90%;
	border:1px solid #DDD;
}
.zoom_slick .slick a img:hover
{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:57%;
	margin-top:10px;
}

.product_info li
{
	font-size:14px;
	padding:6px 0;
	border-bottom:1px solid #EEE;
}
table#giohang input
{
	   margin:5px 0px;
}
table#giohang input.btn
{
   
  background:#1d8d45;
  color:#ffffff;
  padding:7px 20px;
  border:none;
  cursor:pointer;
  margin:5px 3px;}
  
table#tt td
{
	height:30px;
}
table#tt td input.t
{
	width:300px;
	height:20px;
	margin:3px 0px 5px 0px;
	border:1px solid #DDD;
}
table#tt td textarea
{
	width:300px;
}
table#tt span
{
	color:red;
}
.logo{top: 15px; position: absolute; left: 15px;}
.hotline{top: 75px; right: 23px; position: absolute;font-family: 'utm_american_sansregular';color:#da0000;font-size:34px;}
.menu_menu{width:1100px; margin: auto;}
.shadow_menu{background:url(images/bong_slider.png) no-repeat; height: 21px; width: 100%; margin: auto;}
.hotline_2{text-align:center;}
.hotline_2 span{color:#fc0000;font-size:27px;font-family: 'utm_auroraregular';}
.hotline_2 p{ font-size: 27px;color:#d20000;font-family: 'utm_auroraregular'; padding-left: 15px;}
.video_clip{width:32%;margin-left:5px; border: 1px solid #d7d7d7; float: left;}
.title{ background:#0076ff; color:#fff;font-family: 'robotobold';font-size:16px; text-transform: uppercase; padding-left:5px; height: 35px; line-height:35px;}
#clickvideo{width:100%;}
.bong{width: 390px; height: 21px;}
.dangki{ width: 32%; margin-left: 1%; float: left; border: solid 1px #d8d8d8; background:#f7f7f7;}
.picture{ width: 32%; float: left; margin-left: 1%; border: solid 1px #d7d7d7;}
.lkweb{width:100%; margin-top: 5px;}
.lkweb a img{padding-right:5px;}
.lkweb a img:hover{opacity:0.5; transiton: 0.5s;}
.content_hotro{border-bottom: dashed 1px #727272; width: 95%; margin: auto; font-size: 18px;}
.content_hotro p{font-size:24px; color:#000;font-family: 'utm_alter_gothicregular'; float: left;}
.content_hotro a img{padding-left: 10px;}
.ten span{color:#000;}
.ten span b{color:#a68901;}
.ten h5{color:#000;}
.ten h5 b{color:#1a6c00; font-size: 12px;}
.pic_big{width: 100%; margin: auto; padding:5px;}
.pic_big img{width: 375px; height: 215px;}
.pic_small{  width: 100%; height:100%; float:left; padding: 5px;}
.pic_small img{ width: 123px; height: 91px;}
.tinnoi{ margin-bottom: 10px; border-bottom: dashed 1px #999; height: 90px;}
.tinnoi h3{text-align: left;}
.tinnoi h3 a{ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#000;}
.tinnoi a img{ float: left;}
.mota_left span a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-decoration: none;}
.shadow{ padding-bottom: 20px;}
.shadow h5 a{ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color:#111;}
.shadow span{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #111;}
.info_head{ position: absolute; bottom: 0px; left: 285px; font-size: 24px; color:#494949;font-family: 'utm_alter_gothicregular';}
#right-2{width:260px; float:right; margin-right:10px;}
.danhmuc_phai{margin-bottom: 10px;border: 1px solid #acacac;padding: 5px;margin-left: 5px;}
.wap-product-hight .slick-next{ background:none !important;}
.wap-product-hight .slick-prev{ background: none !important;}
.box-product{}
.box-product a img{ margin-top:10px; border: solid 1px #ccc;}