::-webkit-scrollbar {background:#fff;width:10px;height:11px;}

::-webkit-scrollbar-thumb {background:#BBBBBB;}

*{margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
/*
.fb_iframe_widget,

.fb_iframe_widget span,

.fb_iframe_widget span iframe[style] {min-width: 100% !important;}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
*/
.video_popup {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}

.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#clickvideo{ width:100%; padding:4px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}

.addthis_native_toolbox{margin: 10px 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}

.addthis_native_toolbox b{float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}

#toptop {width: 45px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;right: 10px;cursor: pointer;background: white;transition:0.5s;z-index:200;border-radius: 50%;color: #fff;transform: rotate(-90deg);font-size: 47px;color: #0CC63B;}

#toptop i{margin-left:-1px; margin-top:-1px;}

a{cursor:pointer; text-decoration:none;}

a:hover{ color: red;}

.clear,.clearfix{ clear:both;}

.clearfix:after{content:''; background:transparent; width:100%; display:block;}

img{max-width:100% !important; height:auto; }

div.bando img{max-width:none !important;}

div.map iframe{max-width:100% !important;}

.hidden_mobi{display: block;}

.hidden_destop{display: none;}



body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:1.5;

	

}

@font-face {

    font-family: 'body';

    src: url('font/OpenSans-Regular.ttf');

}

@font-face {

    font-family: 'menuindex';

    src: url('font/Lato-Regular.ttf');

}

@font-face {

    font-family: 'menu';

    src: url('font/OpenSans-Semibold.ttf');

}

@font-face {

    font-family: 'tieude';

    src: url('font/OpenSans-Bold.ttf');

}

@font-face {

    font-family: 'tieudemot';

    src: url('font/UTM Beautiful Caps.ttf');

}

@font-face {

    font-family: 'tieudehai';

    src: url('font/UTM Helve.ttf');

}



b,strong

{

	font-family: 'tieude';

}

div#wapper

{

  margin:auto;

  max-width:1366px;

  min-width:320px;

  background:#fff;

}

div.wap_thongtin

{

	padding: 9px 0;

	background: #f4f4f4;

	font-size: 13px;

}

div.thongtin

{

	max-width:1200px;

	margin:auto;

}

div.thongtin span

{

	display:inline-block;

	vertical-align:top;

	margin-right: 4%;

}

div.thongtin i

{

	margin-right: 6px;

	font-size:17px;

}

div.mxh_top

{

	float:right;

}

div.mxh_top a img

{

	height:20px;

	margin:0px 2px;

}

div.header

{

	position:relative;

	margin:auto;

	height: 100%;

}

div.header a.logo

{

	display:block;

	line-height:0;

}

div.header .logo_mobi

{

	display:none;

}

div.header a.logo img

{

	width:100%;

}

.menu_login

{

	list-style:none;

	position:absolute;

	top:5px;

	right: 110px;

}

.menu_login li

{

	display:inline-block;

}

.menu_login li a

{

	text-decoration:none;

	color: #c8000d;

	border-right:1px solid #fff;

	padding:0px 5px;

	font-weight: bold;

}



div#lang

{

	position:absolute;

	top:5px;

	right:10px;

}

div#lang a img

{

	margin-left:3px;

	height: 20px;

}

.sang_header

{

	top: 30%;

    left: 5%;

}

div.menu_mobi,div.menu_mobi_add

{

	display:none;

}

div.wap_menu

{

	position: absolute;

	background: #0CC63B;

	height: 46px;

	line-height: 46px;

	margin:auto;

	right: 6%;

	top: 75px;

	border-radius: 30px;

}

div.menu

{

	max-width:1200px;

	margin:auto;

	position: relative;

}

div.menu ul

{

  float:left;

  list-style:none;

}

div.menu ul li

{

  float:left;

  position:relative;

  z-index:50;

}

div.menu ul li.line

{

	background: url(images/line.png)no-repeat;

	height: 46px;

	width: 2px;

}



div.menu ul li a

{

	color:#fff;

	font-size:14px;

	padding: 0px 36px;

	text-decoration:none;

	text-transform:uppercase;

	display:block;

	font-family: 'menu';

}



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

{

	color: yellow;

}

div.menu ul li ul,div.menu ul li:hover ul li ul

{

	position:absolute;

	margin-left:0px;

	display:none;

	min-width: 200px;

	background: #0CC63B;

	line-height: 1.7;

}

div.menu ul li ul li

{

    float:none;

}

div.menu ul li ul li a

{

	padding: 8px 10px;

	text-transform:none;

	display:block;

	border-bottom: 1px solid rgba(0,0,0,0.2);

	font-size: 14px;

}

div.menu ul li ul li ul

{

	left:100%;

	top:0px;

}

div.search

{

	position: absolute;

	right: 38%;

	top: 22px;

	border-radius: 18px;

	height: 38px;

	width: 16%;

	display: none;

	border: 1px solid #0AC338;

}

div.search input

{

	  padding: 0px 10px;

	  float: left;

	  margin-top: 11px;

	  border: none;

	  background: none;

	  width: 75%;

	  outline: none;

	  color: #FFF;

	  font-style: italic;

}

div.search i

{

	float: right;

	margin-right: 12px;

	margin-top: 9px;

	color: #0AC338;

	font-size: 17px;

	cursor: pointer;

}

.baoheader{

	

position: fixed;

	

top: 0px;

	

z-index: 999;

	

height: 130px;

	

width: 1366px;
background: rgba(0, 0, 0, 0.3);

}

div.slider

{

	margin:auto;

	overflow: hidden;

	position: relative;

}

div.left

{

	width:240px;

	float:left;

}

div.tieude

{

	color: #0CC63B;

	text-align: left;

	height: 38px;

	line-height: 38px;

	font-weight:bold;

	text-transform:uppercase;

	font-family: 'tieude';

	font-size: 18px;

	border-bottom: 1px solid #0CC63B;

}

div#danhmuc

{

	border-bottom:none;

}

div.danhmuc

{

	/* border:1px solid #d6d6d6; */

	margin-bottom:15px;

}

div.danhmuc:last-child

{

	margin-bottom:0;

}

div#danhmuc ul

{

	list-style:none;

}

div#danhmuc ul li

{

}

div#danhmuc ul li:last-child

{

	border:none;

}

div#danhmuc ul li a

{

	color: #454545b5;

	font-family: 'menu';

	text-decoration: none;

	font-size: 13px;

	transition: 0.4s;

	display: block;

	border-bottom: 1px solid #DDD;

	padding: 9px 5px 9px 0px;

}

div#danhmuc ul li a:hover,div#danhmuc ul li a.active

{

	color:red;

	transition:0.4s;

}

div#danhmuc ul li ul li a

{

	 padding: 9px 5px 9px 18px;

}

div#danhmuc ul li ul

{

	display:none;

}

div.item_tin

{

	border-bottom:1px dashed #DDDDDD !important;

	padding:10px 10px;

}

div.item_tin .img_news

{

	width:35%;

	max-width:150px;

	border:1px solid #d6d6d6;

	float:left;

	margin-right:10px;

}

div.item_tin .name_news a

{

	text-decoration:none;

	color:#111111;

	font-size:13px;

	transition:0.4s;

}

div.tinmoi .name_news a:hover

{

	color:red;

	transition:0.4s;

}

div.load_video

{

	width:95%;

	margin:7px auto;

}

div.hotro

{

	background: url(images/bg_hotro.png) left 40px no-repeat;

}

div.hotro .phone

{

	 color: #f10b0b;

    font-size: 24px;

    font-weight: bold;

    padding-top: 62px;

    padding-left: 80px;

    padding-bottom: 10px;

    margin-right: 20px;

    font-style: italic;

}

div.hotro ul

{

	list-style: none;

    border-bottom: 1px dashed #DDDDDD;

    padding: 7px;

    margin: 0px 10px;

    font-size: 13px;

}

div.hotro ul li

{

	clear: both;

    padding: 6px 0;

    color: #555555;

}

div.hotro ul li i

{

	font-size:17px;

	margin-right:8px;

	clear:both;

}

div.hotro ul li span

{

	color: #3853a4;

    font-weight: normal;

    font-size: 14px;

    margin-top: 3px;

    float: left;

}

div.hotro ul li a img

{

	margin-right: 5px;

    float: left;

	width:25px;

}

div#quangcao img

{

	width:90%  !important;

	max-width:300px !important;

	border:1px solid #DDD;

	margin:5px auto;

	padding:4px;

	box-sizing:border-box;

}

div#quangcao img:hover

{

	border:1px solid red;

}

div#dknt

{

	max-width:350px;

}

form#frm_dknt

{

	background:#fff;

	height: 40px;

	margin:10px 0;

}

form#frm_dknt input[type='text']

{

	width: 75%;

	padding: 0px 8px;

	float:left;

	margin-top: 12px;

	border:none;

	background:none;

	outline:none;

	color:#000;

	outline:none;

}

form#frm_dknt input[type='button']

{

	background:red;

	color:#fff;

	width: 70px;

	height: 40px;

	line-height: 40px;

	border:none;

	cursor:pointer;

	float:right;

	/* text-transform:uppercase; */

	outline:none;

	font-weight: bold;

}

div.main_content

{

	margin: 0px auto;

}

div.right

{

	width: calc(100% - 255px);

	float:right;

}

div.tieude_giua

{

	color: #0CC63B;

	font-size:14px;

	text-transform:uppercase;

	text-align: left;

	font-size:25px;

	font-family: 'tieude';

	position:relative;

	margin-bottom:12px;

	margin-top: 20px;

	border-bottom: 1px solid #0CC63B;

}

div.tieude_giua:before

{

	height:2px;

	width:60px;

	left:50%;

	bottom:-5px;

	margin-left:-30px;

	background: #0CC63B;

	position:absolute;

}

div.wap_item

{

	position:relative;

	text-align:center;

	display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-flow: row wrap;

}

div.item

{

	width: calc( 90% /3);

	margin: calc( 15% /9);

	text-align:center;

	display:inline-block;

	vertical-align:top;

}

div.item .sp_img

{

	overflow:hidden;

	border:1px solid #DDDDDD;

	margin-bottom:10px;

}

div.item .sp_img a

{

	display:block;

	line-height:0;

}

div.item a img

{

	width:100%;

	height:100%;

}

div.item .sp_name a

{text-decoration: none;color: #000;font-weight: normal;font-size: 15px;display: block;font-family: menu;text-transform: uppercase;}

div.item .sp_name a:hover

{

	transition:0.4s;

	color:red;

}



div.item .sp_gia .gia,div.item .sp_gia .giakm

{

	color:red;

	font-size:13px;

}

div.item .sp_gia span.giacu

{

	color:#666666;

	text-decoration:line-through;

	float:left;

}



div.wap_tintuc

{

	margin:30px auto;

	padding:30px 0;

	background: #efefef;

}

div.bao_tintuc

{

	max-width:1200px;

	margin:0px auto;

}

div.tintuc

{

	width:32%;

	float:left;

}

div.video

{

	width:32%;

	float:left;

	margin-left:2%;

}

div.fanpage

{

	width:32%;

	float:right;

	overflow:hidden;

}

div.tieude2

{

	border-bottom: 1px solid #01518c;

	font-family:'tieude';

	font-size: 22px;

	padding-bottom: 5px;

	position:relative;

	margin-bottom: 15px;

	text-transform: uppercase;

	/* color: #545454; */

}

div.tieude2:before

{

	content:'';

	height:3px;

	width:80px;

	position:absolute;

	background: #01518c;

	left:0;

	bottom:0;

}

div.item_tnb

{

	border-bottom:1px dashed #DDDDDD !important;

	padding:10px 0;

}

div.item_tnb .img_news

{

	width:35%;

	max-width:150px !important;

	border:1px solid #d6d6d6;

	float:left;

	margin-right:10px;

}



div.item_tnb .name_news a

{

	text-decoration: none;

	color: #111111;

	font-size: 14px;

	transition: 0.4s;

	margin-bottom: 5px;

	display: block;

}

div.item_tnb .name_news a:hover

{

	color:red;

	transition:0.4s;

}

div.wap_copy

{

	background: #1C1C1C;

	color:#fff;

	text-align: center;

	font-size: 13px;

}

div.copy

{

	max-width:1200px;

	margin:auto;

	border-top: 1px solid #ffffff17;

	padding: 20px 0px;

}

div.copy ul

{

	list-style:none;

	float:right;

}

div.copy ul li

{

	padding:0px 10px;

}

div.wap_footer

{

	background: #1C1C1C;

	padding-top: 45px;

	padding-bottom: 30px;

	margin:auto;

	color:#fff;

}

div.footer

{

	max-width:1200px;

	margin:auto;

}

div#main_footer

{

	width: 32%;

	float:left;

}

div#main_footer .ten

{

	text-transform:uppercase;

	font-family:'tieude';

	font-size:23px;

	margin-bottom:15px;

	margin-top: -8px;

}

div#main_footer ul

{

	list-style:none;

}

div#main_footer ul li

{

	margin:9px 0;

	font-size:14px;

}

div#main_footer ul li i

{

	width:30px;

	height:30px;

	border:1px solid #f9f9f9;

	text-align:center;

	border-radius:3px;

	line-height:30px;

	margin-right:8px;

	font-size: 18px;

}

div.mxh

{

	margin-top:10px;

}

div.mxh a

{

	display:inline-block;

	vertical-align:top;

	margin:0px 2px;

}

div.mxh a img

{

	max-height:35px;

	border-radius:4px;

}

div.mxh a img:hover

{

	transition:1s;

	transform:rotate(360deg);

}

div#thongke

{

	width: 25%;

	float:right;

}

.td_ft

{

	font-size:15px;

	text-transform:uppercase;

	font-family:'tieude';

	margin-bottom:10px;

}

div#thongke ul

{

	list-style:none;

}

div#thongke ul li

{

	clear:both;

	padding: 6px 0px;

}

div#thongke ul li img

{

	float:left;

	margin-right:15px;

	width:16px;

	margin-top:2px;

}

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

div.wap_doitac

{

	padding:20px 0;

}

div.doitac

{

	box-sizing:border-box;

	max-width:1200px;

	margin:auto;

}



div.doitac img

{

	height:80px;

	margin:0 8px;

	border:1px solid #DDD;

}

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

div.wap_pro

{

	clear:both;

	margin:30px 0;

}

.zoom_slick

{

	width:40%;

	float:left;

	text-align:center;

}

.zoom_slick .slick2

{

	border:1px solid #DDD;

}



.zoom_slick .slick

{

	margin-top:5px;

}



.zoom_slick .slick img

{

	width:95%;

	margin:auto;

	border:1px solid #DDD;

	box-sizing:border-box;

	cursor:pointer;

}

.zoom_slick .slick img:hover

{

	border:1px solid #F60;

	opacity:0.5;

	transition:1s;

}



.product_info

{

	float:right;

	list-style:none;

	width:57%;

}

.product_info li

{

	font-size:13px;

	border-bottom:1px solid #EEE;

	padding:10px 0;

}

.product_info li.ten

{

	color: #000;

	font-size: 17px;

	font-family:'tieude';

	text-transform: uppercase;

}

.product_info li.giakm,.product_info li.gia

{

	font-size:15px;

	color:red;

	position:relative;

	font-family:'tieude';

}

.product_info li.giacu

{

	text-decoration:line-through;

	color:#222222;

}

.product_info li.giakm .tinh_phantram

{

	background: red;

    color: #fff;

    width: 35px;

    display: block;

    height: 35px;

    line-height: 35px;

    border-radius: 50%;

    font-size: 12px;

    text-align: center;

    position: absolute;

    right: 30%;

    top: 0;

}



.product_info li b

{

	font-weight:normal;

	font-size:14px;

}

.xemgiohang

{

	color: #E80019;

	display: block;

	width: 120px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	text-align: center;

	font-weight: bold;

	cursor: pointer;

	font-size: 15px;

	transition: 0.4s;

	margin: auto;

	margin-top: 7px;

	text-decoration: none;

}

.product_info li .add_to_cart

{

	background: #e93b35;

	color: #fff;

	display: block;

	max-width: 300px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	text-transform: uppercase;

	cursor: pointer;

	font-size: 14px;

	transition: 0.4s;

}

.product_info li .add_to_cart i

{

	margin-right:10px;

	font-size: 19px;

	margin-top:3px;

}

.product_info li .add_to_cart:hover

{

	transition:0.4s;

	background:#E00;

}

span.size {

    display: inline-block;

    padding: 2px 10px;

    border: 1px solid #DDD;

    border-radius: 3px;

    margin-right: 5px;

    cursor: pointer;

}

span.mausac {

    display: block;

    float: left;

    border: 1px solid #DDD;

    width: 30px;

    height: 30px;

    margin-right: 5px;

    cursor: pointer;

    font-size: 0;

}

span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {

    border: 1px solid #EE0000;

}

input.soluong

{

	padding: 3px 0;

    width: 55px;

    border: 1px solid #dedede;

    text-align: center;

}

.tbl_giohang{text-align:center; background:#f1f1f1; width:100%; font-size:13px; margin-bottom:20px; border:1px solid #DDD; border-collapse:collapse; padding:1px; }

.tbl_giohang td{ border:1px solid #e2e2e2;}

.tbl_giohang .dong_gh{ background:#fff;}

.tbl_giohang .img_gh{ height:50px;}

.tbl_giohang .xoa_gh{ cursor: pointer;color: #000000;font-size: 17px;}

.tbl_giohang .xoa_gh:hover{color:red;}

.tbl_giohang .sl_gh{ text-align:center; border:1px solid #DDD; padding:3px 5px; width:60px;}

.tbl_giohang .tongtien_gh{background: #F0F0F0;text-align: right;line-height: 50px;padding-right: 20px;font-size: 15px;font-weight: bold;color: #000000;}

.tieptuc{

	padding: 10px 25px;

    background: #ee0303;

    border: none;

    color: #fff;

    margin: 10px 0px;

    font-size: 13px;

    cursor: pointer;

    box-sizing: border-box;

    text-transform: uppercase;}

.click_ajax2{

	padding: 10px 25px;

    background: #111111;

    border: none;

    color: #fff;

    margin: 10px 0px;

    font-size: 13px;

    cursor: pointer;

    box-sizing: border-box;

    text-transform: uppercase;}

@-webkit-keyframes star {

  0% {

    -webkit-transform: rotate(0) scale(0);

  }

  50% {

    -webkit-transform: rotate(180deg) scale(1.5);

  }

  100% {

    -webkit-transform: rotate(360deg) scale(0);

  }

}

@-o-keyframes star {

  0% {

    -o-transform: rotate(0) scale(0);

  }

  50% {

    -o-transform: rotate(180deg) scale(1.5);

  }

  100% {

    -o-transform: rotate(360deg) scale(0);

  }

}

@-moz-keyframes star {

  0% {

    -moz-transform: rotate(0) scale(0);

  }

  50% {

    -moz-transform: rotate(180deg) scale(1.5);

  }

  100% {

    -moz-transform: rotate(360deg) scale(0);

  }

}

.start-animate {

	z-index: 99999999999999999 !important;

	position: absolute;

	animation: star linear 1.75s infinite;

	-moz-animation: star linear 1.75s infinite;

	-webkit-animation: star linear 1.75s infinite;

	-o-animation: star linear 1.75s infinite;

}

@keyframes star {

  0% {

    transform: rotate(0) scale(0);

  }

  50% {

    transform: rotate(180deg) scale(1.5);

  }

  100% {

    transform: rotate(360deg) scale(0);

  }

}



.tbl_banggia

{

	width:100%;

	border-collapse : collapse;

	font-size:14px;

	text-align:center;

	font-size:13px;

}

.tbl_banggia th

{

	font-size:15px;

	background: #e8e8e8;

}

.tbl_banggia th, .tbl_banggia td {

    border: 1px solid #d2d2d2;

    padding: 10px 1%;

}

.chinhsach{

    

width: 19%;

    

float: left;

    

margin-left: 20px;

    

margin-right: 0px;

}

.ten_ft:before{

	content:'';

	width: 50px;

	height: 2px;

	background: #09C238;

	position: absolute;

	bottom: 0px;

}

.ten_ft{

    

text-transform: uppercase;

    

font-size: 18px;

    

margin-bottom: 20px;

    

font-family: menu;

    

position: relative;

    

padding-bottom: 8px;

}

.chinhsach ul li{

    

margin-bottom: 10px;

    

background: url(images/bg_xanh.jpg)no-repeat 0px;

    

padding-left: 14px;

}

.chinhsach ul li a{

    

font-size: 15px;

    

color: #fff;

}

/*open dang ky nhan tin*/

.item_dangky_dk input{

	width: 100%;

	padding: 8px 0px;

	background: #fff;

	/* border-radius: 10px; */

	border: none;

	padding-left: 10px;

}

.item_dangky_dk{

	margin-bottom: 10px;

	width: 49.6%;

	display: inline-block;

	vertical-align: top;

}

.item_dangky_dk_k input:hover{

	

color: yellow;

	

cursor: pointer;

}

.ten_fo{

	color: #fff;

    text-align: center;

    margin-top: 19px;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}

.in_k_dk{

	width: 100%;

	background: #F0F0F0;

	/* border-radius: 10px; */

	height: 60px;

	padding-left: 10px;

	border: none;

}

.item_dangky_dk_k input{

	/* width: 100%; */

	background: #04BC32;

	height: 40px;

	line-height: 31px;

	text-align: center !important;

	color: #fff;

	/* font-weight: bold; */

	/* padding-right: 28px; */

	font-size: 13px;

	border: none;

	width: 94px;

	border-radius: 3px;

}

.item_dangky_dkhai input{

	width: 100%;

	padding: 13px 0px;

	background: url(images/sms_1.png)no-repeat;

	background-color: #fff;

	/* border-radius: 10px; */

	border: none;

	padding-left: 60px;

	padding-bottom: 12px;

}

.item_dangky_dkhai{

	margin-bottom: 10px;

	width: 100%;

	display: inline-block;

	vertical-align: top;

	border-radius: 3px;

	overflow: hidden;

}

.bao_form_dk{

	position: relative;

	margin-top: 15px;

}

.item_dangky_dk_k{

	     top: 0px; 

	     right: 0px;

}

.themdkdk{

	width: 100% !important;

}

/*close dang ky nhan tin*/



.gia_hhh{



font-size: 14px;



margin-top: 8px;

}

.hhh_left{



width: 49%;



float: left;



color: #00000075;



text-decoration: line-through;

}

.hhh_right{

	

width: 49%;

	

float: right;

	

color: #d23734;

	

font-weight: bold;

}



.tinh_phantram_2{

	background: red;

	color: #fff;

	width: 35px;

	display: block;

	height: 35px;

	line-height: 35px;

	border-radius: 50%;

	font-size: 12px;

	text-align: center;

	position: absolute;

	right: 10px;

	top: 10px;

}



.laylink{



height: 40px;





border-bottom: 1px solid #DDD;



line-height: 40px;



margin-bottom: 10px;

}

.laylink ul{



}

.laylink ul li{



display: inline-block;



vertical-align: top;

}



.laylink ul li a{

	

color: #0000008c;

	

text-transform: uppercase;

	

font-family: menu;

	

font-size: 13px;

}

.xeo{

	background: url(images/xeo.png)center no-repeat;

	width: 6px;

	height: 40px;

	margin: 0px 5px;

}

.laylink ul li a:hover{

	color: #F7931E;

}

.bt_trai{



width: 23px;



height: 23px;



margin-right: 3px;



border: 1px solid #dedede;



background: #fff;



margin-left: 10px;

}

.bt_phai{

	

width: 23px;

	

height: 23px;

	

margin-right: 3px;

	

border: 1px solid #dedede;

	

background: #fff;

}





.bao_chiduong{

	position: fixed;

	width: 85px;

	height: 85px;

	right: 50px;

	bottom: 125px;

	/* background: red; */

}

.baonuah{

	position: relative;

	width: 85px;

	height: 85px;

	/* background: #000; */

}

.baonuah:before{

	content: '';

	border: 1px solid #00aff2;

	width: 60px;

	height: 60px;

	position: absolute;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	 animation: 1s ease-in-out 0s normal none infinite running tora;

}

.baonuah:after{

	content: '';

	

	width: 50px;

	height: 50px;

	position: absolute;

	border-radius: 50%;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	 animation: 1s ease-in-out 0s alternate none infinite running torahai;

	     background-color: rgba(0,175,242,0.5);

	     z-index: -1;

}

.chiduong{

     

background: #00aff2;

     

width: 50px;

     

height: 50px;

     

position: relative;

     

text-align: center;

     

line-height: 50px;

     

border-radius: 50%;

     

top: 50%;

     

left: 50%;

     

margin-right: -50%;

     

transform: translate(-50%, -50%);

}

.chiduong a{

    

color: #fff;

    

font-size: 24px;

}

.chiduong a i{

     animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;

}









@keyframes ring-alo-circle-img-anim {

	0% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

	10% {

	    transform: rotate(-25deg) scale(1) skew(1deg);

	}

	20% {

	    transform: rotate(25deg) scale(1) skew(1deg);

	}

	30% {

	    transform: rotate(-25deg) scale(1) skew(1deg);

	}

	40% {

	    transform: rotate(25deg) scale(1) skew(1deg);

	}

	50% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

	100% {

	    transform: rotate(0deg) scale(1) skew(1deg);

	}

}





@keyframes tora {

	from{

		width: 60px;

		height: 60px;

		opacity: 1;

	}

	to{

		width: 85px;

		height: 85px;

		opacity: 0;

	}

}

@keyframes torahai {

	from{

		width: 50px;

		height: 50px;

		

	}

	to{

		width: 60px;

		height: 60px;

		

	}

}



.logo_1{



}



.logo_1{

  

left: 6%;

  

position: absolute;

  

top: 2px;

}

.logo_1 img{

  

}

.dienthoai{

  

position: absolute;

  

top: 0px;

  

right: 6.5%;

  

font-size: 17px;

  

background: url(images/dt.png)no-repeat left top;

  

padding-left: 45px;

  

padding-bottom: 6px;

  

padding-top: 25px;
color: #FFF;

}

.dienthoai span{

  

color: #ffcc66;

  

font-size: 21px;

}





.gioithieu{

  

background: url(images/bg_gt.jpg);

  

padding-bottom: 50px;

}

.gioithieu_1200{

  

width: 88%;

  

margin: auto;

  

height: 520px;

  

position: relative;

}

.gachtrang{

  

border: 6px solid #fff;

  

width: 52%;

  

height: 335px;

  

position: absolute;

  

left: 0px;

  

top: 157px;

}

.gt_left{

  

width: 42.5%;

  

position: absolute;

  

left: 10%;

  

top: 100px;

  

overflow: hidden;

}

.gt_left img:hover{

	

transition: 0.5s;

	

transform: scale(1.2);

}

.gt_left img{

  

display: block;

  

width: 100%;

  

transition: 0.5s;

}

.gt_right{

  

width: 52%;

  

float: right;

  

height: 100%;

  

background: #fff;

  

padding-top: 50px;

  

padding-left: 116px;

  

padding-right: 40px;

}

.tengttren{

  

font-family: tieudemot;

  

color: #04BC32;

  

font-size: 64px;

}

.tengtduoi{

  

font-family: tieudehai;

  

text-transform: uppercase;

  

font-size: 22px;

}

.mota_gtgt{

  

margin-top: 20px;

  

font-size: 14px;

  

text-align: justify;

  

line-height: 27px;

  

color: #000000ad;

}

.xemthem_gt{

  

width: 145px;

  

height: 45px;

  

background: #04BC32;

  

line-height: 45px;

  

text-align: center;

  

border-radius: 25px;

  

margin-top: 20px;

}

.xemthem_gt a{

  

color: #fff;

  

text-transform: uppercase;

  

font-size: 14px;

  

display: block;

}

.xemthem_gt a:hover{

  

color: yellow;

}



.tienich{

  

background: #04BC32;

  

padding: 40px 0px;

}

.tienich_1200{

  

width: 88%;

  

margin: auto;

}

.wap_tienich{

  

margin: 0px -10px;

}

.itu{

  

width: 95%;

  

margin: auto;

  

border: 2px solid #fff;

  

padding: 10px 20px;

}

.itu img{

  

float: left;

  

padding-right: 20px;

}

.bao_mmoota{

}

.bao_mmoota h3{

  

font-family: menu;

  

text-transform: uppercase;

  

color: #fff;

  

margin-top: 3px;

}

.mota_tieuchi{

  

color: #fff;

  

font-size: 14px;

  

text-align: justify;

}





.taisao{

  

padding-top: 40px;

  

padding-bottom: 60px;

}

.taisao_1200{

  

width: 60%;

  

margin: auto;

  

text-align: center;

}

.tentaisao{

  

font-family: tieudemot;

  

color: #04BC32;

  

font-size: 56px;

  

text-align: center;

}

.slogan_mota{

  

font-family: tieudehai;

  

text-transform: uppercase;

  

font-size: 24px;

}

.taisao_1200 img{

  

margin-top: 20px;

}

.tentsduoi{

  

font-family: tieudehai;

  

text-transform: uppercase;

  

font-size: 21px;

  

margin-top: 20px;

}

.motatsduoi{

  

font-size: 14px;

  

color: #000000ad;

  

margin-top: 20px;

  

line-height: 25px;

}

.xemthem_tsduoi{

  

width: 145px;

  

height: 45px;

  

background: #04BC32;

  

line-height: 45px;

  

text-align: center;

  

border-radius: 25px;

  

margin: auto;

  

margin-top: 30px;

}

.xemthem_tsduoi a{

  

color: #fff;

  

text-transform: uppercase;

  

font-size: 14px;

  

display: block;

}

.xemthem_tsduoi a:hover{

  

color: yellow;

}





.nhamay{

  

background: #F4F4F4;

  

padding-top: 50px;

  

padding-bottom: 50px;

}

.nhamay_1200{

  

width: 88%;

  

margin: auto;

}

.nhamay_left{

  

width: 41%;

  

float: left;

}

.tennhamay{

  

font-family: tieudemot;

  

color: #04BC32;

  

font-size: 56px;

  

text-align: left;

}

.slogannhamay{

  

font-family: tieudehai;

  

text-transform: uppercase;

  

font-size: 24px;

}

.motanhamay{

  

font-size: 14px;

  

text-align: justify;

  

line-height: 26px;

  

color: #000000ad;

  

margin-top: 20px;

}

.xemthem_mota{

  

width: 145px;

  

height: 45px;

  

background: #04BC32;

  

line-height: 45px;

  

text-align: -webkit-auto;

  

border-radius: 25px;

  

margin-top: 40px;

  

text-align: center;

}

.xemthem_mota a{

  

color: #fff;

  

text-transform: uppercase;

  

font-size: 14px;

  

display: block;

}

.xemthem_mota a:hover{

  

color: yellow;

}

.nhamay_right{

  

width: 48%;

  

float: right;

}

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





div.item_tc

{

	width: 90%;

	margin: auto;

	text-align:center;

	border: 1px solid #DDDDDD;

	padding: 9px;

	border-bottom: 4px solid #DDDDDD;

}

div.item_tc .sp_img

{

	overflow:hidden;

	/* border:1px solid #DDDDDD; */

	margin-bottom:10px;

}

div.item_tc .sp_img a

{

	display:block;

	line-height:0;

}

div.item_tc a img

{

	width:100%;

	height:100%;

}

div.item_tc .sp_name a

{

	text-decoration:none;

	color: #000;

	font-weight:normal;

	font-size: 15px;

	display:block;

	font-family: menu;

	text-transform: uppercase;

}

div.item_tc .sp_name a:hover

{

	transition:0.4s;

	color:red;

}





.sanphamnoibat{

  

padding-top: 40px;

  

padding-bottom: 40px;

}

.spnb_1200{

  

width: 88%;

  

margin: auto;

}

.wap_camnang{

	

margin: 0px -12px;

	

margin-top: 30px;

}

.tensp_chung{

  

font-family: tieudemot;

  

color: #0BA038;

  

font-size: 56px;

  

text-align: center;

}

.sloganchung{

  

font-family: tieudehai;

  

text-transform: uppercase;

  

font-size: 24px;

  

text-align: center;

}

.wapspnb{

  

margin: 0px -14px;

  

margin-top: 25px;

}

.quangcao{



}

.quangcao img{



width: 100%;



display: block;

}

.gia_f{



font-size: 15px;



color: #000000c4;

}

.gia_f span{



color: #B00000;



font-family: menu;



font-size: 16px;

}

div.item_cn h3{

	

height: 42px;

	

overflow: hidden;

}







div.item_cn

{

	width: 93%;

	margin: auto;

	text-align: left;

}

div.item_cn .sp_img

{

	overflow:hidden;

	/* border:1px solid #DDDDDD; */

	/* box-shadow:5px 5px 0px #f2f2f2; */

	margin-bottom:10px;

	position: relative;

}

div.item_cn .sp_img a

{

	display:block;

	line-height:0;

}

div.item_cn a img

{

	width:100%;

	height:100%;

}

div.item_cn .sp_name a

{

	text-decoration:none;

	color: #000;

	font-weight:normal;

	font-size: 15px;

	display:block;

	font-family: menu;

}

div.item_cn .sp_name a:hover

{

	transition:0.4s;

	color:red;

}

.mota_camnang{



}





.mota_camnang{

  

font-size: 14px;

  

color: #000000bd;

  

margin-top: 5px;

}

.xemthem{

  

margin-top: 10px;

}

.xemthem a{

  

color: #04BC32;

  

font-family: tieude;

  

font-size: 15px;

}

.xemthem a:hover{

  color: red;

}





.camnang{

  

padding-top: 35px;

  

padding-bottom: 50px;

}

.camnang_1200{

  

width: 88%;

  

margin: auto;

}

.ngay_tun{

  

position: absolute;

  

width: 74px;

  

height: 64px;

  

background: #04BC32;

  

bottom: 0px;

  

left: 0px;

  

font-size: 14px;

  

color: #fff;

  

padding-top: 10px;

  

text-align: center;

}

.ng_1{

  

}

.ng_2{

  

}





.doingu{

  

background: #F3F3F3;

  

padding-top: 40px;

}

.doingu_1200{

  

}

.wap_huonggao{

  

margin-top: 30px;

}

.i_tom{

  

}

.i_tom img{

  

padding: 1px;

}







.ft_22{

    

width: 16%;

    

float: left;

    

margin-left: 35px;

}

.ft_22 ul{

    

list-style: none;

}

.ft_22 ul li{

    

margin-bottom: 10px;

    

background: url(images/bg_xanh.jpg)no-repeat 0px;

    

padding-left: 15px;

}

.ft_22 ul li a{

    

color: #fff;

    

font-size: 14px;

}

.ft_22 ul li a:hover{

    

color: yellow;

}

.chinhsach ul{

    

list-style: none;

}

.chinhsach ul li a:hover{

    

color: yellow;

}



.wap_huonggaotrong{

	

position: relative;

	

text-align: center;

	

display: -webkit-box;

	

display: -moz-box;

	

display: -ms-flexbox;

	

display: -webkit-flex;

	

display: flex;

	

flex-flow: row wrap;

	

margin-top: 20px;

}

.i_tom_2{

	

width: calc( 90% /4);

	

margin: calc( 10% /8);

	

display: inline-block;

	

vertical-align: top;

}

.i_tom_2 img{

	

width: 100%;

	

display: block;

}

.i_tom_2 img:hover{

	

}



.trongsanpham{

	

padding-top: 30px;

	

padding-bottom: 20px;

}

.trongsp_1200{

	

width: 88%;

	

margin: auto;

}

.bao_hethong h3{



position: relative;

}

.bao_hethong h3:before{

	content:'';

	width: 100px;

	height: 2px;

	background: #04BC32;

	position: absolute;

	left: 3px;

	bottom: 0px;

}

.trongspleft{

	

width: 20%;

	

float: left;

}

.trongspright{

	

width: 78%;

	

float: right;

}

.timheader{

	

display: block !important;

}





.bao_hethong{

	

float: right;

	

width: 46%;

	

background: #F6F4EF;

	

padding: 25px;

	

padding-top: 85px;

	

min-height: 552px;

}

.xemthem_hethong{

	

width: 145px;

	

height: 45px;

	

background: #04BC32;

	

line-height: 45px;

	

text-align: center;

	

border-radius: 25px;

	

margin-top: 20px;

}

.xemthem_hethong a{

	

color: #fff;

	

text-transform: uppercase;

	

font-size: 14px;

	

display: block;

}

.xemthem_hethong a:hover{

	

color: yellow;

}

.box_news:nth-child(2n+1) img{



float: right;

}



.box_news:nth-child(2n+1) .bao_hethong{



float: left;



background: #fff;

}

.them_td{

	

margin-top: 0px !important;

}

.bao_pphh{

	width: 88%;

	margin: auto;

}

.h_tiem{

	

width: calc( 90% /4) !important;

	

margin: calc( 10% /8) !important;

}

.llpp_td{

	width: 88%;

	margin: auto;

}



.annha{

	display: none;

}
/* Toolbar */

.toolbar{background:#0CC63B;width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}

.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}

.toolbar ul li{text-align:center;width:25%;}

.toolbar ul li a{display:block;width:100%;cursor:pointer;color:#fff;}

.toolbar ul li a img{height:6vw;width:auto;}

.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}

.toolbar ul li a i{font-size:25px;color:rgba(255,255,255,0.8);}

.grecaptcha-badge {
	opacity: 0!important;
}