::-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: 40.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: 5.5px 0;margin: 0;border:1px solid #DDD;box-sizing:border-box;background: #fff;}

.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: 50px;right: 14px;cursor: pointer;background: white;transition:0.5s;z-index:200;border-radius: 50%;color: #fff;transform: rotate(-90deg);font-size: 47px;color: #df001f;}

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

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

a:hover{ color: red;}

.clear{clear: both;}

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

.none{display: none;}

.wap_1200{max-width: 1190px;margin: auto;position: relative;}

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

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

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

div.bando-footer iframe{width:100% !important;height: 458px;display: block;}

.hidden_mobi{display: block;}

.hidden_destop{display: none;}

body{

	font-size:14px;

	line-height:1.5;

	font-family: 'body';

}

 @font-face {

    font-family: 'body';

    src: url("font/Roboto-Light.ttf");

    font-style: normal;

    font-display: block; 

}

@font-face {

    font-family: 'menu';

    src: url("font/Roboto-Bold.ttf");

    font-style: normal;

    font-display: block; 

}

@font-face {

    font-family: 'tieude';

    src: url("font/Roboto-Bold.ttf");

    font-style: normal;

    font-display: block; 

}

@font-face {

    font-family: 'roboto-r';

    src: url("font/Roboto-Regular.ttf");

    font-style: normal;

    font-display: block;

}

@font-face {

    font-family: "roboto-b";

    src: url("font/Roboto-Bold.ttf");

    font-style: normal;

    font-display: block;

}

@font-face {

    font-family: "roboto-l";

    src: url("font/Roboto-Light.ttf");

    font-style: normal;

    font-display: block;

}

@font-face {

    font-family: "quick-b";

    src: url("font/Quicksand-Bold.ttf");

    font-style: normal;

    font-display: block;

}

@font-face {

    font-family: "quick-r";

    src: url("font/Quicksand-Regular.ttf");

    font-style: normal;

    font-display: block;

}

b,strong

{

	font-family: 'tieude';

}

div#wapper

{

  margin:auto;

  min-width:320px;

  background:#fff; overflow-x: hidden;

}

div.wap_thongtin

{

	padding: 9px 0;

	background: #0193de;

	font-size: 13px;

	color: #fff;

}

div.thongtin

{

	max-width:1190px;

	margin:auto;

}

div.thongtin span

{

	display:inline-block;

	vertical-align:top;

	margin-right: 4%;

}

div.thongtin span.diachi{}

div.thongtin span.dienthoai{}

div.thongtin span.email{}

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;

}

div.header a.logo

{

	display:block;

	line-height:0;

}

div.header .logo_mobi

{

	display:none;

}

div.header a.logo img

{

	width:100%;transition: 0.4s;

}

.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:relative;

	/* background: #0193de; */

	height: 90px;

	line-height: 90px;

	margin:auto;

	width: 78%;

	left:0;

	float: right;

}

div.menu

{

	position:relative;

	max-width:1190px;

	margin:auto;

}

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: rgba(0,0,0,0.2);

	height: 45px;

	width:1px;

}



div.menu ul li a

{

	color:#fff;

	font-size: 15px;

	padding: 0px 15px;

	text-decoration:none;

	text-transform:uppercase;

	display:block;

	font-family: roboto-l;

}



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

{

	color: #34b7f1;

	/* background: #0072ad; */

}

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

{

	position:absolute;

	margin-left:0px;

	display:none;

	min-width: 200px;

	background: rgba(0,0,0,0.77);

	line-height: 1.5;

}

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: 13px;

}

div.menu ul li ul li ul

{

	left:100%;

	top:0px;

}

div.search

{

	position: absolute;

	right: 0px;

	top: 7px;

	background: #fff;

	border-radius: 2px;

	height: 30px;

	width: 20%;

}

div.search input

{

	  padding: 0px 10px;

    float: left;

    margin-top: 8px;

    border: none;

    background: none;

    width: 75%;

    outline: none;

    color: #777;

    font-style: italic;

}

div.search i

{

	float: right;

    margin-right: 9px;

    margin-top: 5px;

    color: #222;

    font-size: 17px;

    cursor: pointer;

}

div.slider

{

	margin:auto;

	overflow: hidden;

}

div.left

{

	width:240px;

	float:left;

}

div.tieude

{

	color:#fff;

	text-align:center;

	background: #0193de;

	line-height:39px;

	text-transform:uppercase;

	font-family: 'tieude';

	font-size: 15px;

	display: inline-block;

	width: 100%;

}

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

{position: relative;}

div#danhmuc ul li:last-child

{

	border:none;

}

div#danhmuc ul li a

{

	color: #454545;

	font-family: 'menu';

	text-decoration: none;

	font-size: 14px;

	transition: 0.4s;

	display: block;

	border-bottom: 1px solid #DDD;

	padding: 9px 5px 9px 33px;

}

div#danhmuc ul li span{

    position: absolute;

    left: 13px;

    top: 13px;

    display: block;

    width: 14px;

    height: 14px;

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

    cursor: pointer;

}

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 49px;

}

div#danhmuc ul li ul li span{

    left: 27px;

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

}

div#danhmuc ul li ul li ul li span{}

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;

	font-weight: normal;

	display: inline-block;

}

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: 33px;

	/* margin:10px 0; */

}

form#frm_dknt input[type='text']

{

	width: 74%;

	padding: 0px 3%;

	float:left;

	/* margin-top: 12px; */

	border:none;

	background:none;

	outline:none;

	color:#000;

	outline:none;

	height: 33px;

	background: #fff;

}

form#frm_dknt input[type='button']

{

	background: #34b7f1;

	color:#fff;

	width: 25.5%;

	height: 33px;

	line-height: 33px;

	border:none;

	cursor:pointer;

	float:right;

	outline:none;

	font-weight: bold;

	text-transform: uppercase;

}

div.main_content

{

	max-width:1190px;

	margin:20px auto;

	margin-top:40px;

}

div.right

{

	width: calc(100% - 260px);

	float:right;

}

div.tieude_giua

{

	color: #000000;

	font-size:14px;

	text-transform:uppercase;

	text-align: left;

	font-size: 18px;

	font-family:'tieude';

	position:relative;

	margin-bottom:12px;

	display: inline-block;

	width: 100%;

}

div.tieude_giua:before

{

	content:'';

	height:2px;

	width:60px;

	left: 0;

	bottom:-5px;

	margin-left: 0;

	background: #0193de;

	position:absolute;

}

div.tieude_link

{

	display: none;

	text-align:left;

	position:relative;

	margin-bottom:12px;

}

div.tieude_link div a.text-1 {

    display: table;

    color: #8b8b8c;

    font-size: 14px;

    text-decoration: none;

    height: 35px;

    line-height: 35px;

    float: left;

    font-family: 'roboto-r';

}

div.tieude_link div a.text-1:hover{

	color: #df001f;

	}

div.tieude_link div i {

    color: #df001f;

    font-size: 11px;

    height: 35px;

    line-height: 35px;

    width: 30px;

    text-align: center;

    float: left;

}

div.wap_item

{

	position:relative;

	text-align:center;

}

div.item

{

	text-align:center;

	position: relative;

}

div.item .sp_img

{

	

}

div.item .sp_img a

{

	display:block;

	line-height:0;

}

div.item a img

{

	width:100%;

}

div.item .sp_name{

    margin: 7px 0 0 0;

}

div.item .sp_name a

{

	

font-family: roboto-b;

	

font-size: 14px;

	

color: #282828;

	

/* text-transform: uppercase; */

}

div.item .sp_name a:hover

{

	transition:0.4s;

	color:red;

}

div.item .sp_gia{

    color: #282828;

    display: none;

}

div.item .sp_gia span{

    color: #ff0000;

}

.thumb-them{display:none;}

div.item .sale{

	display:block;

	position:absolute;

	top:4px;

	right:4px;

	width:54px;

	height:54px;

	text-align:center;

	line-height:54px;

	color:#fff;

	font-size:16px;

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

	background-size:100% 100%;

	z-index:5;

	}

div.item .new{

	display:block;

	position:absolute;

	top:44px;

	right:4px;

	width:23px;

	height:12px;

	text-align:center;

	background:url(images/new.gif) no-repeat center;

	background-size:100% 100%;

	z-index:5;

	}

div.item .saleimg{

	display:block;

	position:absolute;

	top:64px;

	right:4px;

	width:57px;

	height:40px;

	text-align:center;

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

	background-size:100% 100%;

	z-index:5;

	}

div.item .nutdathang{

	display: block;

	width: 100%;

	line-height: 33px !important;

	color: #fff;

	font-size: 15px;

	text-align: center;

	position: absolute;

	bottom:  -33px;

	left: 0px;

	right: 0px;

	margin: 0 auto;

	border-radius: 3px;

	background: rgba(1, 147, 222, 0.78);

	box-shadow: 2px 2px 9px #211f1f;

	z-index: 3;

	cursor:pointer;

	opacity:0;

	transition:0.3s;

	text-transform: uppercase;

	}

div.item:hover .nutdathang{ bottom:0px; opacity:1;}

div.item .nutthemhang{

	display: block;

	width: 33px;

	line-height: 39px !important;

	color: #308fbe;

	font-size: 15px;

	text-align: center;

	position: absolute;

	bottom:  -33px;

	left: 0;

	z-index: 9;

	cursor:pointer;

	opacity:0;

	transition:0.3s;

	text-transform: uppercase;

	background: #fff;

	height: 33px;

	}

div.item .nutthemhang:hover{color: #f00;}

div.item .nutthemhang i{font-size: 22px;}

div.item:hover .nutthemhang{bottom: 0;opacity:1;z-index: 4;}

.themthanhcong{

    background: #000;

    color: #fff;

    height: 30px;

    line-height: 30px;

    padding: 0px 20px;

    box-shadow: 0px 0px 12px #575151;

    position: fixed;

    right: -240px;

    top: 149px;

    z-index: 999999;

    transition: 0.3s;

    font-family: 'roboto-r';

    font-size: 14px;

 }

div.wap_tintuc

{

	margin:30px auto;

	padding:30px 0;

	background: #efefef;

}

div.bao_tintuc

{

	max-width:1190px;

	margin:0px auto;

}

div.tintuc

{

	width:32%;

	float:left;

}

div.video

{

	width:32%;

	float:left;

	margin-left:2%;

}

div.video img{width: 100% !important;left: 0px !important;}

div.fanpage

{

	width:32%;

	float:right;

	overflow:hidden;

}

div.tieude2

{

	border-bottom: 1px solid #0193de;

	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: #0193de;

	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: #02406d;

	color:#fff;

	padding:12px 0;

}

div.copy

{

	max-width:1190px;

	margin:auto;

}

div.copy ul

{

	list-style:none;

	float:right;

}

div.copy ul li

{

	padding:0px 10px;

}

div.wap_footer

{

	background: #cdcdcd;

	padding-top: 45px;

	padding-bottom: 45px;

	margin:auto;

	color: #000;

}

div.footer

{

	max-width:1190px;

	margin:auto;

}

div#main_footer

{

	width: 32.5%;

	float:left;

	margin-right: 5%;

}

div#main_footer .ten

{

	text-transform:uppercase;

	font-family:'tieude';

	font-size:23px;

	margin-bottom:15px;

	margin-top: -8px;

	display: inline-block;

	width: 100%;

}

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#fanpage-foot{width: 27.3%;float: left;}

div.mxh

{

	margin-bottom: 15px;

}

div.mxh a

{

	display:inline-block;

	vertical-align:top;

	margin:0px 2px;

}

div.mxh a img

{

	max-height:35px;

	border-radius:4px;

	display: block;

}

div.mxh a img:hover

{

	transition:1s;

	transform:rotate(360deg);

}

div#thongke

{

	width: 26.5%;

	float:right;

}

.td_ft

{

	font-size:15px;

	text-transform:uppercase;

	font-family: roboto-b;

	margin-bottom: 12px;

	display: inline-block;

	width: 100%;

}

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:1190px;

	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:50%;

	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:46%;

}

.product_info li

{

	font-size:13px;

	border-bottom:1px solid #EEE;

	padding:10px 0;

	font-family: 'body';

}

.product_info li.ten

{

	color: #000000;

	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';

	display: none;

}

.product_info li.giacu

{

	color: #0c0c0c;

	font-family: 'body';

}

.product_info li.giacu span{text-decoration:line-through;color: #ada6a6;}

.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;

	font-family: 'body';

}

.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: 200px;

	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;

}

a.size {

    display: inline-block;

    padding: 4.5px 10px;

    border: 1px solid #DDD;

    margin-right: 7px;

    cursor: pointer;

    background: #f1f1f1;

}

a.mausac {

    display: inline-block;

    border: 1px solid #DDD;

    height: 30px;

    margin-right: 7px;

    cursor: pointer;

    font-size: 15px;

    vertical-align: top;

    color: #000;

    padding: 0 10px;

    background: #f1f1f1;

}

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

    border: 1px solid #0388cd;

    background: #0388cd !important;

    color: #fff !important;

}

input.soluong

{

	padding: 3px 0;

    width: 55px;

    border: 1px solid #dedede;

    text-align: center;

}

.product_info li.b-soluong{border-bottom: 1px solid #ccc;padding-bottom: 14px;margin-bottom: 8px;margin-top: 5px;text-transform: uppercase;}

.product_info li.b-soluong div{/* float: left; */line-height: 30px;margin-top: 7px;}

.product_info li.b-soluong input{display: inline-block;vertical-align: top;line-height: 23px;padding: 3px 0;

	width: 95px;border: 1px solid #dedede;text-align: center;}

.product_info li.b-soluong .giam{font-size: 20px;display: inline-block;width: 31px;text-align: center;font-family: 'roboto-r';vertical-align: top;line-height: 31px;cursor: pointer;background: #ebebeb;}

.product_info li.b-soluong .tang{font-size: 17px;display: inline-block;width: 31px;text-align: center;font-family: 'roboto-r';line-height: 31px;vertical-align: top;cursor: pointer;background: #ebebeb;}

.product_info li.b-size{

    min-height: 30px;

}

.product_info li.b-size b{

    display: inline-block;

    line-height: 32px;

    min-width: 86px;

}

.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;font-weight: normal;}

.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;color: #000000;font-family: 'roboto-b';}

.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);

  }

}

.slick-loading .slick-list{background:#fff url(images/ajax-loader.gif) center center no-repeat}

.control_slick .slick-prev{background:url(images/next_xam.png) center no-repeat;display:none!important}

.control_slick .slick-next{background:url(images/next_xam.png) center no-repeat;display:none!important}

.control_slick_doc .slick-next{background:url(images/next_xam.png) center no-repeat;bottom:0;top:auto;right:auto;left:50%;margin-left:-20px;transform:rotate(90deg);display:none!important}.control_slick_doc:hover .slick-next,.control_slick_doc:hover .slick-prev{transition:1s;display:block!important}.control_slick:hover .slick-next,.control_slick:hover .slick-prev{transition:1s;display:block!important}

.control_slick_doc .slick-prev{background:url(images/next_xam.png) center no-repeat;top:0;bottom:auto;right:auto;left:50%;margin-left:-20px;transform:rotate(-90deg);display:none!important}

.slick-prev{opacity:1;transition:.5s;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:url(images/next_xam.png) center no-repeat;z-index:50;transition:1s;transform:rotate(180deg);margin-top:-20px}

.slick-next{opacity:1;transition:.5s;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:url(images/next_xam.png) center no-repeat;z-index:50;transition:1s;margin-top:-20px}

.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%;

}

/*--------- copy - right--------*/

div.copy-right{

	background: #b6b6b6;

	padding:10px 0px;

	color: #333;

	font-size:13px;

	font-family: 'roboto-l';

	text-align: center;

	}

div.copy-right .cop-l{width: 100%;float: none;}

div.copy-right .cop-r{text-align:right;width:48%;float:right;display: none;}

div.copy-right span{font-family: roboto-b;}

/*--------- copy - right--------*/

.img-congthuong{display: block;margin-top: 20px;}

.img-congthuong img{max-width:140px !important; }

.box_tags{

	/* padding: 10px; */

	/* margin-top: 15px; */

}

.box_tags span:last-child{

	display: none;

}

 .box_tags a{

 	display: inline-block;

 	vertical-align: top;

 	margin-right: 5px;

 	text-decoration: none;

 	color: #000;

 	font-size: 14px;

 	margin-bottom: 5px;

 	font-family: 'roboto-l';

 }

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

  .box-giohang-fix{

	display: block;

	height: 35px;

	background: url(images/icon-giohang-top.png) no-repeat left center;

	padding-left: 48px;

	font-size: 12px;

	text-transform: uppercase;

	line-height: 52px;

	font-weight: bold;

	text-decoration: none;

	color: #f30c0c;

	position: fixed;

	right: 20px;

	top: 15%;

	z-index: 999;

	}

.box-giohang-fix b{

    display: block;

    color: #fff;

    font-size: 13px;

    position: absolute;

    left: 32px;

    top: 3px;

    height: 14px;

    width: 9px;

    z-index: 9;

    line-height: 17px;

	}

div.box-sanpham-tc{padding: 20px 0;}

div.box-sanpham-for{padding: 20px 0;}

.wap_sanpham_tc .list{

	display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    grid-gap: 20px 12px;}

.wap_sanpham_ct .list{

	display: grid;

	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

	grid-gap: 20px 12px;

	padding-top: 20px;

	}

div.wap_news_bv .list{

	display: grid;

    grid-template-columns: 1fr 1fr;

    grid-gap: 20px 20px;padding-top: 20px;}

div.wap_news_lienquan .list{

	display: grid;

    grid-template-columns: 1fr;

    grid-gap: 10px 0px;padding-top: 10px;}

div.wap_news_lienquan .list li{list-style: none}

div.wap_news_lienquan .list li a{color: #000;font-size: 15px;}

div.wap_news_lienquan .list li a i{margin-right: 15px;}

div.wap_news_lienquan .list li a:hover{color: #f00;}

div.addthis_toolbox{margin-top: 20px;}

img:not([src]):not([srcset]) { visibility: hidden; }

img:not([src]):not([srcset]) { visibility: hidden; } 

@-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } }

div.box-tab{

	text-align:center;

	}

div.box-tab a{

	display:inline-block;

	vertical-align:top;

	padding: 5px 11px;

	color: #000;

	text-align:center;

	text-transform:uppercase;

	transition:0.3s;

	margin: 13px 5px;

	font-size: 14px;

	cursor:pointer;

	background: #f6f6f6;

	border: 1px solid #ccc;

	border-radius: 4px;

	}

div.box-tab a:hover,.act-a{

	color:#fff  !important;

	background: #0193de !important;

	}

.logo_h{

    width: 201px;

    height: 119px;

    background: url(images_pts/bg_logo.png)center no-repeat;

    position: absolute;

    top: 0;

    left: 0;

}

.logo_h img{

    display: block;

}

.bao_slider{

	position: relative;

	padding:90px 0 0 0;

}

.bao_head{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    background: rgba(0,0,0,0.77);

}

.item_s{}

.item_s img{

	width: 100%;

}

.hl_menu{

    color: #fff;

    float: right !important;

    font-family: quick-r;

    font-size: 12px;

    height: 33px;

    line-height: 33px;

    border: 1px solid #6f6d6b;

    border-radius: 20px;

    padding: 0 14px;

    margin: 28.5px 0;

}

.hl_menu span{

    font-family: quick-b;

    font-size: 16px;

}

.bao_gioithieu{

    position: relative;

    padding: 40px 0 35px;

}

.width_gioithieu{

    max-width: 650px;

    margin: auto;

    text-align: center;

    color: #fff;

    position: relative;

}

.width_gioithieu>a{

    position: absolute;

    left: calc(100% - 16px);

    bottom: 106px;

    font-family: quick-b;

    font-size: 12px;

    width: 80px;

    text-transform: uppercase;

    color: #fff;

}

.width_gioithieu>a:hover{

    color: #f00;

    transition: 0.5s;

}

.name1{

    font-family: quick-b;

    font-size: 26px;

    text-transform: uppercase;

    background: url(images_pts/name1.png)bottom center no-repeat;

    padding: 0 0 15px 0;

    margin: 0 0 15px;

}

.desc_gioithieu{

    line-height: 25px;

    margin: 0 0 30px 0;

}

.img_gioithieu::before{

	content:'';

	width:100%;

	height:100%;

	background:#34b7f1;

	position:absolute;

	left:-10px;

	top:-10px;

	border-radius:10px;

	z-index:1;

}

.img_gioithieu{

    position: relative;

    display: table;

    margin: auto;

}

.img_gioithieu>img{

    display: block;

    border-radius: 10px;

    position:relative;

    z-index:2;

}

.bao_cap1{

    position: relative;

    padding: 35px 0;

}

.grid_cap1{

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-gap: 35px 31px;

}

.item_cap1{

    position: relative;

}

.item_cap1 .zoom_hinh{}

.item_cap1 .zoom_hinh img{

    display: block;

    width: 100%;

}

.item_cap1>h3{

    min-width: 214px;

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 99;

    transform: translateX(-50%) translateY(-50%);

    text-align: center;

    border: 1px solid rgba(255,255,255,0.5);

}

.item_cap1>h3>a{

    font-family: quick-b;

    font-size: 20px;

    color: #fff;

    display: block;

    background: rgba(0,0,0,0.57);

    padding: 10px 0;

    transition: 0.5s;

}

.item_cap1>h3>a:hover{

    color: #f00;

}

.qc1{}

.qc1 img{

	display: block;

	width: 100%;

}

.bao_sanpham{}

.item_cap1_x{

    position: relative;

    padding: 20px 0 25px;

}

.name2{

    text-align: center;

    margin: 0 0 5px 0;

    position: relative;

    z-index: 2;

}

.name2::before{

	content:'';

	background: #ebebeb;

	width: 100%;

	height: 1px;

	position: absolute;

	top: 50%;

	left: 0;

}

.name2 span{

    font-family: quick-b;

    font-size: 26px;

    color: #34b7f1;

    text-transform: uppercase;

    background: #fff;

    position: relative;

    z-index: 999;

    padding: 0 15px;

}

.desc2{

    text-align: center;

    font-family: quick-r;

    font-size: 14px;

    color: #363636;

    background: url(images_pts/name2.png)bottom center no-repeat;

    padding: 0 0 20px 0;

    margin: 0 0 25px 0;

}



.bao_congtrinh{

    position: relative;

    padding: 20px 0 40px;

}

.ds_congtrinh {

  	display: grid;

  	grid-template-columns: 1fr 1fr 1fr;

  	grid-gap: 12px;

}



.item_congtrinh:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }



.item_congtrinh:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }



.item_congtrinh:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }



.item_congtrinh:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }



.item_congtrinh:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }

.item_congtrinh{}

.item_congtrinh img{

    display: block;

    width: 100%;

    object-fit: cover;

    height: 232px;

}

.item_congtrinh:nth-child(2) img{

    height: 476px;

}

.bao_chinhanh{

    background: #1794cb;

    color: #fff;

    padding: 40px 0;

}

.ds_chinhanh{}

.item_chinhanh{

    position: relative;

    width: 300px;

    margin-right: 145px;

}

.item_chinhanh>i{

    float: left;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 40px;

    margin-right: 10px;

}

.item_chinhanh>h3{

    font-size: 18px;

    font-family: quick-b;

    margin: 0;

}

.item_chinhanh>p{

    font-family: quick-r;

    font-size: 15px;

}

.bao_video{

    float: left;

    width: 55%;

}

.bao_fanpage{

    float: right;

    width: 42%;

}

.bao_video_fanpage{

	position: relative;

	padding: 30px 0;

}

.heightt{

	height: 120px;

	display: none;

}