@font-face {

    font-family: 'UA';

    src: url('font/UTM Avo.woff');

}

@font-face {

    font-family: 'Roboto-Regular';

    src: url('font/Roboto-Regular.woff');

}

@font-face {

    font-family: 'Roboto-Bold';

    src: url('font/Roboto-Bold.woff');

}

@font-face {

    font-family: 'UVNBSN';

    src: url('font/UVNBaiSauNang.woff');

}

body{

	font-size:14px;

	line-height:25px;

	background:#fff;

	font-family:"Roboto-Regular";	

}

@font-face {

    font-family: 'MYRIADPRO';

    src: url('font/MYRIADPRO.OTF');

}

.link_web a:hover{color: #f00;}

div#wapper

{ 

  margin:auto;

  background:#fff;

}

.khung{display: block; max-width: 1187px; margin: auto; width: 98%;position: relative;}

.content_sp{

	width:calc(100% + 24px);

	margin-left:-12px;

	margin-right:-12px;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-flow: row wrap;

    -webkit-flex-flow: row wrap;

}

.content_tt{

	width:calc(100% + 20px);

	margin-left:-10px;

	margin-right:-10px;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-flow: row wrap;

    -webkit-flex-flow: row wrap;

}

div#header

{

	position:relative;

	margin:auto;

	background: #0173e6;
    /*background: #570b0d;*/
	color: #fff;

	/*border-bottom: 1px solid #8b3a3c;*/
	border-bottom: 1px solid #1e5e9fb8;

}

div#header a.logo{float: left; width: 11.67%;line-height: 109px;display: none;}

div#header a.logo img{max-height: 109px;display: block;}

div#header a.banner{float: left; width: 38%;line-height: 109px;text-align: center;}

div#header a.banner img{max-height: 109px;}

div#header .dc{float: right;width: 26.08%; height: 109px; display: flex; flex-wrap: wrap; align-items: center;

justify-content: center;padding-left: 50px;background: url(images/dc.png) no-repeat left center;padding-right: 20px;}

div#header .dc p{display: block;width: 100%;}

div#header .dc span{display: block;width: 100%;}



div#header .hot{float: right;width: 17.4%; height: 109px; display: flex; flex-wrap: wrap; align-items: center;

justify-content: center;padding-left: 53px;background: url(images/dt.png) no-repeat left center;padding-right: 20px;}

div#header .hot p{display: block;width: 100%;color: #f2e508;}

div#header .hot a{display: block;width: 100%;font-size: 18px;font-family: 'Roboto-Bold';color: #f2e508;}

div#header .social_footer{float: right; width: 17.08%; overflow: hidden;}

div#header .social_footer a{float: right; margin-left: 13px;line-height: 109px;}

div#header .social_footer a:last-child{margin-left: 0;}

div#header .social_footer a img{width: 40px; height: 40px; transition: 1s;}

div#header .social_footer a img:hover{transform: rotate(720deg);}



div#menu_mobi1{

	display:none;

	position: fixed;

	top: 40px;

	right: 10px;

	width: 30px;

	box-shadow: 0 0 3px #999;

	z-index: 999;

}

div.header{

	background:#0173e6 !important;

	height: 30px !important;

	line-height: 30px !important;

	z-index: 600;

	width: 100%;

	margin: 0 auto !important;

}

.header a.hien_menu{margin: 0 !important;width:100%;display:block;text-align: center;	

	background: #0173e6;color: #ff0 !important;font-family: 'Roboto-Bold';font-size: 16px !important;}

.header a.hien_menu:hover{color: #ff0 !important; background: #0173e6;}

.mm-menu{

	background: #0173e6 !important;

	color: #fff !important;

}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{

	color: #fff !important;

}

div#search_mobi input{

	color: #fff !important;

}



div#menu{

	position:relative;

	height:47px;

	line-height:47px;

	margin:auto;

	background:#0173e6;

}

div#menu ul{

  float:left;  

  list-style:none;

  height:100%;

}

div#menu ul li{

  float:left;

  position:relative;

  z-index:50;

}

div#menu ul li.line{

	/*background: url(images/line.jpg) no-repeat center center; */
    height: 47px;
    width: 6px;
    border-right: 2px solid #fff;

}

div#menu ul li a{

	color:#fff;

	font-size:15px;

	padding:0px 25px;

	text-decoration:none;

	text-transform:uppercase;

	display:block;

	font-family: 'Roboto-Regular';

}

div#menu ul li:first-child a{padding-left: 5px;}

div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{

	color:#f00;	

}

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:1.5;

	background: rgb(1 115 230 / 53%);
    border-bottom: 1px solid #fff;	

}

div#menu ul li ul li a{

	padding:6px 10px;

	text-transform:none;

}

div#menu ul li ul li ul{	

	left:220px;

	top:0px;

}

div#search{

    width: 224px;
    /* background: url(images/sr1.png) no-repeat; */
    background-size: 100% 100%;
    height: 47px;
    float: right;
    background: #b1d2f3;

}

div#search input{

    float: left;

    border: none;

    background: none;

    width: calc(100% - 40px);

    outline: none;

    color: #fff;

    height: 100%;

    padding: 0 10px 0 40px;

}

div#search img{

	float: right;

    margin-right: 17px;

    margin-top: 13px;

	cursor:pointer;

}



div#slider{

	margin:auto;

}

.hinhtren{display: block;padding: 10px 0 0 0;}

.hinhtrai{float: left;width: calc(67.2% - 11px);}

.hinhphai{float: right;width: calc(32.8% - 11px);max-height: 590px; overflow: hidden;}

.hinh{display: block;position: relative;text-align: center; margin-bottom: 23px;}

.hinh .img{display: block;width: 100%;}

.hinh .img img{width: 100%;}

.hinh .ten{position: absolute;left: 0; bottom: 0;line-height: 52px;background: rgba(0,0,0,0.8);font-size: 15px;

color: #fff;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}

.hinh .ten:hover{color: #ff0;}



.hinhtt{display: block;position: relative;text-align: center;width: calc(100%/3 - 20px); margin: 0 10px 20px 10px;}

.hinhtt .img{display: block;width: 100%;}

.hinhtt .img img{width: 100%;}

.hinhtt .ten{position: absolute;left: 0; bottom: 0;line-height: 52px;background: rgba(0,0,0,0.8);font-size: 15px;

color: #fff;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}

.hinhtt .ten:hover{color: #ff0;}



.gioithieu{padding-bottom: 17px;}

.gttrai{float: left; width: calc(56.87% - 15px);padding-right: 83px;background: url(images/gt.png) no-repeat right bottom;}

.tdgt{display: block;padding: 45px 0 11px 43px;line-height: 40px;background: url(images/gt1.png) no-repeat 4px 54px; 

	color: #2d2d2d;font-size: 30px;font-family: 'UA';}

.motagt{display: block;line-height: 34px;color: #494949; margin-bottom: 37px;}

.themgt{display: block;width: 137px; line-height: 45px;text-align: center;color: #000;background: #0173e6;font-family: 'UA';

transition: 0.5s;text-transform: uppercase;margin-bottom: 23px;}

.themgt:hover{opacity: 0.8;}

.qcphai{float: right; width: 43.23%;}



div#left{

	width:280px;

	float:left;

	box-sizing:border-box;

}

div.tieude{

	color:#fff;

	text-align:center;

	font-size:18px;

	font-family: 'UA';

	height:45px;

	line-height:45px;

	text-transform:uppercase;

	background:#0173e6;

	margin-bottom: 22px;

}

div.danhmuc{

	margin-bottom:12px;

}

div#danhmuc ul{

	list-style:none;

}

div#danhmuc ul li{padding:0 10px 19px 10px;}

div#danhmuc ul li:last-child{

	border:none;

}

div#danhmuc ul li a{

	color:#494949;

	line-height: 22px;

	font-family: 'Roboto-Bold';

	text-decoration:none;

	font-size:14px;

	transition:0.4s;

	margin-bottom: 5px;

	display:block;

	padding-left: 22px;

	background: url(images/le.png) no-repeat 8px 8px;

}

div#danhmuc ul li a:hover{

	color:#F00;

	transition:0.4s;

}

div#danhmuc ul li ul li a{

	padding-left:12px;

	background: none;

}



div#main_content

{

	padding:25px 0px;

}

div#right{

	width:calc(100% - 306px);

	float:right;

}

.spnoibat{padding: 50px 0 17px 0;}

div.tieude_giua{

	color:#2d2d2d;

	text-align: center;

	font-size:27px;

	line-height:50px;

	font-family: 'UA';

	text-transform:uppercase;

	margin-bottom:21px;

	background:none;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

div.tieude_giua1{

	color:#2d2d2d;

	text-align: center;

	font-size:27px;

	line-height:50px;

	font-family: 'UA';

	text-transform:uppercase;

	margin: auto;

	margin-bottom:21px;

	background:none;

	width: 100%;

	max-width: 482px;

	background: url(images/gach.png) no-repeat left 32px, url(images/gach1.png) no-repeat right 32px;

}

div.tieude_giua2{

	color:#2d2d2d;

	text-align: center;

	font-size:27px;

	line-height:50px;

	font-family: 'UA';

	text-transform:uppercase;

	margin: auto;

	margin-bottom:21px;

	background:none;

	width: 100%;

	max-width: 522px;

	background: url(images/gach.png) no-repeat left 32px, url(images/gach1.png) no-repeat right 32px;

}

div.wap_item{}

div.item_sp{

	width:calc(100%/3 - 24px);

	text-align:center;

	float:left;

	margin:0 12px 24px 12px;

}

div.item_sp .img{overflow: hidden;margin-bottom: 15px;position: relative;display: block;}

div.item_sp .img:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;

background: rgba(67, 69, 113, 0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

div.item_sp .img:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;

background: rgba(67, 69, 113, 0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

div.item_sp .img:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}

div.item_sp .img:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

div.item_sp .img img{width:100%;transition: 1s;}

div.item_sp .img:hover img{transform: scale(1.2);}

div.item_sp .ten{

	color:#222222;

	font-size:16px;

	display:block;

	font-family: 'Roboto-Bold';

	line-height: 22px;

}

div.item_sp .ten:hover{

	color: #f00;

}

div.item_sp .gia{

	font-size:14px;

	display: block;

	color: #ff0000;

	line-height: 22px;

}

div.item_sp .gia span{

}

.bannerqc{display: block;width: 100%;}

.bannerqc img{display: block;width: 100%;}

.congtrinh{display: block;padding: 31px 0 10px 0;}

div.item_sp1{

	width:calc(100%/4 - 24px);

	text-align:center;

	float:left;

	margin:0 12px 24px 12px;

}

div.item_sp1 .img{overflow: hidden;margin-bottom: 15px;position: relative;display: block;}

div.item_sp1 .img:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;

background: rgba(67, 69, 113, 0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

div.item_sp1 .img:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;

background: rgba(67, 69, 113, 0);-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

div.item_sp1 .img:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}

div.item_sp1 .img:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

div.item_sp1 .img img{width:100%;transition: 1s;}

div.item_sp1 .img:hover img{transform: scale(1.2);}

div.item_sp1 .ten{

	color:#222222;

	font-size:16px;

	display:block;

	font-family: 'Roboto-Bold';

	line-height: 22px;

}

div.item_sp1 .ten:hover{

	color: #f00;

}

.tatcact{display: block;width: 150px;line-height: 40px; background: #0173e6;text-align: center;

margin: 0 auto 30px ;color: #fff;text-transform: uppercase;}

.tatcact:hover{color: #000;}

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



/*----------------------------------------------------*/

div.wap_pro{

	margin:15px auto;

	clear:both;

}



/*bottom*/

.mod_bottom{padding: 25px 0 35px 0;}

.khunghinhanh {

	width: 100%;

	max-width: 476px;

	margin: auto;

    overflow: hidden;

}

.hinhanhphai {

    width: calc(100% + 10px);

	margin: 0 -5px;

	margin-top: 10px;

}

.mod_video{

    float: right;

    width: 476px;

}

.tenvid{display: block;line-height: 20px; max-height: 40px;overflow: hidden;color: #3c3c3c;font-size: 12px;}

.content_titnuc {

    float: left;

    width: calc(100% - 520px);

}

.tieude_titnuc{

	text-transform:uppercase;

	color:#262626;

	line-height: 38px;

	font-size:27px;

	font-family:'UA';

	border-bottom:1px solid #d8d7d7;

	position:relative;

	margin-bottom:20px;

	padding-bottom:4px;

}

.tieude_titnuc:before{

	width:118px;

	height:2px;

	background:#de0101;

	content:'';

	position:absolute;

	bottom:0;

	left:0;

}

.titnuc_1 {

    float: left;

    width: 50.7%;

}

.titnuc_1 a.img_tt1{

	display:block;

	width: 100%;

}

.titnuc_1 a.img_tt1 img{width: 100%;transition: 0.5s;display: block;}

.titnuc_1 a.img_tt1 img:hover{opacity: 0.8;}

.titnuc_1 a.ten_tt1 {

	display: block;

    color: #242424;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    font-family: arial;

    margin-top: 8px;

    margin-bottom: 6px;

}

.titnuc_1 a.ten_tt1:hover{color: #f00;}

.titnuc_1 p.mota_tt1 {

    color: #565656;

    display: block;

    line-height: 24px;

    max-height: 72px; 

    overflow: hidden;

	font-family: arial;

}

.tintuc_conlai {

    float: right;

    width: calc(49.3% - 16px);

    max-height: 400px;

    overflow: hidden;

}

.item_ttcl {

	margin-bottom:17px;

}

.item_ttcl a.img_ttcl {

    float: left;

    margin-right: 9px;

    width: 33.1%;

}

.item_ttcl a.img_ttcl img{width: 100%;display: block;transition: 0.5s;}

.item_ttcl a.img_ttcl img:hover{opacity: 0.8;}

.item_ttcl p.mota_ttcl {

    color: #8d8d8d;

	font-family: arial;

	display: block;

	line-height: 21px;

	font-size: 12px;

}

.item_ttcl a.ten_ttcl {

	font-size:13px;

	color:#3e3e3e;

	font-family: arial;

	font-weight: bold;

	line-height: 21px;

	max-height: 63px;

	overflow: hidden;

	display: block;

}

.item_ttcl a.ten_ttcl:hover{color: #f00;}

/*-- news run --*/



/*end bottom*/

#w_footer{

	background:#0173e6;

	background-size:cover;

	color:#fff;

}

#footer{

	font-family:'Roboto-Regular';

	font-size:14px;

	padding:30px 0 44px 0;

	margin:auto;

}

.footer_1{

	float:left;

	width:47.2%;

	padding-right: 40px;

}

.footer_2{

    float: left;

    width: 26.11%;

	overflow:hidden;

}

.footer_3{

    float: right;

    width: 24.94%;

}

.face{display: block;width: 100%; max-width: 296px; margin: auto;padding-top: 11px;}

.ten_cty{

	color:#fff;

	font-size:27px;

	font-family: 'UVNBSN';

	margin-bottom:10px;

	line-height: 43px;

	display: block;

}

.footer_2 a{display: block;color: #fff; line-height: 33px;}

.footer_2 a:hover{color: #ff0;}

.td_ft{

    text-transform: uppercase;

    position: relative;

    font-size: 16px;

    font-family: 'UA';

    padding:10px 0 11px 0;

    line-height: 28px;

    display: block;

}

.copyright{padding: 12px 0;
    display: block;
    font-size: 12px;
    color: #a1a1a1;
    background: #065bb1;
    font-family: arial;
    text-align: center;
    color: #fff;
    
}

.copyright span{padding: 0 11px;}

.copyright p{display: inline-block;}

.copyright .copy {
    float: left;
}
.copyright .right {
    float: right;
}

#footer1 img{max-width: 25px !important;}

#footer1 table tr td:nth-child(3) img{
    max-width: unset!important;
    border-radius: 50%;
}

.baoab1{display: block;}

.baoab1 a{display: block;width: calc(100%/4 - 4px); margin: 0 2px 4px 2px;float: left;}

.baoab1 a img{display: block;width: 100%;}
.zalopc{
    display:none;
	position: fixed;
    right: 10px;
    top: 30%;
}
#dangkyemail{
	display: none;
	width: 50%;
}
#dangkyemail .frm_lienhe {
    width: 100%;
}
#dangkyemail .frm_lienhe .item_lienhe input[type='text']{
	border-left: 1px solid #D6D6D6;
}
#dangkyemail .frm_lienhe .item_lienhe textarea{
	width: calc(100% - 46px);
}
@media (max-width: 1024px){

	.dc{display: none !important;}

	.hot{display: none !important;}

	div#header a.logo{width: 13.67%;}

	div#header a.banner{width: 100%;}

	div#header .social_footer{width: 100%; /*margin-right: 60px;*/text-align: center;}
	div#header .social_footer a{float: none;line-height: 51px;}
	#menu{display: none !important;}
   
	#menu_mobi1{display: block !important;}
    div#menu_mobi1 .header a.hien_menu{display: none;}
	.tintuc_conlai{max-height: 100%;}

	img{height: auto !important;}

}

@media (max-width: 966px){

	div#left{width: 100% !important;}

	#right{width: 100% !important;}

	.content_titnuc{width: 100%; margin-bottom: 20px;}

	.mod_video{width: 100%;}

}

@media (max-width: 800px){

	.footer_1{width: 100%; padding: 0;margin-bottom: 20px;}

	.footer_2{width: 100%; padding: 0;margin-bottom: 20px;}

	.footer_3{width: 100%; padding: 0;}

	div.item_sp{width: calc(100%/2 - 24px);}

	div.item_sp1{width: calc(100%/3 - 24px);}

}

@media (max-width: 768px){

	#w_footer{margin-bottom: 50px;}

	#footer1{display: block !important;}

	.copy,.copyright .right{width: 100%; text-align: center;}

	.tk{width: 100%; text-align: center;}

	.baoab1 a{width: calc(100%/3 - 4px);}

	div#header .social_footer{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;

		margin: 0;}

	div#header .social_footer a{line-height: 1; padding: 5px 0;margin: 0 5px;}

	div#header a.logo{width: 30%;}

	div#header a.banner{width: 100%;text-align: center;}

	div#menu_mobi1{top: 90px;}

	div#header a.logo img{display: inline-block;}

}

@media (max-width: 568px){

    .zoom_slick{

        width:100%;

    }

    .product_info{

        width:100%;

    }
    #dangkyemail{
    	width: 90%;
    }
   	#dangkyemail:not(*:root)
    {
    	width: 90%;
    }    

    .frame_thanhtoan{width: 100% !important;}

    .content11{width: 100% !important;}

    .frm_lienhe{width: 100% !important;}

	.bando{width: 100% !important;}

	.box_news{width: calc(100% - 20px);}

	div.item_sp{width: calc(100%/2 - 24px);}

	div.item_sp1{width: calc(100%/2 - 24px);}

	.gttrai{width: 100%; padding: 0; background: none;}

	.qcphai{width: 100%;}

	.hinhtrai{width: 100%;}

	.hinhphai{width: 100%;max-height: 100%;}

	div.tieude_giua2{background: none;}

	div.tieude_giua1{background: none;}

}

@media (max-width: 480px){

	.baoab1 a{width: calc(100%/2 - 4px);}

	.titnuc_1{width: 100%;margin-bottom: 20px;}

	.tintuc_conlai{width: 100%;}

}

@media (max-width: 414px){

}

@media (max-width: 375px){

	div.item_sp{width: calc(100% - 24px);}

	div.item_sp1{width: calc(100% - 24px);}
	.dathang-goidien >a{
		font-size: 16px!important;
    	padding: 5px 20px!important;
	}
}

@media (max-width: 360px){

}

@media (max-width: 320px){

}