@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: UTMBAYBUOM;
	src: url('UVNBayBuom.ttf');
}

@font-face{
	font-family: UTM_HEAVY;
	src: url('images/fonts/UTM Alberta Heavy.ttf'),url('images/fonts/UTM Alberta Heavy.eot');
}

@font-face{
	font-family: Myriad-pro-light;
	src: url('images/fonts/MyriadPro-Light.otf'),
	url('images/fonts/MyriadPro-Light.eot');
}
@font-face{
	font-family: UTM;
	src: url('images/fonts/UTM Bebas.eot');
	src: url('images/fonts/UTM Bebas.eot?#iefix') format('embedded-opentype'),
	url('images/fonts/UTM Bebas.ttf');
}
li
{
  list-style: none;
}
@media (min-width: 320px)
{
	#an-hien {
		display: none !important;
	}
	#hien-an {
		display: block !important;
	}
	#font20{
		font-size:16px;
	}
	div#wrapper 
	{    
		position: relative;
		min-width: 100%;
		height: auto;
		margin: 0px auto;
	}
	.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index: 1111111;}.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
	.maxwidth{width:100%;margin:0px auto;position:relative;color: #ddd;}
	.maxwidth_footer{width:100%;margin:0px auto;}
	div#header 
	{       
		position: fixed;
		min-width: 100%;
		width: 100%;
		margin: 0px auto;
		z-index: 9999999;
		height: 45px;
		background-color: #f9f9f9;
		border-bottom: 1px solid #ececec;
	}
	#header .row1 .tbl .logo-text {
		text-transform: uppercase;
		margin-top: 4px;
		font-weight: bold;
		font-family: arial;
		font-size: 16px;
		text-align: right;
		white-space: nowrap;
	}
	#header .row1 .hotline>span {
		color: #e4212a;
		font-weight: 600;
		display: inline-block;
		text-align: right;
		margin-top: 14px;
		font-size: 13px;
	}
	ul#top-nav 
	{        
		float:left;
		margin: 0px auto;
		list-style: none;
		display:none;
	}
	.heading2 {
		border-bottom: 0px solid #e4212a;
		margin: 0;
		padding: 1rem 0 0.3rem 0;
		font-size: 2em;
		width: 100%;
	}
	.row .col.s3 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.news .item {
		margin-top: 2em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
	}
	.news .item .inner .img {
		position: relative;
		height: auto;
		overflow: hidden;
	}
	.news .item .inner .txt {
		padding: 15px 0px 20px 0px;
		height: auto;
	}
	.container {
		width: 94%;
		max-width: 1170px;
	}
	.maxwidth .ft_bt {
		background: #000;
		padding: 0px 10px;
		font-size: 0.9rem;
	}
	#menu_w
	{
		width: 100%;
		margin:auto;
		height: 40px;
		z-index: 9;
		background-size: 100% 100%;
		margin-top: 0px;
		margin-left: 0px;
	}
	nav#menu
	{
		width: 100%;
		margin: 0px auto;
		position: relative;

	}
	.search {
		position: absolute;
		top: 3px;
		right: 0;
		display:none;
	}
	#header .logo {
		position: absolute;
		top: 0;
		left: 0px;
		width: 124px;
		height: 95px;
		background-color: #FFF;
		border-radius: 0 0 10px 10px;
		text-align: center;
		-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		z-index: 3;
	}
	#header .logo img {
		width: 95px;
	}

	#img-sp {
		float: left;
		width: 100%;
		height: auto;
		margin-top: 12px;
		padding: 0px 0%;
		border: 1px solid #dddfe3 !important;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}
	#tt-sp {
		float: right;
		width: 100%;
		height: auto;
		font-family: 'Roboto Condensed';
		letter-spacing: 1px;
	}
	#galleria .galleria-image img {
	  width: 97% !important;
	  height: 97% !important;
	  left: 0px !important;
	}
	.galleria-container {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  float: left;
	  height: 320px;
	  margin-bottom: 10px;
	}
	div.box-sp 
	{         
		float: left;
		width: 100%;
		height: 100%;
		margin-right: 0px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	div.box-sp2
	{         
		float: left;
		width: 100%;
		height: 100%;
		margin: 0 0px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	.page_detail_news .txt_tt {
		font-size: 26px;
		border-bottom: 1px solid #e4212a;
		color: #252525;
		padding-bottom: 5px;
		margin-bottom: 0px;
		padding-top: 30px;
		display: inline-block;
		width: 100%;
		text-transform: uppercase;
	}
	.row .col.l3 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l8 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l6 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.form_p.form_contact_home .col02 {
		padding-left: 12px;
		padding-top: 20px;
	}
	.form_p.form_contact_home .col01:before {
		content: '';
		position: absolute;
		top: 10%;
		height: 60%;
		right: 0;
		width: 0px;
		background: #eee;
	}
	#w300{
		padding: 0px; width:90%;margin:auto 5%;margin-top: 25px;
	}
	#popup-giua-man-hinh .popUpBannerInner{max-width:90%;margin:0 auto}
	#popup-giua-man-hinh .popUpBannerContent{position:fixed;top:110px;left: 10%;right: 10%;min-height: 50px;z-index: 99910;border-radius: 5px;background: #f5f6fa; padding: 0px 0px 15px 0px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;box-sizing: content-box;letter-spacing: normal!important;}
	#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:20px;z-index: 99999;right:10px;display:none;cursor:pointer;background-color: #e4212a;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
	.float-icon-hotline {
		display: block;
		width: 40px;
		position: fixed;
		bottom: 65px;
		left: 33px;
		z-index: 999999;
	}
	#popup-giua-man-hinh .closeButton{color:red;text-decoration:none;font-size:36px;margin-top: -5px;margin-right: 7px;}
	#thongtin{float:left;width:100%}
	#page{float:left;width:100%; margin:10px 0% 0 0%}
	.support .container {
		max-width: 100%;
	}
	.support .container {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 980px)
{
	#an-hien {
		display: block !important;
	}
	#hien-an {
		display: none !important;
	}
	#font20{
		font-size:20px;
	}
	div#wrapper 
	{    
		position: relative;
		min-width: 1200px;
		height: auto;
		margin: 0px auto;
	}
	.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index: 1111111;}.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
	.maxwidth{width:1200px;margin:0px auto;position:relative;color: #ddd;}
	.maxwidth_footer{width:1349px;margin:0px auto;}
	div#header 
	{       
		position: fixed;
		min-width: 1200px;
		width: 100%;
		margin: 0px auto;
		z-index: 9999999;
		height: 45px;
		background-color: #f9f9f9;
		border-bottom: 1px solid #ececec;
	}
	#header .row1 .tbl .logo-text {
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 5px;
		font-family: arial;
		font-size: 1.6rem;
		text-align: left;
		white-space: nowrap;
	}
	#header .row1 .hotline>span {
		color: #e4212a;
		font-weight: 600;
		display: inline-block;
		text-align: right;
		margin-top: 9px;
		font-size: 26px;
	}
	ul#top-nav 
	{        
		float:left;
		margin: 0px auto;
		list-style: none;
		display:block;
	}
	.heading2 {
		border-bottom: 1px solid #e4212a;
		margin: 0;
		padding: 1rem 0 0.3rem 0;
		font-size: 2em;
		width: 99.2%;
	}
	.row .col.s3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.news .item {
		margin-top: 1.5em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		font-size: 1rem;
	}
	.news .item .inner .img {
		position: relative;
		height: 166px;
		overflow: hidden;
	}
	.news .item .inner .txt {
		padding: 15px 0px 20px 0px;
		height: 156px;
	}
	.container {
		width: 95%;
		max-width: 1170px;
	}
	.maxwidth .ft_bt {
		background: #000;
		padding: 10px 0;
		font-size: 0.9rem;
	}
	#menu_w
	{
		/*position: fixed;*/

		width: 1060px;
		margin:auto;
		height: 40px;
		z-index: 9;
		background-size: 100% 100%;
		margin-top: 0px;
		margin-left: 220px;
	}
	nav#menu
	{
		width: 1000px;
		margin: 0px auto;
		position: relative;

	}
	.search {
		position: absolute;
		top: 3px;
		right: 0;
		display:block;
	}
	#header .logo {
		position: absolute;
		top: 0;
		left: 0px;
		width: 130px;
		height: 100px;
		background-color: #FFF;
		border-radius: 0 0 10px 10px;
		text-align: center;
		-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		z-index: 3;
	}
	#header .logo img {
		width: 100px;
	}

	#img-sp {
		float: left;
		width: 89.7%;
		height: auto;
		margin-top: 30px;
		padding: 0px 5%;
		border: 1px solid #dddfe3 !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}
	#tt-sp {
		float: right;
		width: 490px;
		height: auto;
		font-family: 'Roboto Condensed';
		letter-spacing: 1px;
	}
	#galleria .galleria-image img {
	  width: 100% !important;
	  height: 100% !important;
	  left: 0px !important;
	}
	.galleria-container {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  float: left;
	  height: 520px;
	  margin-bottom: 10px;
	}
	div.box-sp 
	{         
		float: left;
		width: 380px;
		height: 300px;
		margin-right: 10px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	div.box-sp2
	{         
		float: left;
		width: 413px;
		height: 320px;
		margin: 0 5px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	.page_detail_news .txt_tt {
		font-size: 26px;
		border-bottom: 1px solid #e4212a;
		color: #252525;
		padding-bottom: 5px;
		margin-bottom: 0px;
		padding-top: 50px;
		display: inline-block;
		width: 100%;
		text-transform: uppercase;
	}
	.row .col.l3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l8 {
		width: 73%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l6 {
		width: 50%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.form_p.form_contact_home .col02 {
		padding-left: 20px;
		padding-top: 0px;
	}
	.form_p.form_contact_home .col01:before {
		content: '';
		position: absolute;
		top: 10%;
		height: 60%;
		right: 0;
		width: 1px;
		background: #eee;
	}
	#w300{
		padding: 0px; width:300px;margin:auto auto;margin-top: 25px;
	}
	#popup-giua-man-hinh .popUpBannerInner{max-width:300px;margin:0 auto}
	#popup-giua-man-hinh .popUpBannerContent{position:fixed;top:150px;left: auto;right: auto;min-height: 50px;z-index: 99910;border-radius: 5px;background: #f5f6fa; padding: 0px 15px 15px 15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;box-sizing: content-box;letter-spacing: normal!important;}
	#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:30px;z-index: 99999;right:10px;display:none;cursor:pointer;background-color: #e4212a;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
	.float-icon-hotline {
		display: block;
		width: 40px;
		position: fixed;
		bottom: 85px;
		left: 33px;
		z-index: 999999;
	}
	#popup-giua-man-hinh .closeButton{color:red;text-decoration:none;font-size:36px;margin-top: -5px;margin-right: -7px;}
	#thongtin{float:left;width:32%}
	#page{float:left;width:30%; margin:0 2% 0 2%}
	.support .container {
		max-width: 1200px;
	}
	.support .container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 1200px)
{
	#an-hien {
		display: block !important;
	}
	#hien-an {
		display: none !important;
	}
	#font20{
		font-size:20px;
	}
	div#wrapper 
	{    
		position: relative;
		min-width: 1200px;
		height: auto;
		margin: 0px auto;
	}
	.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index: 1111111;}.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
	.maxwidth{width:1200px;margin:0px auto;position:relative;color: #ddd;}
	.maxwidth_footer{width:1349px;margin:0px auto;}
	div#header 
	{       
		position: fixed;
		min-width: 1200px;
		width: 100%;
		margin: 0px auto;
		z-index: 9999999;
		height: 45px;
		background-color: #f9f9f9;
		border-bottom: 1px solid #ececec;
	}
	#header .row1 .tbl .logo-text {
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 5px;
		font-family: arial;
		font-size: 1.6rem;
		text-align: left;
		white-space: nowrap;
	}
	#header .row1 .hotline>span {
		color: #e4212a;
		font-weight: 600;
		display: inline-block;
		text-align: right;
		margin-top: 9px;
		font-size: 26px;
	}
	ul#top-nav 
	{        
		float:left;
		margin: 0px auto;
		list-style: none;
		display:block;
	}
	.heading2 {
		border-bottom: 0px solid #e4212a;
		margin: 0;
		padding: 1rem 0 0rem 0;
		font-size: 2em;
		width: 99.2%;
	}
	.row .col.s3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.news .item {
		margin-top: 1.5em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		font-size: 1rem;
	}
	.news .item .inner .img {
		position: relative;
		height: 166px;
		overflow: hidden;
	}
	.news .item .inner .txt {
		padding: 0px 0px 20px 0px;
		height: 141px;
	}
	.container {
		width: 95%;
		max-width: 1170px;
	}
	.maxwidth .ft_bt {
		background: #000;
		padding: 10px 0;
		font-size: 0.9rem;
	}
	#menu_w
	{
		/*position: fixed;*/

		width: 1060px;
		margin:auto;
		height: 40px;
		z-index: 9;
		background-size: 100% 100%;
		margin-top: 0px;
		margin-left: 220px;
	}
	nav#menu
	{
		width: 1000px;
		margin: 0px auto;
		position: relative;

	}
	.search {
		position: absolute;
		top: 3px;
		right: 0;
		display:block;
	}
	#header .logo {
		position: absolute;
		top: 0;
		left: 0px;
		width: 130px;
		height: 100px;
		background-color: #FFF;
		border-radius: 0 0 10px 10px;
		text-align: center;
		-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
		z-index: 3;
	}
	#header .logo img {
		width: 100px;
	}
	#img-sp {
		float: left;
		width: 89.7%;
		height: auto;
		margin-top: 30px;
		padding: 0px 5%;
		border: 1px solid #dddfe3 !important;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}
	#tt-sp {
		float: right;
		width: 490px;
		height: auto;
		font-family: 'Roboto Condensed';
		letter-spacing: 1px;
	}
	#tt-sp p span {
		color: #ccc !important;
	}
	#tt-sp p {
		color: #ccc !important;
	}
	#galleria .galleria-image img {
	  width: 97% !important;
	  height: 97% !important;
	  left: 0% !important;
	}
	.galleria-container {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  float: left;
	  height: 520px;
	  margin-bottom: 10px;
	}
	div.box-sp 
	{         
		float: left;
		width: 380px;
		height: 300px;
		margin-right: 10px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	div.box-sp2
	{         
		float: left;
		width: 413px;
		height: 320px;
		margin: 0 5px;
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #fff;
		position: relative;
		border-radius: 9px 9px 9px 0;
		border: 1px solid #f9f9f9;
		box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	}
	.page_detail_news .txt_tt {
		font-size: 26px;
		border-bottom: 1px solid #e4212a;
		color: #252525;
		padding-bottom: 5px;
		margin-bottom: 0px;
		padding-top: 50px;
		display: inline-block;
		width: 100%;
		text-transform: uppercase;
	}
	.row .col.l3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l8 {
		width: 73%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.l6 {
		width: 50%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.form_p.form_contact_home .col02 {
		padding-left: 20px;
		padding-top: 0px;
	}
	.form_p.form_contact_home .col01:before {
		content: '';
		position: absolute;
		top: 10%;
		height: 60%;
		right: 0;
		width: 1px;
		background: #eee;
	}
	#w300{
		padding: 0px; width:300px;margin:auto auto;margin-top: 25px;
	}
	#popup-giua-man-hinh .popUpBannerInner{max-width:300px;margin:0 auto}
	#popup-giua-man-hinh .popUpBannerContent{position:fixed;top:150px;left: auto;right: auto;min-height: 50px;z-index: 99910;border-radius: 5px;background: #f5f6fa; padding: 0px 15px 15px 15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;box-sizing: content-box;letter-spacing: normal!important;}
	#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:11px 0px;position:fixed;bottom:30px;z-index: 99999;right:10px;display:none;cursor:pointer;background-color: #e4212a;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
	.float-icon-hotline {
		display: block;
		width: 40px;
		position: fixed;
		bottom: 85px;
		left: 33px;
		z-index: 999999;
	}
	#popup-giua-man-hinh .closeButton{color:red;text-decoration:none;font-size:36px;margin-top: -5px;margin-right: -7px;}
	#thongtin{float:left;width:32%}
	#page{float:left;width:30%; margin:0 2% 0 2%}
	.support .container {
		max-width: 1200px;
	}
	.support .container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
#popup-giua-man-hinh .headerContainer,#popup-giua-man-hinh .bodyContainer,#popup-giua-man-hinh .footerContainer{max-width:960px;margin:0 auto;background:#FFF}
#popup-giua-man-hinh .padding{padding:20px}
#popup-giua-man-hinh .bodyContainer{min-height:500px}
#popup-giua-man-hinh .popUpBannerBox{position:fixed;background:rgba(0,0,0,0.9);width:100%;height:100%;top:0;left:0;color:#FFF;z-index:999999;display:none}


#popup-giua-man-hinh a.closeButton{float:right}
	
place listing detail page slideshow -------------------*/
	#galleria .galleria-stage .galleria-image {
	  width: 100% !important;
	}
	
	#galleria .galleria-container {
	  width: 100% !important;
	}
	#galleria .galleria-container .galleria-thumbnails-container img {
	  width: 99px;
	  top: 0px !important;
	  border: 1px solid #e4212a !important;
	}
	.img_not_available_single {
	  display: block;
	  width: 335px;
	  padding: 120px 0;
	  float: left;
	  font: 22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	  text-align: center;
	}
	
	#galleria .galleria-container .galleria-thumbnails-container img {
	  width: 99px;
	}
	.galleria-container img {
	  -moz-user-select: none;
	  -webkit-user-select: none;
	  -o-user-select: none;
	}
	.galleria-stage {
	  position: absolute;
	  top: 0px;
	  bottom: 100px;
	  left: 0px;
	  right: 0px;
	  overflow: hidden;
	}
	.galleria-thumbnails-container {
	  height: 75px;
	  bottom: 0;
	  position: absolute;
	  left: 10px;
	  right: 10px;
	  z-index: 2;
	}
	.galleria-carousel .galleria-thumbnails-list {
	  margin-left: 40px;
	  margin-right: 38px;
	}
	.galleria-thumbnails .galleria-image {
	  height: 53px;
	  width: 99px;
	  margin: 0 10px 0 0;
	  float: left;
	  cursor: pointer;
	}
	.galleria-counter {
	  position: absolute;
	  bottom: 10px;
	  left: 10px;
	  text-align: right;
	  font: normal 11px/1 arial, sans-serif;
	  z-index: 2;
	}
	.galleria-loader {
	  width: 20px;
	  height: 20px;
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  z-index: 2;
	  display: none;
	}
	.galleria-info {
	  width: 50%;
	  top: 15px;
	  left: 15px;
	  z-index: 2;
	  position: absolute;
	}
	.galleria-info-text {
	  padding: 12px;
	  display: none;
	}
	.galleria-info-title {
	  font: bold 12px/1.1 arial, sans-serif;
	  margin: 0;
	}
	.galleria-info-description {
	  font: italic 12px/1.4 georgia, serif;
	  margin: 0;
	  color: #bbb;
	}
	.galleria-info-title + .galleria-info-description {
	  margin-top: 7px;
	}
	.galleria-info-close {
	  width: 9px;
	  height: 9px;
	  position: absolute;
	  top: 5px;
	  right: 5px;
	  opacity: .5;
	  cursor: pointer;
	  display: none;
	}
	.galleria-info-link {
	  opacity: .8;
	  position: absolute;
	  width: 20px;
	  height: 20px;
	  cursor: pointer;
	}
	.galleria-info-link:hover,
	.galleria-info-close:hover {
	  opacity: .5;
	}
	.galleria-image-nav {
	  position: absolute;
	  top: 50%;
	  margin-top: -15px;
	  width: 100%;
	  height: 31px;
	  left: 0;
	}
	.galleria-image-nav-left,
	.galleria-image-nav-right {
	  opacity: .7;
	  cursor: pointer;
	  width: 16px;
	  height: 50px;
	  position: absolute;
	  left: 10px;
	  z-index: 2;
	}
	.galleria-image-nav-right {
	  left: auto;
	  right: 10px;
	  background-position: -300px 0;
	  z-index: 2;
	}
	.galleria-image-nav-left:hover,
	.galleria-image-nav-right:hover {
	  opacity: 1.0;
	}
	.galleria-thumb-nav-left,
	.galleria-thumb-nav-right {
	  cursor: pointer;
	  display: none;
	  background-position: -495px 11px;
	  position: absolute;
	  left: 0;
	  top: 0;
	  height: 50px;
	  width: 32px;
	  z-index: 3;
	  opacity: 1.0;
	}
	.galleria-thumb-nav-right {
	  background-position: -570px 11px;
	  border-right: none;
	  right: 0;
	  left: auto;
	}
	.galleria-thumbnails-container .disabled,
	.galleria-thumbnails-container .disabled:hover {
	  opacity: .6;
	  cursor: default;
	}
	.galleria-thumb-nav-left:hover,
	.galleria-thumb-nav-right:hover {
	  opacity: 1;
	  /*background-color:#111;*/
	}
	.galleria-carousel .galleria-thumb-nav-left,
	.galleria-carousel .galleria-thumb-nav-right {
	  display: block;
	}
	.galleria-lightbox-box {
	  z-index: 999999 !important;
	}
	/* gallery - detail page slideshow -------------------*/
	.img_not_available_single {
	  border: 1px solid #ddd;
	  color: #bbb;
	}
	.galleria-thumbnails .galleria-image {
	  /*background: #fff;*/
	}
	.galleria-counter {
	  color: #fff;
	}
	.galleria-loader {
	  background: #000;
	  background: url(images/classic-loader.gif) no-repeat 2px 2px;
	}
	.galleria-info-text {
	  background-color: #000;
	  background-color: rgba(0, 0, 0, 0.9);
	}
	.galleria-info-title {
	  color: #fff;
	}
	.galleria-info-description {
	  color: #bbb;
	}
	.galleria-info-close {
	  background-position: -753px -11px;
	}
	.galleria-info-link {
	  background-position: -669px -5px;
	  background-color: #000;
	}
	.galleria-image-nav-right {
	  background-position: -65px 0;
	}
	.galleria-thumb-nav-left,
	.galleria-thumb-nav-right {
	  background-position: 5px 0px;
	}
	.galleria-thumb-nav-right {
	  background-position: -55px 0px;
	  border-right: none;
	}
	.galleria-thumb-nav-left,
	.galleria-thumb-nav-right,
	.galleria-info-link,
	.galleria-info-close,
	.galleria-image-nav-left,
	.galleria-image-nav-right {
	  background-image: url(images/classic-map.png);
	  background-repeat: no-repeat;
	}
	
.popup_item.p_contact {
    width: auto;
    max-width: 100%;
}
.popup_item {
    width: 1000px;
    max-width: 100%;
}
.popup_item .title_p~.form_p, .popup_item .title_p~.inner_p, .popup_item .title_p~.slide_pc_on_popup, .popup_item .title_p~form {
    padding-top: 40px;
}
.form_p.form_contact_home {
    max-width: 100%;
}

.form_p.form_contact_home .col01 {
    padding-right: 20px;
    position: relative;
}

.form_p .input-field label {
    left: 10px;
}
.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: .8rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.form_p .heading_dt {
    padding-top: 0;
    margin-bottom: 1rem;
}
.heading_dt {
    margin-bottom: 1rem;
    padding-top: 50px;
}
.heading_dt .txt1.inline {
    font-weight: 400;
    padding-right: 0;
    color: #000;
}
.heading_dt .inline {
    display: inline-block;
    padding-right: 2rem;
}
.heading_dt .txt1 span {
    font-weight: 400;
    color: #e4212a;
}
.heading_dt .txt1 {
    font-size: 1.7rem;
    font-weight: 300;
    border-bottom: 1px solid #000;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    font-family: Arial;
}
.red-text {
    color: #F44336!important;
}
.form_contact .input-field {
    margin-bottom: 20px;
}
.form_p .input-field {
    margin-top: 0;
}
.input-field {
    position: relative;
    margin-top: 1rem;
}
.form_p .input-field input.input {
    border: 0;
    background-color: #ECECEC;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-indent: 10px;
}
.input, .input-field input.input, .input-field input.input:focus, textarea.input, textarea.input:focus {
    border: 0;
    background-color: #ECECEC;
    margin-bottom: 0;
    outline: none;
    font-size: 1.1rem!important;
    color: #000!important;
    height: 3rem;
    text-indent: 10px;
}

.form_p .note3 {
    padding-top: 1em;
    font-size: 0.9em;
}
form p:last-child {
    margin-bottom: 0;
}

.form_p.form_contact_home .sm_checkbox {
    margin-bottom: 15px;
	font-size: 16px;
}
.sm_checkbox {
    position: relative;
    margin-bottom: 5px;
}

.btn_wrap .btn-primary {
    background-color: #e4212a;
    letter-spacing: 0px;
    text-decoration: none;
    text-align: center;
	font-size: 18px;
    padding: 10px 30px;
    width: 100%;
    color: #fff;
    display: block;
    white-space: nowrap;
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    border: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.btn_wrap .btn-primary .btn_overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 140%;
    -webkit-transform: translate3d(100%, 0, 0) skew(0deg);
    transform: translate3d(100%, 0, 0) skew(0deg);
    background-color: #111517;
    opacity: 0;
    -webkit-transition: opacity .3s ease, -webkit-transform .5s ease;
    transition: opacity .3s ease, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .3s ease;
    transition: transform .5s ease, opacity .3s ease;
    transition: transform .5s ease, opacity .3s ease, -webkit-transform .5s ease;
    display: none!important;
}
.btn_wrap .btn-primary .btn_text {
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, -webkit-transform .25s ease;
    -o-transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease;
    z-index: 1;
}
.btn_wrap.btn_small {
    width: 150px;
}
.btn_wrap {
    display: inline-block;
    position: relative;
    width: 200px;
    line-height: 38px;
    font-size: 1rem;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    font-size: 1.2rem;
    font-weight: 400;
    cursor: pointer;
    border-radius: 4px;
}
.isDesktop .hide-mb, .isDesktop .hide-tb {
    display: inherit;
}
textarea.input, textarea.input:focus {
    min-height: 7rem;
    padding: 0px;
    border-radius: 0!important;
    text-indent: 0;
}
.input, .input-field input.input, .input-field input.input:focus, textarea.input, textarea.input:focus {
    border: 0;
    background-color: #ECECEC;
    margin-bottom: 0;
    outline: none;
    font-size: 1.1rem!important;
    color: #000!important;
    height: 3rem;
    text-indent: 10px;
}
.input, .input-field .select-wrapper .select-dropdown, .input-field input.input, .input-field input.input:focus, .shadow-input, textarea.input, textarea.input:focus {
    -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.05)!important;
    box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.05)!important;
}
textarea {
    width: 97%;
    padding-left: 2.5%;
    border: 1px solid #ccc;
    padding-top: 2%;
    height: 3rem;
}

#fb_page
{
margin-top:90px;
color:black;
}
.online
{
    list-style: none;
}
.page
{
    margin-top: 6px;
list-style:none;
color:black;
}
.month
{
    margin-top: 6px;
list-style:none;
}

.statistics
{
    list-style: none;
    display: inline-block;
}
.statistics strong
{
	color:#f4ff00;
}
.counter p span 
{
	color:#f4ff00;	
}
/*++++++++++DEFAULT+++++++++++*/
*{margin: 0;padding: 0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#000;background: white;}
a{color:#000;text-decoration:none;}
a:hover{color:#F00;}
a.active{color:#F00;}
a:active{color:#555;}
b
{
font-weight: bold;
}

img{border:none;}
div.clear{display:block;clear:both;}

#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
#loading{width: 32px;height:32px; position:absolute;z-index:1000;}
.loading{float: left;padding: 5%;width: 90%;text-align: center;}
.button {display:inline-block;border:none;background: #000;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;color:#FFFFFF;font-weight: bold !important;padding: 6px 15px;cursor:pointer;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
.button1
{ padding: 15px 14px !important; background: #01aa52; position: absolute; border: none !important;color: white; right: 10px; bottom: 19px;
}
.button:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);color:#FFF;}

div#basic-modal-register{display: none;}
div#basic-modal-login{display: none;}
div#main-content{float: left;width: 550px;}

/*++++++++++LAYOUT+++++++++++*/
div#full{position: relative;width: auto;height: auto;}

.text-video
{
    margin: 10px auto;
    width: 100%;
    text-align: center;
}

#logo
{
    position: absolute;
    top: 0px;
}
#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
#header .row1 {
    height: 45px;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
}
#header .row1 .tbl {
    display: table;
}
#header .row1 .tbl .cell.cell01 {
    overflow-y: initial;
}
#header .row1 .tbl .cell {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
    overflow-y: hidden;
}
#header .row1 .hotline {
    text-transform: uppercase;
    margin-right: 15px;
    font-size: 1rem;
    position: relative;
    white-space: nowrap;
    display: block;
	float: left;
}
.hotline {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: red;
    font-weight: bold;
    background: url(images/back_ht_left_08.jpg)no-repeat center;
    height: 115px;
    border-bottom: 1px dotted #A2A0A0;
}

#header .row1 .hotline .hotline__name {
    color: #000;
    font-size: 11px;
    text-transform: none;
    display: block;
    font-weight: 400;
}
.hotline a {
    color: red;
    font-weight: bold;
    position: absolute;
    left: 80px;
    top: 81px;
    font-size: 16px;
    width: 135px;
}
.btnopenMessageFromHome {
    cursor: pointer;
}
#header .row1 .tbl {
    display: table;
}

#header .row1 .tbl .logo-text a {
    color: #000;
}
#header .row1 .tbl .logo-text span {
    color: #e4212a;
    margin-right: 7px;
    font-weight: 900;
}
#header .row1 .tbl .cell {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
    overflow-y: hidden;
	float: right;
}
#header .row1 .col.right {
    max-width: 70%;
}
.right {
    float: right!important;
}

.container {
    margin: 0 auto;
}
.clearfix {
    clear: both;
}

#header .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#header .row1>* {
    position: relative;
}
.header-w
{
	       position: relative;
    width: 1200px;
    margin: 0px auto;
    height: 180px;
}
.dienthoai 
{
    right: 0px;
    top: 10px;
    font-weight: 600;
    position: absolute;
    background: url(images/icon_dt_08.png)no-repeat left center;
    height: 44px;
    text-align: center;
    padding-left: 65px;
    display: table;
}

.dienthoai a
{
font-weight: bold;
    font-size: 40px;
    color: #000;
    display: table-cell;
    position: relative;
    right: 12px;
    vertical-align: middle;
}
.dienthoai a span {color:#d21c10;}
div#menu {position: relative;width: 100%;height: 37px;margin: 0px auto;background:blue;}
nav#menu > ul > li  > menu > a > span
{
color:blue;
}

div#quangcao {float: left;width: 100%;height: 320px;margin-bottom: 10px;}
div#container 
{     
	position: relative;
    width: 1200px;
    height: auto;
    margin: 0px auto;
	padding-top: 111px;
}
div#left 
{     
	float: left;
    width: 230px;
    height: auto;
    margin-top: 20px;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.sub_left
{
	float: left;
    margin-bottom: 20px;
    width: 100%;
}
.sidebarmenu1 li 
{
		list-style:none;
}
.sidebarmenu1 ul
{
	float:left;
	width:100%;
	padding:0px 10px;
	box-sizing:border-box;
}
.sidebarmenu1 ul li
{
background: url(images/arrow3.png)no-repeat left center;
    padding: 10px 0px 10px 15px;
    border-bottom: 1px dashed #c4c4c4;
}
.sidebarmenu1 ul li:last-child
{
	border-bottom:none;
}
.back_left
{
	float: left;
    list-style: none;
    background: url(images/title_left_27.png)no-repeat center;
    width: 100%;
    height: 30px;
    background-size: 100% 100%;
	display:table;
}
.back_left span
{
    color: #fff;
    text-transform: uppercase;
    padding-left: 32px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px;
}

div#right {float: right;width: 215px;}
div.sub-left
{
        float: left;
    width: 100%;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    margin-bottom: 20px;
}
div.sub-left-three {
    float: left;
    width: 100%;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 315px;
    overflow: hidden;
}
div.sub-left_one
{
	    float: left;
    width: 100%;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 380px;
    overflow: hidden;
}

.box_news_slider
{
	    width: 90%;
    margin: 10px auto;
    border-bottom: 1px dotted #c4c4c4;
    padding-bottom: 10px;
}
.img_news_slider
{
	    float: left;
    width: 85px;
}
.text_slider
{
	     float: left;
    width: 125px;
    margin-left: 5px;
}
div#htro
{
    float: left;
    background: url(images/back_dthoai_05.png)no-repeat;
    width: 250px;
    height: 99px;
}
#htro h4
{
        margin-left: 4px;
    margin-top: -77px;
    font-size: 14px;
    color: red;
    font-family: BatangChe;
}
#htro h2
{
    color: red;
    margin-left: 110px;
    font-size: 20px;
    margin-top: 62px;
    font-family: initial;
}
#htro a
{
color: black;
    margin-left: -32px;
    font-family: arian;
    font-size: 15px;
}
.mail
{
        margin-top: 51px;
    margin-left: 41px;
    font-size: 14px;
}
.mail a
{
color:white;
}
div#htro1
{
    FLOAT: LEFT;
    margin-left: 30PX;
    MARGIN-TOP: 29PX;
    font-family: arian;
    font-size: 17px;
    background: url(images/icon_dt_05.png)no-repeat bottom left;
    width: 200px;
}
div#htro1 p
{
   margin-left: 123px;
}
#htro1 a
{
    font-weight: bold;
    padding-left: 46px;
    padding-top: 200px;
    color: RED;
    font-size: 25px;
    font-family: arian;
}

div.title 	
{            
    background: url(images/back_left_05.png)no-repeat;
    height: 40px;
    display: table;
    width: 100%;
	padding: 0px 10px;
}
div.title1 {position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background: url(images/title_03.png) no-repeat left center;}

div.title h2
{
	font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
div.title1 h2{float: left;font-size: 15px;margin-left: 40px;padding-top:12px;text-transform: uppercase;color: black;text-align:center;font-family:arian;}

div.title a{color: #000;}
div.title a:hover{color: #FF0;text-shadow: 0px 0px 2px #000;}
div.content 
{      
	    float: left;
    width: 100%;
}
div.bottom {float: left;width: 100%;height: 7px;background: url(images/bottom.png) no-repeat center top;}

div#info
 {    
       position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
}
div.info 
{    
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
div.info-title
{          
    position: relative;
    float: left;
    width: 100%;
    height: 34px;
    background: url(images/title_index.png)no-repeat;
	background-size: 100%;
    display: table;
}

.active  .info-title-tab
{
	background-color:#df0024;
    color: white;
}
div.info-title-tab
{          
	margin-top: 4px;
    position: relative;
    float: left;
    background-color: #e6e6e6;
    height: 35px;
    width: 215px;
	cursor: pointer;
}


div.info-title h2
{  
    font-size: 16px;
    padding-left: 35px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}


div.info-title-tab h2
{  
    float: left;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 7px;
    width: 100%;
	text-align:center;
}
div.info-title p{float: right;color: #FFF;line-height:47px;font-size:15px;}
div.info-title a{    position: absolute;right: 0px; color: red; font-size: 12px;font-weight: bold;}
div.info-title a:hover{text-decoration: underline;}
div.info-content
{    
    float: left;
    width: 100%;
    box-sizing: border-box;
}
div.info-bottom {float: left;width: 100%;height: 7px;}
a.viewAll{display: inline-block;text-align: left;font-weight: bold;cursor: pointer;}
a.hide{display: none;}
div.slide{float: left;width:720px; height: 220px;}
div.sort{float: left; width: 680px;padding: 20px;background: #F2F2F2;}
div.sort h2{font-family: Tahoma;font-size: 16px;color: #555;}
div#footer 
{ 
    width: 100%;
}
.footer-w
{
	width: 1200px;
    margin: 0px auto;
}
.facebook_w
{
    float: right;
    margin-top: 30px;
    margin-left: 40px;
}
.facebook-face 
{
    border: 1px solid #E4C183;
    padding: 2px;
    margin-top: 10px;

}
.lienket
{
    color: #f4ff00;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}


.copyright
{
    position: relative;
}
.text-copy
{
    position: absolute;
    left: 0px;
    top: 12px;
    color: #fff;
}
.xahoi
{
    float: left;
    margin-top: 30px;
    margin-left: 100px;
}
.icon_footer
{
    margin-top: 10px;
}
.icon_footer a 
{
	color:#fff;
}
div#footer-left{float: left;width: 80%; margin-right:50px;}
div#footer-right{float: right;width: 19%;ma}

p.author{position: absolute; top:40%;right: 0px;font-weight: bold;}
div.text 
{
    float: left;
    text-align: justify;
    width: 100%;
    padding: 10px;
    line-height: 2em;
    color: black;
	    box-sizing: border-box;
}
div.text1
{
    float: left;
    width: 625px;
    margin-top: 10px;
    margin-left: 20px;
    line-height: 27px;
	font-size: 14px;
	    text-align: justify;
}
div.text img{max-width: 100%; height: auto !important;}
div.text ul,ol {list-style: inside;}

div#tags{margin-top: 5px;background: #000;padding: 10px;}
div.tags{width: 990px;margin: 0px auto;}
div.tags h2{float: left;font-family: UTM; font-size: 20px;color: #FFF;font-weight: 400;text-decoration: underline;}
/*++++++++++++++++++++Pan do footer+++++++++++*/
#bdo 
{
    float: left;
    margin-top: 30px;
    margin-left: 72px;
    width: 300px;
}
#face
{
    margin-bottom: 12px;
    margin-top: 5px;
    margin-left: 3px;
}
#map
{
    margin-left: 399px;
    line-height: 391px;
    margin-top: -387px;
}
.noidung p 
{
    color: #000;
    font-size: 16px;
    line-height: 25px;
}
.noidung h2
{
    color:#ffff00;
    font-size: 16px;
    margin-top: 5px;
}
.tke 
{
    position: absolute;
    width: 202px;
    margin-left: 1108px;
    margin-top: -130px;
}
.tke h3 
{
font-size: 14px;
color: #ffff00;
}
.lienhe
{
	    float: left;
    width: 355px;
    height: 160px;
    margin-top: 37px;
	    position: relative;
}
.text_contact
{
	    float: left;
    width: 48%;
}
.text_form
{
	     float: left;
    width: 49%;
    border-left: 1px solid #c4c4c4;
    padding-left: 10px;
    margin-left: 10px;
}
.thongke
{
    position: absolute;
    right: 0px;
    top: 12px;
    color: #fff;
}
.title_counter
{
	text-transform: uppercase;
    font-size: 18px;
}

.title_footer h4 
{	
    color: rgb(1, 170, 82);
    text-transform: uppercase;
    font-size: 14px;
}
#menu1
{
	    float: left;
    width: 100%;
    height: 50px;
    background: url(images/menu_footer_03.png)no-repeat;
    position: relative;
    top: -12px;
}
#menu1 ul
{
    list-style: none;
}
#menu1 ul li
{
	     float: left;
    text-align: center;
    padding: 17px 70px;
}
#menu1 ul li a
{
	    color: white;
    text-transform: uppercase;
}


/*++++++++++++++++++++Partner+++++++++++*/
#dtac
{
width:1180px;
height:200px;
background:#e7e7e7;
margin-left:80px;
}

#hinh
{
float:left;
margin-left:16px;
margin-top:10px;
}
#title2
{
height:40px;
background:url(images/dtac.png) no-repeat;
}
#title2 h2
{
 margin-left:50px;
 padding-top:10px;
 font-size:15px;
 font-family:arian;
}

/*++++++++++BASKET+++++++++++*/
div#basket{position:absolute;top:5px;right: 15px;width: 115px;height: 31px;background: url(images/order.png) no-repeat left center;}
div#basket p{color: #f55e07; font-weight: bold;margin-left: 40px;padding-top: 10px;}
div#basket a{color: #f55e07;}div#basket a:hover{color: #000;}
div.box-basket {position:relative;float: left;width: 350px;padding: 10px;}
div.box-basket-img {float: left;width:132px;}
div.box-basket-name{float: right;width:200px;}
div.box-basket-name h2{text-align:left;font-family: "Open Sans"; font-size: 15px;font-weight:600;color:#000;}
div.box-basket-mota{float: right;width:200px; margin-top:5px;text-align:left;line-height:1.5em;}

/*++++++++++Slider+++++++++++*/
div#slider 
{        
width: 100%;
    position: relative;
    border-bottom: 1px solid #c4c4c4;
}
.baiviet 
{
	    position: absolute;
    right: 40px;
    width: 792px;
    top: 130px;
    z-index: 99;
    border: 1px solid white;
    padding: 10px 15px !important;
    background: url(images/back_slider_09.png)no-repeat center center;
    box-sizing: border-box;
    overflow: hidden;
    color: #019a4b;
    font-weight: bold;
    line-height: 25px;
    font-family: OpenSans;
    font-size: 18px;
    height: 163px;
}
/*++++++++++Doi tac+++++++++++*/
#doitac
{
margin-left:85px;
margin-bottom:30px;
}
#doitac2
{
background:url(images/dtac.png)no-repeat;
height:40px;
}
#doitac2 a
{
color: black;
font-size:15px;
font-family:arian;
margin-left:50px;
line-height:40px;
}
#doitac1
{
width:1160px;
height:190px;
}
.mota_slider
{
          width: 500px;
    padding-left: 40px;
    margin-bottom: 49px;
}
.xemthem
{
    width: 200px;
    height: 52px;
    background: #1bd102;
    border-radius: 11px;
}
.xemthem a 
{
    color: white;
    font-size: 15px;
    padding-top: -87px;
    padding-left: 51px;
    line-height: 47px;
}
.xemthem a:hover
{
    color: red;
    font-size: 15px;
    padding-top: -87px;
    padding-left: 51px;
    line-height: 47px;
}
/*++++++++++Sort by+++++++++++*/
div.sortby{position: absolute;top: 10px;right: 0px;}
div.sortby p{float: left;margin-right: 10px;color: #555;line-height: 24px;font-size:12px;}
div.sortby #select_sort{padding:3px;min-width:170px;font-size:12px;color: #555}
/*++++++++++map footer+++++++++++*/

div#banner
{    
    position: absolute;
    left: 500px;
    top: 10px;
}
div#banner img
{
	width:100%;
}
div#banner .mhotline
{
	width:100%;
}
.mhotline a
{
	color: red;
	font-size: 20px !important;
	font-weight: bold !important;
}
div#banner h1{    position: absolute;
    right: 235px;
    top: 105px;
    font-size: 21px;
    text-shadow: 2px 2px 0px white;}
a#logo{display: inline-block;}

div#hotline{        color: white;
    position: absolute;
    right: 235px;
    top: 105px;
    font-size: 21px;}
div#hotline span:first-child{font-weight: 400;font-size: 18px;font-family: 'Times New Roman';color: #FF0;}
div#hotline span:last-child{font-weight: bold;font-size: 32px;font-family: 'Times New Roman';color: #da0000; font-style: italic;}
div.header-sub{position: absolute;}

div#header-top{width: 100%;}
div.header-center{position: relative;width:1000px;margin: 0px auto;}
div#header-place{position: relative;width: 1000px;margin: 0px auto;padding: 3px 0px;}
div#place{position: relative;float: left;min-width:150px;padding: 4px;border: 1px solid #CCC;border-radius: 3px;height: 16px;background: url(images/pin_map.png) no-repeat 5px -12px; background-size: 12px;}
h5#current-place{cursor: pointer;font-weight: bold;font-size:100%;color: #FFF;padding:0px 25px 20px 20px;background: url(images/arrow_state_grey_expanded.png) no-repeat 98% 1px; background-size: 15px;}
div#place ul{list-style: none;padding: 5px 0px;position: absolute;left: 0px;top:34px;display: none;min-width: 100%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;background: #FFF;z-index:1050;box-shadow: 0px 0px 3px #333;}
div#place ul h6{font-size: 95%;}
div#place ul li{margin:0px 3px;border-top: 1px solid #ccc;}
div#place ul li:first-child{border-top: none;}
div#place ul a{display: block;padding: 5px 0px 5px 20px;background: url(images/pin_map.png) no-repeat 3px 7px; background-size: 12px;}
div#place ul a:hover{color: #FFF;background-color: #373737;background-position: 3px -12px; background-size: 12px;}
div#place span{display: none;position: absolute;top:25px;left: 0px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}




ul.deal-nav li{border-left: 1px solid #ccc;margin-top:3px;}
ul.deal-nav h5{font-family: "Open sans";font-weight: 400;font-size: 14px;}


ul.header-nav-member li{padding-bottom: 15px !important;}
ul.header-nav-member a{font-family: "Open sans";font-weight: 400;font-size: 14px;}

div#header-hotline p{font-family: UTM_HEAVY;font-size:25px;color: #fff000;}
div#header-like{}
div#header-cart a{font-family: UTM;font-size:20px;}
div#header-cart span{color: #FF6100}
div#header-nav-login{position: absolute;top:27px;left: -40px;display: none;width: 200px;padding: 10px;color: #FFF;background: #333;border-radius: 0px 0px 5px 5px;box-shadow: 0px 0px 3px #000;z-index: 999999;}

div#header-middle{width: 100%;background: #02880f;}
div#header-navigation{position: relative;width: 1000px;margin: 0px auto;padding: 5px 0px;}

div#header-search{cursor: pointer;width:20px;height: 20px;bottom: 5px; right: 0px;background: url(images/icon_search.png) no-repeat center center;}
div#header-search span{display: none;position: absolute;z-index:1005;bottom:-21px;left: 4px;width:100%;height:15px;background: url(images/arrow_state_grey_expanded_up.png) no-repeat 10% bottom;}

/*++++++++++SEARCH+++++++++++*/
div#search
{         
    position: absolute;
    width: 224px;
    height: 28px;
    background: url(images/search_03.png)no-repeat;
    top: 10px;
    right: 0px;
}
div#search input
{        
    position: relative;
    top: 0px;
    left: 33px;
    height: 32px;
    display: inline-block;
    border: none;
    outline: none;
    background: none;
}
.menu li
{

}
div#btn
{        
    position: absolute;
    right: 0px;
    top: 1px;
    width: 43px;
    height: 30px;
    cursor: pointer;
}

div#header-bottom{width: 100%;background: #FFF;}

div#search1
{
margin-left:1190px; width:20px;height:18px;
display: block; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; padding: 13px; background: #05278a url(images/search.png) center;
		transform: skew(-35deg, 0deg) ;
		-webkit-transform: skew(-35deg, 0deg) ;
		-moz-transform: skew(-35deg, 0deg) ;
		-o-transform: skew(-35deg, 0deg) ;
		-ms-transform: skew(-35deg, 0deg) ;
}
#search2
{
margin-left:1000px;
}
/*===========index=============*/
.service_index
{
	    float: left;
    width: 287px;
    margin: 10px 30px 10px 0px;
    border: 1px solid #c4c4c4;
    height: 345px;
	position:relative;
}
.box-service-name
{
	    float: left;
    width: 100%;
    height: 40px;
    background: #02ae55;
    text-align: center;
}
.box-service-name h3 a
{
	    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff200;
    margin-top: 12px;
    width: 100%;
    font-weight: 400;
}
.box-service-img 
{
	    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.box-service-img  img
{
	width:100%;
}
.box-service-mota
{
	    float: left;
    width: 100%;
    padding: 0px 10px 10px 10px;
    box-sizing: border-box;
    text-align: justify;
}
.box-service-readmore
{
	    background: #07c160;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 12px;
    border-radius: 4px;
}

#content {
    min-height: 60vh;
}
.page_detail_news {
    padding-bottom: 3rem;
}
.page_detail_news .top_pg {
    padding: 2rem 0 0 0;
}
.page_detail_news .top_pg .txt1 {
    background-color: #e4212a;
    color: #fff;
    border-radius: 20px;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
}
.page_detail_news .top_pg .txt2 {
    color: #757575;
}
.container .row {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
}

.page_detail_news .social-row {
    text-align: left;
    margin-bottom: 2em;
}
.page_detail_news .content_page {
    line-height: 170%;
	margin-top: 10px;
}
.page_detail_news .content_page ul {
    padding-left: initial;
}


.box-service-readmore a
{
	    color: white;
}
/*++++++++++SUB MANU+++++++++++*/

nav#menu-nav{position: absolute;top:5px;left: 3px;width: 223px;height: 32px;}
nav#menu-nav h2.allNav{position:absolute;display: block;width:223px;height: 32px;cursor: pointer;font-size: 20px;font-family: UTM;font-weight:400;line-height: 30px;background: url(images/bg_all_nav.png) no-repeat top center;z-index: 1000;}
nav#menu-nav h2.allNav a{color: #FFF;display: block;margin-left: 20px;}
#menu2
{
	position: fixed;
    width: 100%;
    background: #e4212a;
    height: 40px;
    z-index: 4;
    background-size: 100% 100%;
    margin-top: 15px;
}

nav#menu > ul > li
{    
    float: left;
    height: 40px;
    text-align: center;
    padding: 0px 25px;
	border-right: 1px solid #fff;
}

.search>* {
    margin: 0;
    padding: 0;
}
.input-field {
    position: relative;
    margin-top: 0rem;
}
input:not([type]), input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: 0;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.search>* input[type=text] {
    font-size: 14px;
    height: 25px;
    margin: 0;
    width: 130px;
    border-color: #f9f9f9;
    padding-right: 25px;
}
.search>* label {
    font-size: 14px;
    top: 0.5em;
}
.input-field label {
    color: #c6c9cb;
    position: absolute;
    left: 0;
	top: 3px;
    font-size: 13px;
    cursor: text;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.search .icon-search {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 0;
    display: inline-block;
    background: url(images/icon_search_sm.png) right no-repeat;
    background-size: 80% auto;
}
.nav#menu > ul > li:hover
{
background: blue;
}	
nav#menu > ul > li > a > span
{
    display: block;
    padding: 12px 0px;
}

.container .row {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}


.row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
}
.news .item .inner {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.news .item .inner {
    background-color: #FFF;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    position: relative;
}

.news .item .inner .txt .title {
    font-size: 1.1em;
    margin: 10px 0;
    font-weight: bold;
    padding: 0 20px;
    -webkit-box-shadow: inset 3px 0 0 #ddd;
    box-shadow: inset 3px 0 0 #ddd;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.1em;
}
.news .item .inner .cate_of {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    min-width: 120px;
    padding: 0.7rem 1rem;
    letter-spacing: 1px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.news .item .inner .txt .desc {
    margin: 0 20px;
	font-size: 14px;
    color: #777;
}
.box_tabs .tabs {
    background: none;
    border-bottom: solid 2px #e4212a;
    padding-bottom: 0px;
    overflow: hidden;
    height: auto!important;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
}
.tabs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
}
.box_tabs .tabs .tab {
    height: auto;
    line-height: normal;
    text-transform: none!important;
    margin-right: 5px;
    float: left;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    min-width: 170px;
}
.tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.box_tabs .tabs .tab a.active {
    background-color: #e4212a!important;
	font-weight: bold;
	border-radius: 5px 5px 0 0px;
    color: #fff!important;
	font-size: 20px;
}
.box_tabs .tabs .tab a {
    padding-top: 0.8em;
    padding-bottom: 0.5em;
    text-align: center;
    background-color: #FFF;
    color: #000;
    display: block;
    width: inherit;
}
.sec06 {
    padding-top: 3em;
    padding-bottom: 3em;
   
}
.tabs .tab a {
    color: rgba(238,110,115,.7);
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    font-size: 16px;
	text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease;
    transition: color .28s ease;
}

/*++++++++++SEARCH+++++++++++*/
div#multi-search{float: left; width: 320px;min-height: 240px;background: #FFF url(images/bg_multi_search.png) repeat-x left center;overflow: hidden;}
div#multi-search .label{font-family: UTM;font-size: 25px;color: #FFF;float: left;margin-left: 28px;margin-right:80px;padding-top:10px;line-height: 30px;}
div#multi-search .label span{color: #000;}
div#multi-search .element-search{width:170px;height:23px;padding-left: 6px;color: #666;border: 1px solid #ccc;}
div#multi-search div#btn{position: relative;display: inline-block;width: 110px;height: 37px;line-height: 35px;font-size: 15px;font-weight: bold;color: #FFF;text-align: center;cursor: pointer;background: url(images/btn.png) no-repeat top center;}



/*++++++++++PAGINATION+++++++++++*/
div.pagination{clear:both;padding:10px;text-align:center; line-height:1.4em;}
div.pagination span{display: inline-block; color: #FF0; width: 25px; padding: 2px 0px;text-align:center;  background-color: #005596; font-weight: bold; cursor: pointer}
div.pagination a.paging{display: inline-block; color: #FFF; width: 25px; padding: 2px 0px;text-align:center;  background-color: #5E5E5E; font-weight: bold; cursor: pointer}
div.pagination a.paging:hover{background-color:#005596;}

div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 99999;}

div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++TOP NAVIGATION+++++++++++*/
#top-nav  ul 
{
	display:none;
}
.menu
{

    background-size: 100% 100%;
}
.menu a span
{
	color:#fff;
}

ul#top-nav a 
{   
    position: relative;
    z-index: 99;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    font-family: Verdana;
	transition: .5s ease;
}
ul#top-nav li ul li a 
{   
    position: relative;
    z-index: 99;
    display: block;
    color: #000;
    font-size: 14px;
	text-align:center;
	font-weight:normal;
    font-family: Verdana;
	text-transform:normal;
	transition: .5s ease;
}

ul#top-nav a :hover
{
	color:#777;
}

ul#top-nav ul
{    
position: absolute;
    list-style: none;
    width: 96%;
    top: 40px;
    left: 0px;
    z-index: 1000;
    box-shadow: 0px 0px 2px #999;
    text-align: left;
    background: #fff;
	padding: 20px 2%;
}
ul#top-nav ul li{float: left;  position: relative;width: 25%; height:180px; padding: 10px 1%;box-sizing: border-box;}
ul#top-nav ul li h3{ width: 100%; text-align: center; color: #000; padding: 10px;  box-sizing: border-box; text-transform: uppercase;font-weight: 200; font-size: 13px; line-height: 20px;
    height: 40px;}
ul#top-nav ul li img {width:100%;transition: .2s ease;}
ul#top-nav ul li img:hover {opacity:.5;}

ul#top-nav ul li a:hover{color: #e4212a !important;}
ul#top-nav ul li:hover ul li a{color: #FFF !important;}
ul#top-nav ul li:hover ul li a:hover{color: black !important;}
ul#top-nav li:hover ul ul, ul#top-nav li ul li:hover ul ul{display: none;}
ul#top-nav li:hover ul, ul#top-nav li ul li:hover ul{display: block;}


/*++++++++++COMPARE+++++++++++*/
div.compare-category{float: left;width:100%;}
div.compare-category h2{float: left;font-family: UTM; font-size: 20px;font-weight: 400;margin-left: 50px;margin-top:20px;}
div.compare-device{float: left;width:100%;margin-top: 20px;}
div.compare-buttons{float: left;width:120px;padding: 60px;}
div.compare{float: right;width:530px;}
div.compare-button{margin-bottom: 10px; font-family: UTM;font-size: 17px;font-weight: 400;cursor:pointer;width:120px;height:28px;line-height:25px;border: 1px solid #c53727;border-radius: 3px;color: #FFF;text-align: center;background: #2b2b2b; background: -webkit-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -moz-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -ms-linear-gradient(top, #2b2b2b 50%, #000 50%);background: -o-linear-gradient(top, #2b2b2b 50%, #000 50%);}
div.compare-button:hover{box-shadow: 0px 0px 5px #c53727;}
div.compare-search{float:left;position: relative; width: 100%;height: 40px;margin-top: 20px;background: #CCCCCC url(images/bg_search.png) no-repeat left center;border: 1px solid #e5e4e4;overflow: hidden;}
div.compare-search .label{font-family: UTM;font-size: 23px;color: #FFF;float: left;margin-left: 28px;margin-right:110px;padding-top:5px;line-height: 30px;}
div.compare-search .label span{color: #000;}
div.compare-search .element-search{float: left;width:170px;height:23px;padding-left: 6px;margin: 8px 5px;color: #999;border: 1px solid #ccc;}
div#compare-btn{position: absolute;right: 20px;top: 7px;width: 92px;height: 26px;cursor: pointer;background: url(images/btn.png) no-repeat top center;}
div.compare-search-result{float: left;width:100%;}

/*++++++++++LIENHE+++++++++++*/


/*++++++++++LEFT NAVIGATION+++++++++++*/
dl 
{   
	width: 100%;
    margin-top: 3px;
}
dt 
{       
	height: 35px;
    background: url(images/icon_dt_05.png) no-repeat 16px 13px;
}
dt a 
{
	color: black;
    display: block;
    text-transform: uppercase;
    margin-left: 29px;
    padding-top: 10px;

}
dt a:hover {color: blue;}
dt.active_ a{color: red;}
ul.left-nav {list-style: none;
    margin: 5px 46px;}
ul.left-nav li {border-top: 1px dotted #ccc;}
ul.left-nav li:first-child{border-top:none;}
ul.left-nav li a {text-transform: uppercase;
    display: block;
    color: black;
    padding: 5px 0px 5px 15px;
    font-weight: bold;
    background: url(images/icon_03.png) no-repeat -2px 8px;
}
ul.left-nav li a:hover,ul.left-nav li a.active {color: #F00;}

p#hotline{color: #F00;font-weight: bold;font-size: 17px;text-align: center;padding: 80px 10px 33px 80px;background: url(images/hotline.png) no-repeat 2px 2px;}
ul.support{list-style: none;margin:5px 5px 0px;}
ul.support li{margin-bottom: 5px;padding: 7px;}
ul.support li p{font-weight: bold;}

div#video{    float: left;
    padding: 6px;
    box-sizing: border-box;}
select#listVideo{     width: 236px; margin: 5px;padding: 5px;box-sizing: border-box;}
div#pics{float: left; width: 190px;height: 160px;margin: 5px;}
/*++++++++++RIGHT NAVIGATION+++++++++++*/
div#tabs-news{margin-top: 5px;}
ul.right-news{list-style: none;}
ul.right-news li{padding: 5px 0px;border-top: 1px solid #ccc;}
ul.right-news li:first-child{border-top: none !important;}

ul.cat-nav{list-style: none;}
ul.cat-nav li{padding: 5px 0px;border-top: 1px dotted #ccc;}
li#first-cat-nav{border-top: none;}
ul.cat-nav li a{display: block;padding-left: 20px;background: url(images/icon.gif) no-repeat 8px 4px;}

/*++++++++++PRODUCT+++++++++++*/
div#box-sp-slide{width: 645px;height:410px;}
div#box-sp-slide div.box-sp-img img{width: 645px; height: auto;margin-top: -167.5px}
div#box-sp-slide div.box-sp-time{padding: 2%;}



.mota 
{
    background: url(images/back_mota.png)no-repeat;
    width: 50%;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 300px;
    z-index: 3;
    background-size: 100% 100%;
    transition: all 1s;
	padding: 20px 10px 20px 52px;
    box-sizing: border-box;
	display:none;
}
.chitiet_one
{
	background: #e6e6e6;
    color: red !important;
    display: block;
    padding: 0px 11px;
    border-radius: 10px;
    width: 49px !important;
    line-height: 20px;
    margin-top: 10px;
    box-shadow: 1px 1px 1px #271D1D;
}

.bongmo
{
    width: 100%;
    top: 0px;
    height: 300px;
    background: url(images/bongmo.png)no-repeat;
    border-radius: 10px;
    z-index: 2;
    background-size: 100% 100%;
	transition: all 1s;
	    position: absolute;
		    display: none;
}
div.box-sp:hover .mota 
{
	display:block;
}
div.box-sp:hover .bongmo 
{
	display:block;
}
.mota a 
{
float: left;
    width: 100%;
    line-height: 22px;
    color: #fff;
    /*font-weight: bold;*/
}
div.box-sp-img 
{         
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}
.bong 
{
    background: url(images/bong_03.png)no-repeat;
    width: 100%;
    height: 25px;
}
div.box-sp-img img
{
      width: 100%;
	      transition: all 1s;
}

div.box-sp-name 
{        
    float: left;
    width: 100%;
    text-align: center;
	margin: 5px 0px;
    margin-top: -10px;
    z-index: 3;
    position: absolute;
}
div.box-sp-name h3
{    
    font-size: 17px;
    text-align: center;
}
div.box-sp-name a
{
    font-size: 18px;
    font-weight: bold;
    padding: 0px 10px;
	text-transform: uppercase;
}
div.box-sp-name a:hover{color: #F00}

div.box-sp-price{    
	float: right;
    width: 100%;
    text-align: center;
    height: auto;
	    margin: 10px 0px;
	}

div.box-sp-price p.old-price{margin-left: 10px;color:#666;text-decoration:line-through;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.special-price{color: #f55e07;font-size:14px;line-height: 30px;letter-spacing: -1px;}
div.box-sp-price p.save-price{display: inline-block;padding: 0px 10px;margin: 0px auto;font-family: UTM;font-weight: 400;color:#FFF; font-size: 20px;background: url(images/bg_save_price.png) repeat-x top center;}
div.box-sp-price span{color: #ff6600;}

div.box-sp-price p.cost{   
	font-size: 15px;
    font-weight: normal;
    padding: 0px 10px;
	
	}
div.box-sp-price p.cost span{font-size:15px;color: red;font-weight:bold;}
div.box-sp-price p.detail{float:right;width: 52px; height: 21px;text-align: center;margin-right:96px; }
div.box-sp-price pbox-sp-price a{display: block;width: 52px; height: 21px;line-height: 21px;font-weight: bold;background: url(images/bg_detail.png) no-repeat center top;margin-left:-96px;margin-top:5px;}


div.box-sp-mota{position: absolute;padding: 10px;width: 220px;display: none;visibility: hidden;background: #FFC;z-index: 1000;border: 2px solid #FC6;}
div.box-sp-hide{display: none;}
div.box-sp-show{display: block;}
div.box-sp-compare{position: absolute;top:0px;left: 0px;width: 148px;height:231px;display: none;background: rgba(0,0,0,0.5);z-index: 100;border-radius: 5px;}
div.box-sp-compare a{position: absolute;cursor: pointer;top: 80px;left: 53px;display: block;width: 40px;color: #FFF;text-align: center;line-height: 40px;font-size: 40px;background: #FF5900;z-index: 1000;}
div.box-sp-compare-added{visibility: hidden;}

div.box-sp-time{position: absolute;top:0px;left: 0px;padding: 3% 3%;width: 95%;display: none;background: rgba(0,0,0,0.8);}
div.box-sp-time p.note-count-down{float: right;font-weight: bold;color:#FFF;padding-left: 20px;background: url(images/time.png) no-repeat left center;}
div.box-sp-time p.bought{float: left;font-weight: bold;color:#FFF;}

div.box-sp-line{float: left; height:280px;border-left: 1px dotted #999;margin-left: -30px;margin-top: 45px;}
div.info-content_tintuc
{
      
    width: 100%;
    height: 227px;
    color: white;
	    margin-left: 16px;
		    float: left;
}

div#wrap-view{float: left;width: 100%;height: 3px;margin-top: 35px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;}
div#wrap-view a.viewAll{display: inline-block;color: #FFF;margin-top: -15px;border: 1px solid #FFF;border-radius: 4px;padding: 7px 15px;text-transform: uppercase;background: url(images/bg_viewAll.png) repeat-x left center;}
div#wrap-view a.viewAll:hover{color: #000;}
div#search-color img{cursor: pointer;border: 1px solid #f2f2f2}
div#search-color img.select-color{border: 1px solid #555;}

/*++++++++++PRODUCT_DETAIL+++++++++++*/
div#tabs {
   
    margin-top: 10px;
    
}
div#tabs ul#ultabs {
list-style:none;
     
}
div#tabs ul#ultabs li {
       float: left;
    color: white;
    padding: 10px 15px;
    margin-right: 1px;
    cursor: pointer;
    border-bottom: none;
    font-size: 14px;
    background-color: #0a38c1;
}
div#tabs ul#ultabs li:hover {
        float: left;
    color: #666;
    padding: 10px 15px;
    margin-right: 3px;
    cursor: pointer;
    border-bottom: none;
    font-size: 14px;
    background-color: #000;
}
div#content_tabs {
    border-top: none;
    padding: 10px 5px 5px 5px;
    list-style-position: inside;
}
/*+++++++++++++++++++INDEX++++++++++*/
.lanhdao_index
{
	float: left;
    width: 287px;
    margin: 10px 30px 10px 0px;
    position: relative;
}
.box-lanhdao-img
{
	    border: 1px solid #c4c4c4;
    padding: 5px;
}
.box-lanhdao-img img 
{
	width:100%;
}
.box-lanhdao-name
{
	    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
.box-lanhdao-mota
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
div.tabs {
   
    margin-top: -4px;
    
}
div.tabs ul.ultabs {
list-style:none;
     
}
div.tabs ul.ultabs li {
    float: left;
    margin-right: 3px;
}

div.content_tabs {
    border-top: none;
    padding: 10px 5px 5px 5px;
    list-style-position: inside;
}

/*++++++++++JS ZOOM PRODUCT+++++++++++*/
div.jszoom-product
{    
    float: left;
    width: 100%;
	position:relative;
}
.chitiet
{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.chitiet h2
{
    text-transform: uppercase;
    font-weight: 200;
    font-size: 20px;
	    border-bottom: 1px solid #c4c4c4;
}
.thumb-product
{
	    position: absolute;
    bottom: 5px;
    z-index: 999999;
    left: 10px;
    width: 98%;
    overflow: hidden;
}
.thumb-color 
{
    position: absolute;
    top: 48px;
    width: 108px;
    height: auto;
    right: 10px;
    z-index: 9999;
}
div.product_detail_img
{	
    width: 435px;
    border: 1px solid #c4c4c4;
    padding: 2px;
}
div.product_detail_img img
{	
    max-width: 435px !important;
}
.sp_lienquan
{
    float: left;
    width: 306px;
    margin-top: 10px;
}
div.thumb ul{position: relative;list-style: none;}
div.thumb ul li{position: absolute;z-index: 0;width: 300px;display: none;}
div.thumb ul li.active{z-index: 10;display: block;}
div.product-detail{float: left;width:400px;margin-top: 10px;line-height: 2em;list-style: inside;color: #000;}
div.product-detail img{max-width: 470px;}
div#product-detail img{max-width: 635px; height: auto !important;}
div.product-detail h3{font-family: "Open Sans"; font-weight: 400; letter-spacing:-1px;font-size: 27px; line-height:45px;}
div#linklk
{       
	float: left;
    width: 300px;
    height: 134px;
}
div#linklk1
{       float: left;
    margin-left: -79px;
    margin-top: 34px;

}
.icon_lk
{
    float: left;
    margin-left: 74px;
    height: 40px;
}
div.text img:hover
{

}

div.product-description
{    
    float: left;
    width: 465px;
    margin-left: 20px;
    line-height: 2em;
}
div.product-description h2
{    
	color: black;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
div.product-description p.line{border-bottom:1px solid #CCC;margin:10px 0px;}
div.product-description p.old-price{font-weight: 400;color:#FFF;font-size:14px;text-decoration: line-through;}
div.product-description p.special-price{font-weight: 400;color: #FF0;font-size:20px;letter-spacing: -1px;}
div.product-description p.save-price{font-weight: 400;color:#5E5E5E; font-size: 17px;padding:5px 0px;}

div.product-description div.box-sp{width: 135px;border: none;padding: 0px}
div.product-description div.box-sp-img {width: 135px;margin-top:0px;}
div.product-description div.box-sp-name {width:100%;margin:0px;height:32px;}
div.product-description div.box-sp-name h3{padding: 0px 5px;line-height: 1.5em;}
div.product-description div.box-sp-price {width:100%;margin:0px;}
div.product-description div.box-sp-price p{float: none;text-align: center;}

div.product-description-content{float:right;width: 100%;}
div.product-description-content div.title{position: relative;background: none;}
div.product-description-content div.title h2{margin-left: 0px;font-family: "Open Sans"; font-size: 15px;font-weight:600;text-align: left; text-transform: none;}
div.product-description-content div.content{width:100%;border: none;background: none;margin-bottom: 8px;}
div.product-description-content div.content p{float: left;width: 150px;margin-right: 10px;font-size: 13px;font-weight: bold;}
div.product-description-content div.content b{font-weight: bold;font-size: 13px;}
div.product-description-content p#color-name{position: absolute;top:10px;left:0px;width:100%;text-align: center;color: #000}

div.product-description-content p.bought{line-height: 12px;border: 1px solid #c6e59f;border-radius: 5px; float: left;padding: 7px 5px 7px 40px;background: #e2f2cf url(images/check.png) no-repeat 10px center; color: #70bd0f}
div.product-description-content p.note-count-down{margin-left: 30px;line-height: 18px;border: 1px solid #ccc;border-radius: 5px; float: left;padding: 10px 20px 10px 40px;font-family:"Open sans";font-weight: 400;font-size: 17px; background: url(images/clock.png) no-repeat 10px center;background-size: 25px;}
div.product-description-content p.gsp{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gsp2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}
div.product-description-content p.gv{float: left;margin-left: 30px;text-transform: uppercase; background: url(images/gv2.png) no-repeat 10px center; font-weight: bold;padding: 7px 20px 7px 40px;border-radius: 5px; border: 1px solid #ccc;}

div#color img{cursor: pointer;border: 1px solid #FFF}
div#color img.color-first{border: 1px solid #FF9900;}
div#size span{float: left;width:40px;background: #FFF; margin:3.5px;border: 1px solid #CCC;cursor: pointer}
div#size span.product-size{border: 1px solid #FF9900;}

div.quantity{float: left;width:100%;margin-top:10px;margin-bottom:20px;}
div.quantity p{float: left;margin-right: 10px;font-weight: 600;color: #000;font-family: "Open Sans"; font-size: 15px;}
div.quantity #input_quantity{padding:3px;width:30px;font-size:11px;color: #555;text-align: center}

#add_to_basket{cursor: pointer;float: left;margin-top:6px;margin-right: 3px;letter-spacing: -1px; background: #990004; padding: 6px 17px; font-size: 16px;font-weight: 700; color: #000; border-radius: 5px; -moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}
/*++++++++++TABS PRODUCT+++++++++++*/
div#tabs{    float: left;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #c4c4c4;
	box-sizing: border-box;
	}
ul#tabs-nav{float: left;list-style:none;}
ul#tabs-nav li{float: left;margin-right: 2px;}
ul#tabs-nav li h3{font-size:12px;}
ul#tabs-nav a{display: block;padding: 8px 20px;background: #F5F5F5;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;}
ul#tabs-nav a.active{position:relative;z-index:15;background: #FFF;color:#000;border:none;border-top:3px solid #5E5E5E;box-shadow: 0px -3px 5px #ccc;-moz-box-shadow: 0px -3px 5px #ccc;-ms-box-shadow: 0px -3px 5px #ccc;-o-box-shadow: 0px -3px 5px #ccc;-webkit-box-shadow: 0px -3px 5px #ccc;}
ul#tabs-nav a:hover{color: #000;}
div.content-detail{margin-top:-2px;margin-bottom:20px;position:relative;z-index:10;border-radius:0px 5px 5px 5px;-moz-border-radius:0px 5px 5px 5px;-ms-border-radius:0px 5px 5px 5px;-o-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;-ms-box-shadow: 0px 0px 5px #ccc;-o-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;background:#FFF;}

/*++++++++++NEWS+++++++++++*/
.tinnoibat
{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
}
.page-footer .copyright {
    opacity: .8;
    margin-bottom: 0;
    font-size: 15px;
}

.bottom_index
{
    background: #000;
    float: left;
    width: 100%;
    height: auto;
	padding:20px 0;
    margin-bottom: 0px;
}


.maxwidth .address {
    margin-top: 0px;
    margin-bottom: 5px;
}
.maxwidth .ft_bt--inner {
    border-top: 1px solid #444;
    padding-top: 20px;
    margin-bottom: 0;
}
.maxwidth .ft_bt--inner .col.left {
    text-align: left;
}
.maxwidth .ft_bt a {
    color: #ddd;
}
.maxwidth .ft_bt a:hover {
    color: #e4212a;
}
.maxwidth .ft_bt--inner .col {
    padding: 0!important;
}
.maxwidth .ft_bt--inner .col.link-ft b {
    margin: 0 3px;
    font-weight: 400;
	color: #828282;
}
.maxwidth .ft_bt--inner .col {
    padding: 0!important;
}



.title-bottom 
{
    background: url(images/title-bottom.png)no-repeat;
    width: 295px;
    height: 33px;
    margin: 20px auto;
    display: table;
    text-align: center;
}
.title-bottom a 
{
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    color: #d32317;
    font-size: 18px;
}
.video 
{
    float: left;
    width: 265px !important;
    margin-right: 46px;
}
.bxslider .video:nth-child(4n)
{
    margin-right: 0px
}
.box-video-img 
{
    width: 100%;
    border: 5px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
}
.box-video-img img 
{
	width:100%;
}
.box-video-shadow
{
    background: url(images/bong_video_12.png)no-repeat center;
    width: 100%;
    height: 16px;
}
.box-video-name 
{
	text-align: center;
}
.box-video-name h3 a 
{
	color:#fff;
}
.news_index
{

    width: 1200px;
    margin: 20px auto;
}
div.box-news1
{
    float: left;
    width: 100%;
    border-bottom: 1px dotted #c4c4c4;
    padding: 10px 0px;
}
div.box-news-mota1
{
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}
.box-news-name1
{
line-height: 20px;
    height: 40px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.box-news-name1 p
{
    color: #666;
}
div.box-news 
{    
    float: left;
    width: 440px;
    border-bottom: 1px dotted #c4c4c4;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0px;
}

div.box-news-img 
{    
    float: left;
    width: 145px;
    height: auto;
    border: 1px solid #ebebc3;
    margin-right: 10px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 2px;
    background: #f2f2f2;
}
{

}
div.box-news-img2 
{
       width: 95px;
    height: 82px;

}
div.box-news-mota3
{
    margin-left: 109px;
    margin-top: -65px;
}
div.box-news-img2 img
{
   width: 95px;
    margin-top: -13px;
}
div.box-news-img img:hover{ transform: scale(1.1);}
div.box-news-img img{width: 100%;	transition: all 1s;}
div.box-news-name 
{

    margin-bottom: 5px;

}
div.box-news-name h3 a{font-weight: bold;font-size: 13px;color:#000;}


div.box-news-mota 
{
    margin-left: 10px;
    color: #000;
}
div.box-news-readmore
{   
	float: right;
    background: url(images/icon_tt_15.png)no-repeat left center;
    padding-left: 10px;
}
div.box-news-readmore a
{   
    padding: 0px;
    font-size: 13px;
    color: red;
}
div.box-news-readmore a:hover{}

div#box-news-first {border-top: none !important;}

div#box-author{border-top: none; padding: 0px;}

/*++++++++++FORM+++++++++++*/

/*++++++++++BOTTOM NAVIGATION+++++++++++*/
ul#bottom-nav{list-style: none;text-align: center;}
ul#bottom-nav li{display: inline-block;}
ul#bottom-nav li a{font-weight: bold;padding:0px 10px;text-transform: uppercase;font-size: 12px;border-left: 1px solid #FFF;text-shadow: 0px 0px 2px #000}

li#first-bottom-nav a{ border-left: none !important; padding-left: 0px !important;}

/*++++++++++POPUP+++++++++++*/
div#popup{position: fixed;bottom: 0px; right: 0px;width: 250px; height: 250px;z-index: 1000;}
div#icon{height: 25px;background: #666;text-align: right;box-shadow: 0px -1px 5px #000;border-radius: 7px 7px 0px 0px;-webkit-border-radius: 7px 7px 0px 0px;	-moz-border-radius: 7px 7px 0px 0px;-o-border-radius: 7px 7px 0px 0px;-ms-border-radius: 7px 7px 0px 0px;}
div#icon a{cursor: pointer;color: #FFF;padding: 0px 8px;}

/*++++++++++OTHER+++++++++++*/
div#online{       margin-left: 64px;
    height: 90px;
    color: black;
    margin-top: 12px;
    line-height: 21px;}
div#online p{    font-weight: bold;}
div#online b{font-weight: bold;color: black;}

.tablelienhe span {color:#F00;}
.tablelienhe td {height:30px;}
.tablelienhe .input {    width: 95%;
    height: 26px;
    border: 1px solid #ccc;}
.tablelienhe1 .input
{
  float: left;  azimuth: center; width: 155px; height: 20px; border: 1px solid #ccc;padding: 5px;    margin-right: 5px;
}
.tablelienhe .title {font-size:14px;font-weight:bold;text-transform:uppercase}

/* ---- table layout ---- */
.blue_table, .blue_table td {border:1px solid #ccc; padding:2px;margin: 5px auto;clear:both;font-size:11px;font-family:"Tahoma", Arial;color: #333333;border-collapse:collapse;line-height:1.5em;outline:none;}
.blue_table td {width: 25%;background-color:#e2e2e2;}
.blue_table th {font-weight:bold;text-align: left; color:#333; background-color:#ccc; font-family:Tahoma; font-size:12px; border:1px solid #D5EAFF; padding:2px 5px;}
.blue_table th a:link, .blue_table th a:visited, .blue_table th a:hover, .blue_table th a:active {font-weight:bold;color:#fff;font-family:Tahoma;font-size:11px;}


div.service{width:100%;margin: 10px auto;}
div.category{float: left;width: 220px;padding:10px; }
div.category-title{float: left;padding-bottom:5px;border-bottom: 1px solid #ccc;}
div.category-title h3{font-size: 12px;font-weight: bold;color: #FFF;text-transform: uppercase;}
div.category-content{float: left;width: 100%;color: #FFF;line-height: 1.5em;}
div.category-content h3{font-family:UTM;font-size: 20px;line-height: 30px;font-weight: 400;color: #ffb400;text-transform: uppercase;}
div.category ul{margin-left: 10px;}
div.category ul li{list-style: circle inside;padding: 5px 0px;}
div.category ul li a{color: #FFF;font-weight: bold;}
div.category ul li a:hover{text-decoration: underline;}

div#footer-social{width: 100%;background: #222;padding: 20px 0px;border-top: 1px solid #666;border-bottom: 1px solid #666;}
div#footer-social h3{float: left;font-size: 30px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social p{float: left;margin-left: 30px;padding-top: 7px;}
div#footer-social h2{float: right;font-size: 28px;color: #FFF;font-family: UTM;font-weight: 400;}
div#footer-social h2 a{display: block;padding: 5px 20px;background: #02880f; border-radius: 5px;color: #FFF;}
div#footer-social h2 a:hover{color: #ffb400;}

div#newsletter{position: relative;float: left;width: 498px;height: 50px;background: url(images/bg_newsletter.png) no-repeat top center;}
input#email_newsletter, input#name_newsletter{width:166px;padding-left: 8px;height: 22px;border:1px solid #CCC;box-shadow:0px 0px 2px #CCC}
a#send_email_newsletter{display: inline-block;cursor: pointer;}
div.thongtin{float: left;width: 300px; margin:16px;}
div.thongtin-title{width: 100%;}
div.thongtin-title h2{font-size: 13px; text-transform: uppercase;}
div.thongtin-content{width: 100%;}

/*======================CSS3================*/
/*.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}*/
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.thongtinmail
{
    float: left;
    margin-top: 15px;
    width: 100%;
}
.icon_mail a 
{

}
.text_mail
{
    float: left;
    width: 200px;
	margin-bottom: 10px;
}
.icon_mail
{
    float: left;
    width: 47px;
}
.box-img-news1
{
    float: left;
    width: 100px;
}
.box-img-news1 img
{
    width: 100%;
}
.thongtin_news1
{
    float: left;
    width: 100%;
    text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
}
.content1
{
        float: left;
    background: url(images/back_thongke_06.png)no-repeat;
    width: 100%;
}
.box-dt-chinhanh
{
    font-size: 15px;
}
.box-name-news1
{
	text-transform: uppercase;
    font-weight: bold;
}

#cts_partner3
{	
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    background: #f6f6f6;
}
.doitac-w 
{
    width: 1200px;
    margin: 0px auto;
    overflow: hidden;
}
.noidung
{
   	padding: 25px 0;
	background-color: #d8d8d8;
    width: 100%;
    height: 130px;
}
.footer 
{
    width: 1200px;
    margin: 0 auto;
}
.noidung h4 
{
    color: #FFF;
    font-size: 20px;
    margin: 20px 0px;
}
.face_book
{
	float: left;
    margin-left: 50px;
	width: 340px;
}
.text_noidung h4
{
	font-family: UTM_HEAVY;
    color: #0c00fb;
    font-size: 20px;
    padding: 5px 20px;
}
.google_map
{
    float: left;
    width: 300px;
    height: auto;
    margin-top: 30px;
    border: 5px solid white;
    margin-left: 40px;
}
.google_map p
{	
	text-align:center;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.left {
    float: left!important;
}
.email
{
float: left;
    width: 100%;
    text-align: center;
    background: url(images/iconmail_09.png)no-repeat 18px center;
    line-height: 35px;
    padding-left: 19px;
    font-size: 14px;
}
#exampleInputEmail1
{
	       margin: 12px 10px;
    height: 29px;
    width: 205px;
    border-radius: 19px;
    text-align: left;
    padding: 0px 5px;
}
#frm
{
	position:relative;
}
#post_ok
{
    background: url(images/gui_03.png)no-repeat;
    width: 49px;
    height: 30px;
    position: absolute;
    top: 19px;
    right: 8px;
}
#bdo p 
{	
	text-align:center;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#facebook
{
    margin-top: 10px;
}
.hotline
{
	position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: red;
    font-weight: bold;
    background: url(images/back_ht_left_08.jpg)no-repeat center;
    height: auto;
    border-bottom: 0px dotted #A2A0A0;
}
.hotline a
{
    color: red;
    font-weight: bold;
    position: absolute;
    left: 80px;
    top: 81px;
    font-size: 16px;
    width: 135px;
}
.ht_online 
{
    float: left;
    width: 100%;
    margin: 5px 0px;
}
.title_ht_onlie
{
    float: left;
    width: 49%;
    margin-left: 10px;
    border-bottom: 1px solid #000;
    padding: 2px 0px;
    margin-bottom: 10px;
}
.thongtin_lh
{
    width: 90%;
    margin: 0px auto;
    line-height: 20px;
    background: url(images/icon_hotro_03.png)no-repeat left center;
    padding-left: 28px;
    box-sizing: border-box;
}
.hotro
{
    width: 100%;
    float: left;
    border-bottom: none;
    box-sizing: border-box;
    background: #fff;
}
.hotro1
{
    float: left;
    width: 100%;
}
.hotro1 img 
{
	width:100%;
}
.ht_text
{
    float: left;
    width: 100px;
    line-height: 20px;
}

.ht_info
{
	width: 90%;
    margin: 10px auto;
    display: table;
}
.ht_icon
{
    display: table;;
}
.ht_icon a 
{
	display: table-cell;
    vertical-align: middle;
    color: blue;
    margin-right: 10px;
}
.share
{
    float: left;
    width: 465px;
}
.box_sp_info
{
    float: left;
    width: 100%;
    height: auto;
}
.box_sp_content
{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.title_web
{
    text-indent: -99999px;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.copyright p
{
    color: white;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
}
.like_facebook {
    position: fixed;
    top: 265px;
    right: -300px;
    width: 347px;
    z-index: 9999999;
}
.icon_like {
    float: left;
    width: 48px;
    cursor: pointer;
}
.content_like {
    float: left;
    width: 180px;
    background-color: #F7F7F7;
}
.box-duan
{
        float: left;
    width: 450px;
    margin-right: 30px;
    margin-top: 20px;
	height:auto;
	
}
.box-duan-img
{
        float: left;
    width: 100%;
    height: 400px;
    border: 1px solid #bbb;
    box-shadow: 1px 1px 1px 1px #f2f2f2;
}
.box-duan-img img
{
    width: 100%;
	height:400px;
}
.box-duan-name
{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.box-duan-mota
{
    float: left;
    width: 100%;
    height: 84px;
}
.box-duan:hover
{
    background: #776F6F;
    opacity: 1.2;
    transition: 1.5s;
}
/*=================hotro=============*/

.text_hotline
{
	width: 90%;
    margin: 0px auto;
    padding: 20px;
    color: red;
    font-weight: bold;
}
div#support_icon{
	width: 250px;
	position: fixed;
	bottom: 0; right: 0;
	text-align: center;
	padding: 5px 0px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	z-index: 9500;
	
	
}

div#support{
	position: fixed;
	right: -300px;
	width: 275px;
	display: none;background: #FFF;
	/*background: #FFF url(images/support.jpg) no-repeat center bottom;*/
	box-shadow: 0px 0px 5px #000;
	z-index: 9999;
}
.slick-next {
    background: url(images/pre1.png)no-repeat center;
    background-color: rgba(255, 106, 0, 0.48);
    top: -25px;
    right: 45%;
}
.slick-prev {
    background: url(images/next1.png)no-repeat center;
    background-color: rgba(255, 106, 0, 0.48);
    bottom: -25px;
    left: 45%;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}
/*--------------------------Menu Left-----------------------*/

    .sidebarmenu ul{
       margin: 0;
    padding: 0;
    list-style-type: none;
    /* font: bold 13px Verdana; */
    width: 100%;
    }
    .sidebarmenu ul li{
	    position: relative;
    background: url(images/back_left_03.png)no-repeat;
    border-bottom: 1px solid #fff;
    background-size: cover;
	    padding: 0px 10px;
    box-sizing: border-box;
    }
    .sidebarmenu ul li a{
        display: block;
    overflow: auto;
    color: #000;
    text-decoration: none;
    padding: 15px;
    text-transform: uppercase;
    background: url(images/icon_left_07.png)no-repeat left center;
    }
	.sidebarmenu ul ul li
	{
	border-left: 1px solid #fff;
	}
    .sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
    }

    .sidebarmenu ul li a:hover{
	color:blue;
	font-weight: bold;
    }
    /*Sub level menu items */
    .sidebarmenu ul li ul{
    position: absolute;
    width: 250px; /* Độ rộng của menu con cấp 2 và 3 */
    top: 0;
    visibility: hidden;
	z-index: 99999;
    }
    .sidebarmenu a.subfolderstyle{
    background: url(http://1.bp.blogspot.com/-Dnx2NMUc_VA/UaoeKUU5oQI/AAAAAAAADNc/8ysOZjddVls/s1600/xo+xuong+blogger.gif) no-repeat 97% 50%;
    }
div.title_popup {float: left;width:100%;height: 35px;background: #02ae55;}

div.title_popup h5{text-align: center;font-weight: bold;font-size: 13px;color: #FFF;line-height: 34px;text-transform:uppercase;}
div.content_popup {float: left;width: 100%;border-top: 5px solid #b7b9b9;margin-top: 1px;}

.sang_fixed{
overflow:hidden;
height:70px;
}
.snag_sad{
height:1760px;
overflow:hidden;
}

/*---------------Popup----------*/
#popub {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 999999999;
    text-align: center;
}
#popub .popub {
    position: relative;
    max-width: 80%;
    margin: auto;
    display: inline-block;
}
#popub .popub .close_popup {
    position: absolute;
    background: url(images/close.png) center center no-repeat;
    width: 60px;
    height: 60px;
    right: -33px;
    top: -33px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .5);
    background-color: rgba(255, 255, 255, .1);
}
.close_popup,
.list-group-item>.badge {
    float: right;
}
.close_popup {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
#popub {
    width: 100%;
    height: 100%;
    display: none;
}
#popub .popub .close_popup:hover {
    background-color: rgba(255, 255, 255, .3);
    box-shadow: 0 0 20px rgba(255, 255, 255, .8);
    cursor: pointer;
}
.prev_sub_news i,.next_sub_news i
{
    color: white;
}
.prev_sub_news {
    position: absolute;
    top: 42%;
    margin: 0;
    background: black;
    border-radius: 0;
    left: 0;
    padding: 20px 10px;
    opacity: 0.5;
    cursor: pointer;
}
.next_sub_news {
    position: absolute;
    top: 42%;
    margin: 0;
    background: black;
    border-radius: 0;
    right: 0;
    padding: 20px 10px;
    opacity: 0.5;
    cursor: pointer;
}
.slick-slide img
{
    width: 100%;
}
.popub1
{
    position: relative;
}


.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}
.hotline-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:2px solid #fff;left:33px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:50px;display:block;letter-spacing:1px;line-height:38px;font-family:Arial}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@media (max-width:768px){.hotline-bar{display:none}}



.link {
    border: 2px solid #e87328;
    border-radius: 24px;
    padding: 10px 30px;
    transition: background-color .25s ease-in-out;
    background-color: transparent;
    color: #fff;
	margin-top:20px;
}
.link:hover {
    border: 2px solid #e87328;
    border-radius: 24px;
    padding: 10px 30px;
    transition: background-color .25s ease-in-out;
    background-color: #e87328;
    color: #fff;
	margin-top:20px;
}
.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}



.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 80px;
  padding: 15px;
  background: #e87328;
  color: #fff;
  font-size: 20px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #474747;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #f1f1f1;
  display: block;
  transition: 0.5s;
}

.sidenav a:hover {
  color: #e87328;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}


.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
@media only screen and (min-width: 960px)
{
	.float-icon-hotline ul li .fa {
		background-size: contain !important;
	}
}
.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}
.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.tada {
    animation-name: tada;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.float-icon-hotline ul li span {
    display: inline-block;
    padding: 0;
    background-color: #ff6a00;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 40px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #ff6a00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}
.float-icon-hotline ul li .fa-zalo {
    background: #ef0303 url(images/zalo.png) center center no-repeat;background-size: 100%;
}
.float-icon-hotline ul li .fa-zalo:hover {
    background: #ef0303 url(images/zalo.png) center center no-repeat;opacity:.5;background-size: 100%;
}
.float-icon-hotline ul li .fa-messenger {
    background: #168efb url(images/fb.png) center center no-repeat;background-size: 100%;
}
.float-icon-hotline ul li .fa-messenger:hover {
    background: #168efb url(images/fb.png) center center no-repeat;opacity:.5;background-size: 100%;
}
#input{
	width: 100%;padding: 10px 10px;margin: 8px 0;display: inline-block;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;font-family: Verdana;font-size:14px
}
#textarea{
	width: 100%;height: 120px;padding: 10px 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;font-size: 14px;box-sizing: border-box;font-family: Verdana;
}
#submit{
	width: 100%;background: none !important;background-color: #e4212a !important;color: white;padding: 14px 20px !important;margin: 8px 0 0px 0;font-size: 14px;border: none; font-weight:bold; border-radius: 4px !important;
}

.support {
    padding: 20px 0;
    background: linear-gradient(to left, white 0%, #e9e9e9 100%);
}


.support .container .h4, h4 {
    font-size: 1.5rem;
	margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    color: inherit;
}
.support .container p {
    margin-top: 0;
    margin-bottom: 1rem;
	font-size: 16px;
    font-family: Roboto,sans-serif;
	font-weight: 400;
    line-height: 1.5;
    color: #212529;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.support .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
	margin-top: 20px;
}
.support .row p span.contact {
    font-size: 18px;
    padding: 0 20px;
    background-color: #f44336;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f44336), color-stop(100% #d2190b));
    background-image: -webkit-linear-gradient(top, #f44336 0%, #d2190b 100%);
    background-image: -moz-linear-gradient(top, #f44336 0%, #d2190b 100%);
    background-image: -ms-linear-gradient(top, #f44336 0%, #d2190b 100%);
    background-image: -o-linear-gradient(top, #f44336 0%, #d2190b 100%);
    background-image: linear-gradient(top, #f44336 0%, #d2190b 100%);
    color: #fff;
    margin-right: 15px;
    display: inline-block;
    line-height: 35px;
    border-radius: 3px;
}
.support .row p span.contact .smartobj, .support .row p span.contact .smartobj:hover {
    color: #fff !important;
}
.support .row p span.contact img {
    margin-right: 10px;
    vertical-align: middle;
}