@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('font/Roboto-BoldItalic.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: 'RM';
    src: url('font/Roboto-Medium.woff');
}
@font-face {
    font-family: 'RL';
    src: url('font/Roboto-Light.woff');
}
@font-face {
    font-family: 'UA';
    src: url('font/UTM Avo.woff');
}
@font-face {
    font-family: 'uh';
    src: url('font/utm-helvetins.woff');
}
@font-face {
    font-family: 'RCB';
    src: url('font/RobotoCondensed-Bold.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: #0e6dd5;}
div#wapper
{ 
  margin:auto;
  background:#fff;
}
.khung{display: block; max-width: 1300px; margin: auto; width: 98%;position: relative;}
.fix_head .logo{margin-top: 0 !important;line-height: 80px !important;}
.fix_head .logo img{max-height: 80px !important;}
.fix_head #menu{margin-top: 15px !important;box-shadow: 0 0 3px #999;}
.fix_head #menu .search{box-shadow: 0 0 3px #999;}
.fix_head .hot{display: none !important;}
.content_sp{
	width:calc(100% + 26px);
	margin-left:-13px;
	margin-right:-13px;
	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: absolute;
	top: 0;
	left: 0; width: 100%;
}
div#header a.logo
{
	float: left;
	width: 250px;
	margin-top: 22px;
	line-height: 101px;
	position: relative;
	z-index: 100;
}
div#header a.logo img
{
	max-height: 101px;
	display: block;
}
.hdright{float: right; }
.hdright .hot{display: block; line-height: 44px;font-size: 15px;color: #fff;position: relative;z-index: 99;
	text-align: right;}
.hdright .hot span{font-family: 'Roboto-Bold';color: #ffff00;}
div#menu_mobi1{
	display:none;
	position: fixed;
	top: 25px;
	right: 10px;
	width: 30px;
	box-shadow: 0 0 3px #999;
	z-index: 999;
}
div.header{
	background:#fff !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: #fff;color: #000 !important;font-family: 'RCM';font-size: 18px !important;}
.header a.hien_menu:hover{color: #fff !important; background: #3da3f7;}
.mm-menu{
	background: #3da3f7 !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:50px;
	line-height:50px;
	margin:auto;
	background:#ffffff;
	z-index: 100;
	margin-top: 4px;
	margin-right: 52px;
	padding-right: 13px;
}
div#menu:after{position: absolute; content: ''; right: -6px; top: -4px; width: 6px; height: 54px; 
background: url(images/sr1.png) no-repeat;}
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:#FFF;
	height:41px;
	width:0px;
}
div#menu ul li a{
	color:#000;
	font-size:15px;
	padding:0px 16px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	font-family: 'Roboto-Regular';
}
div#menu ul li.lid a{padding: 0 4px 0 0;}
div#menu ul li a img{display: block;}
div#menu ul li.lid a:hover,div#menu ul li.lid a.active,div#menu ul li.lid a.active2{
	background: #fff;
	color: #fff;
}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{
	background: #3da3f7;
	color: #fff;
}
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:rgba(255,255,255,0.8);
	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.ul{	
	left:220px;
	top:0px;
}
div#menu ul li ul li ul.uda{right: 220px;top: 0;}
.search {
	position: absolute;
	right: -52px;
	top: -4px;
	z-index: 99;
	height: 100%;
}
.search a{
	display: block;
	float: right;
}
.search1 img{
	width:46px;
	height: 50px;
}
.an {
    transition: 1s;
    width: 0px !important;
    opacity: 0 !important;
    padding: 0 !important;
    border: 0px !important;
    height: 50px !important;
}
.hien {
	height: 50px;
	padding: 0 10px;
	outline: unset;
	border: 1px solid #c2c1c1;
}

div#slider{
	margin:auto;
}

div#main_content
{
	padding:10px 0px;
}
.gioithieu{display: block;padding: 30px 10px;max-width: 905px; width: 100%; margin: auto;text-align: center;}
.tdgt{display: block;line-height: 48px;margin-bottom: 12px;color: #121212;font-size: 30px; font-family: 'RCB';}
.motagt{display: block;line-height: 30px;color: #2e2e2e;font-size: 15px;}
div.tieude_giua{
	color:#fff;
	font-size:20px;
	font-family: 'RCB';
	height:52px;
	line-height:52px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:34px;
	background:url(images/gach1.png) repeat-x;
}
div.tieude_giua p{display: inline-block; max-width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
padding: 0 33px 0 23px;background: url(images/gach.png) no-repeat right center,#0e6dd5; }
.showdm{display: block;padding:14px 0;}
.showsp{display: block;width: 100%;}
div.wap_item{}
div.item_sp{
	width:calc(100%/4 - 26px);
	text-align:center;
	float:left;
	margin:0 13px 26px 13px;
	padding: 8px;
	border: 1px solid #ebebeb;
	background: #f5f5f5;
}
div.item_sp .img{
    overflow: hidden;
    margin-bottom: 13px;
    position: relative;
    display: block;
}
div.item_sp .img img{
	width:100%;
	transition: 1s;
}
div.item_sp .img img:hover{transform: scale(1.2);}
div.item_sp .ten{
	color:#1f1f1f;
	font-family: 'Roboto-Bold';
	display:block;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.item_sp .ten:hover{
	color: #0e6dd5;
}
div.item_sp .mota{
	color: #1f1f1f;
	font-size:14px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;	
	margin-bottom: 8px;
}

.ajax_paging{text-align: right; display: flex; justify-content: center; margin: 10px 0; 
position: absolute;top: 12px; right: 0;width: auto;}
.ajax_paging div{margin: 0px 3px; width: auto; line-height: 32px; height: 34px; background: #fff; font-size: 13px;
	cursor: pointer;transition: 1s;border: 1px solid #b2b2b2; color: #616161;padding:0 14px;}
.ajax_paging a{ color: #616161; cursor: pointer;display: block;}
.ajax_paging div.active{background: #8c8c8c; color: #fff; cursor: pointer; pointer-events: none;}
.ajax_paging div:hover{background: #8c8c8c; color: #fff;}
/* --------------------- Phan trang ------------------*/

#banggia{display: block; padding: 53px 0 27px 0;background: #f2f2f2;}
.baotdbg{display: block; text-align: center;margin-bottom: 21px;}
.baotdbg a{display: inline-block; padding: 0 43px; max-width: calc(100% - 6px);margin: 0 3px 6px 3px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap; color: #fff; background: #242424; line-height: 50px;transition: 0.5s;
font-size: 20px; font-family: 'RCB';}
.baotdbg a:hover,.baotdbg a.active{background: #0e6dd5;}
.showbanggia{display: block; width: calc(100% + 26px); margin: 0 -13px;}
.baoshowbg{width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.thongtinbg{float: left; width: calc(100%/4 - 26px); margin: 0 13px 26px 13px;}
.thongtinbg .tenbg{display: block;padding: 12px 0; line-height: 28px; border-bottom: 1px solid #ebebeb;font-size: 22px;
	text-align: center;font-family: 'Roboto-Bold';background: #fff;}
.thongtinbg .tenbg sup{font-size: 13px;}
.thongtinbg .noidungbg{display: block;padding: 15px 5px;background: #fff;}
.thongtinbg .motabg{padding: 15px 5px;background: #5b5b5b; color: #fff;}
.noidungbg1{display: block; margin: 0 13px;}
div#doitac{
	box-sizing:border-box;
}
div#doitac a img{
	height:90px;
}
#doitac{
	margin-top: 47px;
	padding: 25px 0;
}
.doitac_chay{
}
.item_doitac{
	float: left;
	width: calc(100%/6 - 6px);
	margin: 0 3px;
	display: block;
}

/*----------------------------------------------------*/
div.wap_pro{
	margin:15px auto;
	clear:both;
}

/*bottom*/
.mod_bottom{padding-top: 46px;}
.content_titnuc {
    display: block;
}
.titnuc_1 {
    float: left;
    width: 31%;
    background: #f2f2f2;
    min-height: 380px;
}
.titnuc_2{margin-left: 35px;}
.tintuc_conlai {
    float: right;
    width: calc(38% - 48px);
    max-height: 380px;
    overflow: hidden;
}
.titnuc_1 a.img_tt1{
	display:block;
	width: 100%;
}
.titnuc_1 a.img_tt1 img{width: 100%;transition: 0.5s;}
.titnuc_1 a.img_tt1 img:hover{opacity: 0.6;}
.titnuc_1 a.ten_tt1 {
	display: block;
    color: #151515;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    line-height: 22px;
    margin-top: 11px;
    margin-bottom: 3px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0 15px;
}
.titnuc_1 a.ten_tt1:hover{color: #0e6dd5;}
.titnuc_1 p.mota_tt1 {
    color: #343434;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	max-height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 17px;
	padding: 0 15px;
}
.item_ttcl {
	padding-bottom: 13px;
	border-bottom: 1px solid #ebebeb !important;
	margin-bottom:12px;
}
.item_ttcl a.img_ttcl {
    float: left;
    margin-right: 13px;
}
.item_ttcl a.img_ttcl img{width: 100%; transition: 0.5s;}
.item_ttcl a.img_ttcl img:hover{opacity: 0.6;}
.item_ttcl a.ten_ttcl {
	font-size:14px;
	font-family: 'RM';
	text-transform:uppercase;
	color:#151515;
	display: block;
	line-height: 22px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item_ttcl a.ten_ttcl:hover{color: #0e6dd5;}
.item_ttcl .ngay{display: block;line-height: 23px;color: #a2a2a2;font-style: italic;}
.item_ttcl .mota_ttcl{
	line-height: 21px;
	max-height: 63px;
	color: #4a4a4a;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}



.ykienkhachhang{display: block;padding: 46px 0;}
.baoykien{display: block; width: calc(1005 + 42px); margin: 0 -21px;}
.ykien{display: block; width: calc(100%/2 - 42px); margin: 0 21px;padding: 30px;background: #efefef;float: left;}
.ykien .img{float: left; width: 128px;display: block;overflow:hidden; border-radius: 50%;}
.ykien .img img{width: 100%; border-radius: 50%;display: block; transition: 0.5s;}
.ykien .img img:hover{transform: scale(1.2);}
.ykien .ttykien{display: block;float: right; width: calc(100% - 131px); padding-left: 53px;
	background: url(images/leyk.png) no-repeat left top;height: 135px; overflow-y: overlay;}
.ykien .ten{display: inline-block;text-transform: uppercase; font-size: 15px; color: #181818;font-family: 'Roboto-Bold';
}
.ykien .mota{display: inline-block; color: #6b6b6b;font-style: italic;}
.ykien .noidungykien{display: block; margin-top: 10px;text-align: justify;}
.chayykien .slick-dots li button:before{font-size: 50px;color: #cacaca;opacity: 1;}
.chayykien .slick-dots li.slick-active button:before{color: #e31111;opacity: 1;}
.chayykien .slick-dots li button:focus:before,.slick-dots li button:hover:before{color: #e31111;opacity: 1;}
.chayykien .slick-dots li{margin: 0 1px;}
/*end bottom*/
#w_footer{
	color:#fff;
}
#footer{
	margin:auto;
	padding: 38px 0;
	width: 100%;
	
}
.footer_1{
	float:left;
	width:36.7%;
	max-width: 477px;
	padding-right: 30px;
}
.footer_2{
    float: left;
    width: 24.8%;
    max-width: 325px;
    padding-right: 53px;
	overflow:hidden;
}
.footer_3{
    float: left;
    width: 11.6%;
    max-width: 150px;
}
.footer_4{
    float: right;
    width: 24.8%;
    max-width: 322px;
}
.td_ft{
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    color: #fff;
    font-family: 'RCB';
    padding-bottom: 7px;
    margin-bottom: 17px;
}
.td_ft:after{
	width:58px;
	height:2px;
	background:#168ad4;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
}
#map_ft{display: block;width: 100%; padding: 5px; border: 1px solid #0773cf; height: 222px;overflow:hidden;}
#map_ft iframe{width: 100% !important;height: 100% !important;}
.footer_3 a.cs{display: block; color: #fff;padding: 5px 0;}
.footer_3 a.cs:hover{color: #ff0;}


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

form#frm_lh{width:100%;display: block;position: relative;}
form#frm_lh input[type='text']
{
	width:100%;
	padding:0px 10px;
	float:left;
	margin-bottom:6px;
	border:1px solid #117bcf;
	background:#066ec0;
	outline:none;
	color:#7ebaeb;
	line-height: 29px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Roboto-Regular';
}
form#frm_lh input[type='text']::placeholder{color: #7ebaeb;}

form#frm_lh textarea{
	width:100%;
	padding:5px 10px;
	float:left;
	margin-bottom:0px;
	border:1px solid #117bcf;
	height: 75px;
	background:#066ec0;
	outline:none;
	color:#7ebaeb;
	line-height: 20px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Roboto-Regular';
}
form#frm_lh textarea::placeholder{color: #7ebaeb;}
form#frm_lh input[type='button']
{
	position: absolute;
	right: 4px; bottom: 7px;
	background:#e41111;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'Roboto-Bold';
	color:#fff;
	width:63px;
	height:31px;
	line-height:29px;
	border:1px solid #117bcf;
	cursor:pointer;
	outline: none;
	margin: auto;
	display: block;
}
form#frm_lh input[type='button']:hover{opacity: 0.8;}
.bct{display: block; margin-top: 13px;}

.copyright{display: block;padding:11px 0; line-height: 27px;color: #1a78d9;background: #085099;font-size: 13px;}
.copy{float: left;width: calc(100%/3);}
.copy span{color: #fff;}
.social_footer{float: left;width: calc(100%/3);color: #fff;text-align: center;font-size: 12px;}
.social_footer span{margin-right: 8px;}
.social_footer a{display: inline-block; margin: 0 3px;}
.social_footer a img{width: 27px; height: 27px; transition: 0.5s;}
.social_footer a img:hover{transform: rotate(360deg);}
.tk{float: right; width: calc(100%/3);text-align: right;}
.tk span.tk2{padding: 0 12px;}
.tk span.tk1{color: #fff;}
/* -- end new run --*/
#footer1{display: none;}
#footer1 img{max-width: 35px !important;}

.tieudecot{display: block;line-height: 50px; background: #3da3f7; text-align: center;font-family: 'Roboto-Bold';
font-size: 18px; text-transform: uppercase;color: #fff;}
.cottrai{float: left;width: calc(100% - 300px);}
.cotphai{float: right;width: 280px;}
.item_spc{display: block; padding: 10px;font-size: 12px;border: 1px solid #ccc;margin-bottom: 10px;}
.item_spc .img{display: block;width: 100%; margin-bottom: 10px;}
.item_spc .ten{color:#333333;display:block; line-height: 20px;font-family: 'Roboto-Bold';overflow: hidden;
max-height: 40px;}
.item_spc .ten:hover{color: #f00;}
.item_spc .mota{display: block;line-height: 21px;color: #333333;max-height: 63px; overflow: hidden;text-align: justify;}
.item_spc .mota1{display: block;line-height: 19px;color: #333333;max-height:57px; overflow: hidden;text-align: justify;}


/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}

@media (max-width: 1280px){
}
@media (max-width: 1024px){
    #menu ul li{
        display: none;
    } 
    #menu {height: 30px !important;line-height: 30px !important;margin: 0 !important; padding: 0 10px !important;
    	position: fixed !important; top: 65px; width: 42px !important;background: none !important;right: 0px !important; 
    	box-shadow: none !important;z-index: 300 !important;}
    .fix_head #menu{margin: 0 !important;}
    div#menu:after{display: none;}
    #menu_mobi1{
        display: block !important;
    }
    #header{min-height: 120px; background:#fff !important;position: relative !important;}
    #slider{min-height: 0 !important;}
    .slider_web1 .thongtinsl{left: 0 !important;bottom: 10px !important;}
    div#header a.logo{width: calc(100% - 90px);text-align: center;margin: 0 45px;z-index: 150;
    }
    div#header a.logo img{display: inline-block;}
    .hdright .hot{display: none;}
    .hdright{display: block;width: 100%;}
    .search{position: relative; width: 30px; height: 30px;float: right;top: 0; right: 0;box-shadow: 0 0 3px #999;}
    .search1 img{width: 30px; height: 30px;display: block;}
    #menu ul{width: 100%;}
    .search input{ position: absolute; top: 0; right:100%;height: 30px;transition: 1s;}
    .an{height: 30px !important;}
	.hien {
		height: 30px;
		width: 200px;
		padding: 0 10px;
		outline: unset;
		border: 1px solid #ebebeb;
	}
	.noidungbg1 table{width: 100% !important;}
}
@media (max-width: 966px){

	.baofooter{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;}
	div.item_sp{width: calc(100%/3 - 26px);}
	.footer_1{width: calc(50% - 10px);max-width: 100%; margin-bottom: 20px;padding: 0;}
	.footer_2{width: calc(50% - 10px);max-width: 100%;float: right;margin-bottom: 20px;padding: 0;}
	.footer_3{width: calc(50% - 10px);max-width: 100%;padding: 0;}
	.footer_4{width: calc(50% - 10px);max-width: 100%;}
	.copy{width: 100%; text-align: center;}
	.tk{width: 100%; text-align: center;}
	.social_footer{width: 100%;}.hdright .hot{display: none;}
	#w_footer{margin-bottom: 50px;}
	#footer1{display: block !important;}
}
@media (max-width: 800px){
	.thongtinbg{width: calc(100%/2 - 26px);}
	div.item_sp{width: calc(100%/2 - 26px);}
	div.tieude_giua p{max-width: 100%;}
	.ajax_paging{position: relative; top: 0;}
	.titnuc_2{margin: 0;}
	.titnuc_1{width: calc(50% - 10px); max-width: 100%;}
	.titnuc_1:nth-child(2){float: right;}
	.tintuc_conlai{width: 100%;margin-top: 20px;}
	.slider_web1 .thongtinsl{max-width: 270px !important;}
	div#main_content img{height: auto !important;}
	.noidungbg1 img{height: auto !important;}
	.cottrai{width: 100%;margin-bottom: 10px;}
	.cotphai{width: 100%;}
	.item_spc .img{display: none;}
}
@media (max-width: 768px){
	.copy{width: 100%; text-align: center;}
	.tk{width: 100%; text-align: center;}
}
@media (max-width: 667px){
}
@media (max-width: 640px){}
@media (max-width: 603px){}
@media (max-width: 600px){}
@media (max-width: 568px){
	div.item_sp{width: calc(100%/2 - 10px);margin: 0 5px 5px 5px;}
    .zoom_slick{
        width:100%;
    }
    .product_info{
        width:100%;
    }    
    .titnuc_1{text-align: center; width: 100%; margin-bottom: 20px;}
    .content11{width: 100% !important;}
    .frm_lienhe{width: 100% !important;}
    .bando{width: 100% !important;}
    .frame_thanhtoan{width: 100% !important;}
    .box_news{width: 100%;}
    .footer_1{width: 100%;}
    .footer_2{width: 100%;}
    .footer_3{width: 100%;margin-bottom: 20px;}
    .footer_4{width: 100%;}
    div#header{position: relative;}
    div.tieude_giua{margin-bottom: 15px}
    .gioithieu{padding: 10px}
}
@media (max-width: 480px){
	div.item_sp{width: calc(100%/2 - 10px);margin: 0 5px 5px 5px;}
	.thongtinbg{width: calc(100% - 26px);}
	div.tieude_giua p{width: 100%;}
	.slider_web1 .thongtinsl{display: none !important;}
}
@media (max-width: 414px){
	.ykien .img{float: none; margin: auto; display: block;margin-bottom: 20px;}
	.ykien .ttykien{float: none; width: 100%; display: block;}
}
@media (max-width: 375px){
}
@media (max-width: 360px){
}
@media (max-width: 320px){
}