/*-----------css reset---------------------*/
html,
body,
div,
span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

/*----------basic----------------*/
html,
body {
	min-width: 1230px;
	color: #000;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
}

body {
	max-width: 1366px;
	margin: auto;
	position: relative;
	/* background: #eeeeee; */
}

html {}

/*Prevent Firefox Scrollbar Jump*/
a {
	text-decoration: none;
	color: #000;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

a:hover {
	color: #f00;
	text-decoration: none;
}

p {
	margin-bottom: 5px;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

input,
textarea {
	padding: 0;
	margin: 0;
	resize: none;
	outline: none
}

select,
.cp {
	cursor: pointer;
}

.clear {
	clear: both;
}

:focus {
	outline: 0;
}

input:focus {
	outline: 1px solid #f97d17;
}

textarea:focus {
	outline: 1px solid #f97d17;
}

del {
	text-decoration: line-through
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

button {
	border: 0;
	cursor: pointer;
	font-weight: bold;
	outline: none
}

ul,
ol {
	margin: 0;
	text-decoration: none !important;
	padding-left: 20px;
}

.nowrap {
	white-space: nowrap;
}

.w_1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0 0px;
}

.wikis {
	width: 1230;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
}

.relative {
	position: relative;
}

.w_50 {
	width: 50%;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.shadow {
	background: url('../img/bg-shadow.png') repeat-x bottom center;
}

.inl-block {
	display: inline-block;
}

.cot_2 {
	width: calc(50% - 15px);
	float: left;
	padding-left: 30px;
	box-sizing: initial;
}

.cot_2:nth-child(2n+1) {
	padding-left: 0;
	clear: both;
}

.cot_3 {
	width: calc((100% / 3) - 14px);
	float: left;
	margin-left: 21px;
	box-sizing: border-box;
}

.cot_3:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.col_3 {
	margin: 0 -15px;
}

.col_3>div {
	max-width: calc((100% / 3) - 30px);
	margin: 0 15px 20px 15px;
}

.col_4 {
	margin: 0 -6px;
}

.col_4>div {
	width: calc(20% - 12px);
	margin: 6px;
}

.cot_4 {
	width: calc(25% - 15px);
	float: left;
	padding-left: 20px;
	box-sizing: initial;
}

.cot_4:nth-child(4n+1) {
	clear: both;
	padding-left: 0;
}

.col_5 {
	margin: 0;
}

.col_5>div {
	width: 20%;
	margin: 0px;
}

.cot_5 {
	width: calc(20% - 20px);
	float: left;
	padding-left: 24px;
}

.cot_5:nth-child(5n+1) {
	padding-left: 0;
	clear: both;
}

.cot_6 {
	width: calc(100% / 6 - 17.5px);
	padding-left: 21px;
	float: left;
}

.cot_6:nth-child(6n+1) {
	padding-left: 0;
	clear: both;
}

.colum_2 {
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-moz-column-rule: ;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: ;
	column-count: 2;
	column-gap: 30px;
	column-rule: ;
}

.bor_1 {
	border: 1px solid #cdcdcd;
}

.bor_l_t {
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	box-sizing: border-box;
}

.bor_r_b {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	box-sizing: border-box;
}

.br_50 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	z-index: 99;
}

.br_50 img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	z-index: 90;
}

.br_10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	z-index: 99;
}

.pad_10 {
	padding: 10px;
}

.pad_15 {
	padding: 15px;
}

.text-center {
	text-align: center;
}

.ver-mid {
	height: 100%;
}

.ver-mid:before {
	vertical-align: middle;
	display: inline-block;
	content: "";
	height: 100%;
	width: 0px;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
}

.hide,
.hidden-bg,
.none {
	display: none;
}

.border_b_s {
	border-bottom: 1px solid;
}

.text_sd {
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#fff)";
	text-shadow: 0 2px 0 #fff, 0 0 2px #fff, 2px 0 0 #fff, 2px 2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=255, Color=#fff);
}

h2.name {
	font-size: 18px;
	margin: 15px 0;
}

/*Phan trang*/
.phantrang {
	text-align: center;
	background: rgba(0, 0, 0, 0);
	padding: 5px 0px;
	font-family: Arial;
}

.phantrang a,
.phantrang span {
	display: inline-block;
	background: #eaeaea;
	color: #000;
	cursor: pointer;
	font-size: 11px;
	margin: 10px 3px 10px 4px;
	padding: 6px 11px;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #cdcdcd;
}

.phantrang span {
	/* padding:5px 10px 5px; */
	background: #a5a3a3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #FFF;
}

.phantrang a:hover {
	background: none repeat scroll 0 0 #929292;
	/* box-shadow: none; */
	color: #FFFFFF;
	/* text-decoration: none; */
}

.phantrang .paginate_button_disabled,
.phantrang .paginate_button_disabled:hover {
	background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
	border: 1px solid #D2D2D2 !important;
	color: #ADADAD !important;
	cursor: default;
	opacity: 0.7;
}

.phantrang .paginate_active,
.phantrang .paginate_active:hover {
	background: none repeat scroll 0 0 #05bfdc;
	box-shadow: none;
	color: #FFF;
	font-weight: bold;
}

/* My */
.vshd {
	visibility: hidden;
	height: 0px;
	width: 0px;
	position: fixed;
	top: -10px;
}

#back-top {
	position: fixed;
	bottom: 100px;
	right: 15px;
	text-align: center;
	display: none;
	z-index: 999;
	padding: 0;
	/*position: absolute;bottom: 0;left: calc(50% - 40px);*/
}

.button {
	padding: 8px 20px;
	background: #ffd800;
	color: #000;
	border: none;
	margin: 3px 0;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	font-family: osb;
	text-transform: uppercase;
}

.button:hover {
	color: #ff0;
}

.input {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #e1e1e1;
}

.center {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.w-clear:after {
	display: block;
	content: "";
	clear: both;
}

.bg_f {
	background: #fff;
}

.red {
	color: #F00;
}

.rb {
	color: #F00;
	font-weight: bold;
	font-size: 18px;
}

.addthis_native_toolbox {
	margin-top: 5px;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.mrb15 {
	margin-bottom: 15px;
}

.mrt15 {
	margin-top: 15px;
}

#load {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: url(../img/loading.gif) no-repeat center, #FFF;
	display: none;
	opacity: 0.9;
	top: 0px;
	left: 0px;
}

.ct-l.load {
	background: url(../img/load.gif) no-repeat center;
	min-height: 200px;
}

.del {
	text-decoration: line-through;
}

.images img {
	width: 100%;
}

.flag {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	color: #025ace;
	line-height: 20px;
	font-size: 15px;
	/* position:  absolute; */
	/* top: 3px; */
	/* right: 120px; */
}

.flag img {
	margin-left: 5px;
	vertical-align: sub;
	width: 30px;
	height: 24px;
	border: 1px solid #999;
}

#change-lang {
	background: none;
	border: none;
	padding: 6px;
}

.title {
	margin: 0px 0 15px 0;
	position: relative;
	background: url(../img/tt-b.png) no-repeat bottom left;
}

.title .name {
	display: inline-block;
	position: relative;
	font-family: utmhi;
	padding: 5px 0px;
	color: #1f8be1;
	margin: 0px;
	box-sizing: border-box;
	font-size: 24px;
	text-transform: uppercase;
	z-index: 90;
	/* background: #368704; */
	/* padding: 0; */
}

.title .name:before {
	/* content: ""; */
	display: block;
	width: 50px;
	height: 5px;
	background: #3366cc;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.main-tit {
	position: relative;
	z-index: 99;
	padding: 0 0 15px 0;
	font-family: rr;
	margin: 0 0 20px 0;
	/* border-bottom: 2px solid #d60e0e; */
	text-align: center;
	color: #000;
	background: url(../img/tcat-b.png) no-repeat center bottom;
}

.main-tit:before {
	/* content:""; */
	position: absolute;
	left: 15px;
	width: 60px;
	bottom: -15px;
	height: 50px;
	background: url(../img/tcat-l.png) no-repeat;
	background-size: 100% 100%;
	z-index: 99;
}

.main-tit .icon {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	/* padding-right: 3px; */
	margin-right: 5px;
	border: 3px solid #3bc26d;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 99;
	overflow: hidden;
}

.main-tit .name {
	position: relative;
	/* padding: 15px 5px; */
	font-size: 36px;
	/* line-height: 26px; */
	color: #1f8be1;
	/* min-width: 250px; */
	font-family: rb;
	text-transform: uppercase;
	margin: 0;
	display: inline-block;
	z-index: 22;
}

.main-tit .name:after {
	/* content:""; */
	position: absolute;
	left: calc(50% - 15px);
	bottom: -3px;
	width: 30px;
	height: 5px;
	background: #2e3192;
	background-size: 100% 100%;
	z-index: 99;
}

.main-tit .tt {
	font-size: 20px;
	font-family: rl;
}

.main-tit .fr {
	font-size: 13px;
	padding: 4px;
	text-transform: uppercase;
	font-family: rb;
}

.box-tab-tit {
	font-family: sfufbk;
	color: #fff;
	padding: 0px;
	font-size: 23px;
	text-transform: capitalize;
	margin-bottom: -1px;
}

.box-tab-tit:after {
	display: block;
	content: "";
	clear: both;
}

.box-tab-tit>div {
	position: relative;
	display: block;
	float: left;
	line-height: 21px;
	padding: 12px 25px;
	margin: 0px 5px 0 0px;
	text-align: center;
	cursor: pointer;
	/* background: #efefef; */
	color: #000;
	box-sizing: border-box;
	/* border: 1px solid; */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.box-tab-tit>div:first-child {}

.box-tab-tit>div.active {
	background: #1d61c6;
	color: #fff;
	/* border-bottom: 1px solid #fff; */
}

.box-tab-tit>div:hover {
	/* background: #f3f3f3; */
}

.box-tab-con {
	display: none;
	padding: 15px;
	background: #fff;
	color: #000;
	border-top: 1px solid #e8e8e8;
}

.box-tab-con:first-child {
	display: block;
}

.box-tab-tit>div,
.box-tab-con {
	border-color: #e8e8e8;
}

.slick-img-thumb {
	width: calc(100% + 10px);
	margin-left: -5px;
}

.slick-img-thumb img.thumb {
	box-shadow: none !important;
	border: 1px solid #CCC !important;
}

.slick-dots {
	margin: 0px !important;
}

#smenu {
	display: none;
	background: #1c88f5;
	color: #FFF;
	padding: 5px 10px;
}

.i-menu {
	width: 30px;
	margin-right: 10px;
	cursor: pointer;
}

/* RP Iframe*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

.listvideos {
	cursor: pointer;
}

.top_fix {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1200px;
}

/* Banner */
.top-banner {
	font-size: 24px;
	line-height: 30px;
	font-family: rr;
	/* color: #fff; */
	text-align: left;
	font-size: 15px;
	/* padding: 10px 0; */
	position: relative;
	z-index: 9;
	background: #ebebeb;
}

.top-banner:before {
	/* content:""; */
	position: absolute;
	background: #3bc26d;
	display: block;
	top: 3px;
	right: 0;
	height: 40px;
	width: calc(50% - 600px);
}

.top-banner .fa {
	font-size: 16px;
	/* color: #fff; */
}

.top-banner-l {
	position: relative;
	float: left;
	/* margin-left: 260px; */
	/* padding: 8px; */
	/* line-height: 30px; */
}

.top-banner-l span {
	/* margin-right: 15px; */
	display: inline-block;
	padding: 5px 15px;
}

.top-banner-r {
	position: relative;
	float: right;
	/* position: absolute; */
	/* top: 3px; */
	/* right:  0; */
	/* background: #3bc26d; */
	/* padding: 5px; */
}

.top-banner-r:before {
	/* content:""; */
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 33px;
	background: url(../img/bg-bn-l.png);
	background-size: 100% 100%;
}

.top-banner-r>span {
	margin: 0 0 0 15px;
	/* color: #fff; */
	padding: 5px 10px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	/* height: 35px; */
}

.top-banner span.tt {
	color: #ff9300;
	padding: 0;
}

.top-banner-r select {
	border: none;
	background: none;
}

.top-banner .hotline {
	font-family: rb;
	color: #f00;
}

#banner {
	font-family: RR;
	/* z-index: 999; */
	position: relative;
	/* top: 30px; */
	/* width: 100%; */
	/* text-align: center; */
	/* border-bottom: 2px solid #1b3e98; */
	padding: 0px 0 0 0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";-moz-box-shadow: 0 -1px 15px rgba(0,0,0,0.3) ;-webkit-box-shadow: 0 -1px 15px rgba(0,0,0,0.3) inset;box-shadow: 0 -1px 15px rgba(0,0,0,0.3) ;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000);*/
	background: #fff;
	background-size: auto 100%;
}

#banner .top-banner a {
	vertical-align: top;
}

#banner:before {
	/* content:""; */
	position: absolute;
	width: calc(50% - 600px);
	left: 0;
	top: 0;
	150px: 10pxbackground: url(../img/bg-bn-b.png) repeat-x top center;
	height: 120px;
	background: #fff;
	z-index: 999;
}

.banner {
	/* padding: 0 0 6px 0; */
	/* text-align: center; */
	/* position: absolute; */
	z-index: 9876;
	/* top: 100px; */
}

.banner-m span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	max-width: 540px;
}

.bn_top img {
	margin: 0 15px;
}

.banner-l {
	float: right;
	/* width: 400px; */
	text-align: left;
	padding: 5px 0;
	color: #fff;
	text-align: right;
}

.banner-r {
	/* margin: 20px 0px; */
	display: block;
	text-align: right;
	/* padding-top: 25px; */
	/* width: 400px; */
	float: right;
	/* right:  0; */
	/* top: 0; */
	color: #000;
	font-size: 14px;
	/* font-family: rb; */
}

.banner-r .fa {
	/* padding: 10px; */
	font-size: 30px;
	/* color: #fff; */
	/* width: 45px; */
	text-align: center;
}

.banner-m {
	display: inline-block;
	/* font-family: uvnk; */
	/* font-size: 35px; */
	vertical-align: middle;
	/* width: 630px; */
	/* margin: 35px 0 0 0; */
	/* padding: 30px 0; */
	/* position:  absolute; */
	/* left: 0; */
	text-align: center;
}

.banner-m:before {
	/* content: ""; */
	display: inline-block;
	/* height: 100px; */
	vertical-align: middle;
	/* width: 1px; */
}

.banner-r .hotline {
	position: relative;
	z-index: 999;
	text-align: left;
	padding: 9px 0px 11px 95px;
	/* margin: 5px 0; */
	font-size: 15px;
	font-family: utmab;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	background: url(../img/bg-hl.png) no-repeat left center;
}

.banner-r .hotline img {
	position: absolute;
	top: -10px;
	left: -15px
}

.banner-r .hotline a {
	display: inline-block;
	color: #ffc704;
	/* white-space: nowrap; */
	font-size: 16px;
	line-height: 20px;
	font-family: rb;
}

.banner-r a {
	display: inline-block;
	color: #000;
	/* font-size: 14px; */
	/* text-transform: uppercase; */
}

.banner-r span {
	display: inline-block;
	/* vertical-align: middle; */
	/* margin: 30px 0 0  20px; */
	/* line-height: 1.1; */
	/* font-family: rb; */
	font-size: 15px;
}

.banner .cart {
	margin: 10px;
	position: relative;
	/* padding-bottom: 10px; */
	/* background: #ff0000; */
	color: #fff;
	padding: 5px;
}

.banner .cart .fl {
	background: #ff0;
}

.banner .cart .giohang {
	/* position: absolute; */
	/* display: block; */
	/* right: -10px; */
	/* top: -5px; */
	/* padding: 3px 8px; */
	/* background: #00a803; */
	color: #fff;
	font-size: 20px;
	/* min-width: 100px; */
	font-family: os;
	padding: 12px;
	padding: 0;
}

.banner-r .email {
	padding-left: 31px;
	background: url(../img/mail.png) no-repeat left top;
	font-family: os;
	font-size: 14px;
	margin: 10px;
}

.banner-r .hotline .name,
.banner-r .email .name {
	font-size: 12px;
	font-family: oseb;
	color: #2e3192;
	text-transform: uppercase;
}

#banner .banner-img {
	position: relative;
	z-index: 90;
	display: inline-block;
	vertical-align: top;
}

.logo {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	vertical-align: middle;
	/* background: #fff; */
	z-index: 999;
	/* box-sizing:border-box; */
	/* padding: 0px 0px 60px 0px; */
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/* top: 0;left: 0; */
	/* FF3.5+ */
	/*Saf3.1+, Chrome*/
	/* Opera 10.5 */
	/* IE 9 */
	/* FF3.5+ */
	/*Saf3.1+, Chrome*/
	/* Opera 10.5 */
	/* IE 9 */
	/* background: #fff; */
}

.logo:before {
	/* content: ""; */
	display: block;
	background: url(../img/bg-logo.png) no-repeat;
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	/* FF3.5+ */
	/*Saf3.1+, Chrome*/
	/* Opera 10.5 */
	/* IE 9 */
	width: 55px;
	background-size: 55px 100%;
}

.logo img {
	position: relative;
	z-index: 99;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.box_scroll {
	position: relative;
}

.hd-dmsp .dmsp>ul {
	display: none !important;
}

.scroll-fix {
	position: sticky;
	top: 0;
	z-index: 9999 !important;
}

.scroll-fix #banner .top-banner {
	display: none;
}

.scroll-fix .banner-r {
	margin: 5px 0
}

.scroll-fix #menu {}

.scroll-fix .logo img {
	height: 70px;
}

#banner .open {
	font-family: UTMAZ;
	font-size: 27px;
	color: #fff200;
}

#banner .mxh {
	position: relative;
	/* margin: 10px 0 0 0; */
	/* padding: 0 20px; */
	display: inline-block;
}

#banner .mxh a {
	position: relative;
	z-index: 9;
	display: inline-block;
}

#banner .mxh:before {
	/* content: ""; */
	position: absolute;
	top: -5px;
	right: 0;
	left: 0;
	bottom: -5px;
	background: rgba(0, 0, 0, 0.3);
	z-index: 0;
	-moz-transform: rotate(0deg) scale(1, 1) skewX(-15deg) skewY(0deg) translate(0, 0);
	-webkit-transform: rotate(0deg) scale(1, 1) skew(-15deg, 0deg) translate(0, 0);
	-o-transform: rotate(0deg) scale(1, 1) skew(-15deg, 0deg) translate(0, 0);
	-ms-transform: rotate(0deg) scale(1, 1) skew(-15deg, 0deg) translate(0, 0);
	transform: rotate(0deg) scale(1, 1) skew(-15deg, 0deg) translate(0, 0);
}

#banner .box-news {
	width: 200px;
	display: block;
	float: left;
	text-align: left;
	margin: 0;
	padding: 15px 0;
	color: #cf2c2c;
}

#banner .box-news .mota {
	color: #999999;
	padding: 10px 0 5px 0;
	text-transform: uppercase;
}

#banner .box-news .images {
	background: none;
}

.ngonngu {
	background: #fff;
	color: #000;
	display: inline-block;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	padding: 2px 25px;
	font-size: 16px;
	font-family: rr;
	color: #c90000;
}

/* Menu */
#menu {
	position: relative;
	/* text-align: center; */
	/* margin: 14px auto; */
	/* padding: 20px 0; */
	max-width: 100%;
	z-index: 100;
	/* display: inline-block; */
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background: #1f8be1;
	/* border-bottom: 3px solid #77BB49; */
	/* border-top: 1px solid #ebebeb; */
}

#menu:before {
	/* content:""; */
	top: 100%;
	left: 0;
	right: 0;
	height: 4px;
	display: block;
	position: absolute;
	background: #16990c;
}

.menu {}

#menu #main-menu {
	text-align: center;
	display: block;
	position: relative;
}

#menu .menu-line {
	text-align: center;
	/* margin: 10px 0px 0px 0px; */
	display: inline-block;
	padding: 0;
	/* background: url(../img/line-menu.png) no-repeat  left center; */
	background: #1f8be1;
}

#menu .menu-line.dmsp {
	width: 275px;
	background: #77bb48;
	text-transform: uppercase;
}

#menu #main-menu>li.menu-line.dmsp>a {
	font-family: svnl;
	font-size: 26px;
	text-transform: initial;
	color: #fff;
	padding: 5px;
}

#menu .menu-line:first-child {
	/* background: none;padding: 0; */
	border: none;
	padding: 0;
	background: none;
}

#menu .menu-line.line {
	padding-right: 2px;
	background: url(../img/line-menu.png) no-repeat right center;
}

#menu .mn-right {
	float: right;
}

#menu .menu-line ul {
	display: none;
	background: #fff;
}

#menu .menu-line li {
	border-bottom: 1px solid #fff;
	text-align: left;
}

#menu .menu-line a {
	position: relative;
	display: block;
	cursor: pointer;
	z-index: 1005;
	padding: 5px 10px;
	color: #000;
}

#menu #main-menu>li.menu-line>a {
	display: block;
	padding: 10px 40px;
	margin: 0px 0px;
	z-index: 1009;
	font-size: 14px;
	font-family: rb;
	text-align: center;
	line-height: 30px;
	color: #000;
	text-transform: uppercase;
	/* border-right: 1px solid #ebebeb; */
}

#menu #main-menu>li:hover>a {
	color: #f00;
}

#menu #main-menu li:hover>ul {
	display: block;
}

#menu #main-menu .menu-line>a:hover,
.search_open:hover {
	color: #481159;
}

#menu #main-menu .menu-line.activem>a:before,
#menu #main-menu .menu-line:hover>a:before {
	content: "";
	left: 0;
	top: 0;
	/* height: 4px; */
	right: 0;
	bottom: 0px;
	display: block;
	position: absolute;
	z-index: -1;
	background: #0964ad;
	/* background-size: 100% 100%; */
	/* FF3.5+ */
	/*Saf3.1+, Chrome*/
	/* Opera 10.5 */
	/* IE 9 */
}

#menu #main-menu .menu-line:hover:before,
#menu #main-menu .menu-line.activem:before {
	opacity: 0;
}

#menu #main-menu>li.menu-line.home>a {
	/* padding: 5px 10px; */
	/* font-size: 20px; */
	/* margin: 2px 0px; */
}

#menu #main-menu .menu-line.activem>a {
	color: #ffffff;
	/* background: #77bb48; */
}

#menu #main-menu .menu-line li:hover li,
#menu #main-menu .menu-line li:hover>a {
	color: #f00;
	background: rgba(0, 0, 0, 0.1);
}

#menu #main-menu .menu-line .cap1>a {
	font-weight: bold;
	font-size: 20px;
}

#menu #main-menu .menu-line .cap2>a {
	text-indent: 15px;
}


#menu #main-menu li:hover {
	/*background: #5faf00;*/
}

.menu-hinh {
	position: inherit !important;
}

.menu-hinh>ul {
	/*width: 1198px !important;*/
	max-width: 1200px !important;
	top: calc(99% - 10px) !important;
}

#main-menu a span.sub-arrow {
	opacity: 0;
}

.menu-l {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0 0 0px;
	left;
}

.menu-r {
	margin: 0;
	display: inline-block;
	line-height: 30px;
	/* pa;padding: 1px 30px;;cal-align: middle;float: right;/* background: url(../img/bg-menu-li.png) no-repeat left center; */
	float: right;
	/* padding: 6px 0; */
	/* width: 220px; */
	/* border-left: 1px solid #ffdde7; */
}

.menu-r .hotline {
	line-height: 30px;
	padding-left: 20px;
	color: #fff;
	margin: 10px;
	font-family: RR;
}

.menu-r .button {
	color: #fff;
	font-family: Arial;
	text-transform: uppercase;
	background: #e92e22;
	margin: 0 0 0 30px;
	padding: 5px 20px;
	font-size: 15px;
}

.menu-sp {
	position: relative;
	float: left;
	font-family: rcb;
	background: #2ed000;
	width: 240px;
	text-align: center;
	line-height: 26px;
}

.menu-sp>a {
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	padding: 10px;
	display: inline-block;
}

.menu-hd {
	background: #2db906;
	color: #fff;
	display: none;
}

.sub_menu .img {
	float: left;
	margin-right: 10px;
}

.sub_menu .hl {
	white-space: nowrap;
	color: #f00;
	font-family: rb;
	font-size: 17px;
}

.scroll-fix .menu-hd {
	display: block;
}

.datlich {
	padding: 10px 0;
	background: url(../img/bg-dl.png) no-repeat center center;
	margin-top: 10px;
	background-size: 100% 100%;
}

.datlich .name {
	text-align: center;
	font-family: sfubr;
	font-size: 48px;
	color: #8f09c4;
}

/* Slide */
.bg-slider {
	background: url(../img/bg-slider.png) no-repeat center center;
	background-size: cover;
}

#slider {
	position: relative;
	z-index: 100;
	/* padding: 10px 0; */
	background: url(../img/bg-slider.png) repeat center center;
	/* background-size: 100% 100%; */
}

#slider .left:before {
	content: "";
	position: absolute;
	left: 0;
	width: 200px;
	height: 140px;
	bottom: 0;
	background: url(../img/icon-trai.png);
	z-index: 9999;
}

#slider .mid:before {
	content: "";
	position: absolute;
	width: 240px;
	right: 0;
	bottom: 0;
	height: 170px;
	background: url(../img/icon-phai.png);
	z-index: 9999;
}

#slider .mxh {
	display: inline-block;
	padding: 30px 40px;
}

#slider .info_cp {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: url(../img/bg-ic.png) repeat-x bottom;
	color: #fff;
	text-align: right;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.slider {
	/* padding: 4px; */
	background: #fff;
	/* border: 1px solid #ebebeb; */
}

.info_cp .info {
	display: inline-block;
	text-align: left;
	padding: 40px 25px 40px 65px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.info_cp .info .tt {
	white-space: nowrap;
	font-size: 13px;
	font-family: rr;
}

.info_cp .info .cont {
	white-space: nowrap;
	font-size: 15px;
	font-family: rb;
}

.info .img {
	float: left;
	margin-right: 10px;
}

.info-slider {
	background: url(../img/bg-slider-info.png) repeat;
	color: #fff;
	font-size: 15px;
	padding: 30px;
	box-sizing: border-box;
	display: inline-block;
	width: 465px;
	top: 0;
	bottom: 0;
	right: calc(50% - 600px);
	position: absolute;
	text-align: center;
	overflow: hidden;
}

.info-slider .name {
	font-family: RB;
	font-size: 40px;
	color: #fff;
	background: #48a21c;
	margin: 15px 0;
	text-transform: uppercase;
}

#slider .fotorama .fotorama__caption__wrap {
	color: #fff;
	padding: 30px 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	background: none;
}

.slider .fotorama .fotorama__nav-wrap {
	position: absolute;
	bottom: 0;
}

.slider .fotorama .fotorama__nav--dots .fotorama__nav__frame {
	width: auto;
}

.slider .fotorama .fotorama__nav-wrap .fotorama__dot {
	width: 15px;
	height: 15px;
	background: #fff;
	margin: 5px;
	top: auto;
	left: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.slider .fotorama .fotorama__nav__frame.fotorama__active .fotorama__dot {
	border-color: #0ff;
}

.slider_1 {
	display: block;
	position: relative;
	background: #fff;
}

.pp_abs {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	margin: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 16px;
}

.as-panel.as-opened .pp_abs {
	background: #fe0000;
}

#httt {
	position: relative;
	overflow: hidden;
	background: url('../img/bg-httt.png') no-repeat top left #fff;
	padding: 40px 10px 40px 170px;
}

#httt .tit {
	position: absolute;
	left: 15px;
	top: 0;
	padding: 7px 15px;
	background: #0f90dc;
	font-family: RB;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#httt .cont {
	padding-top: 30px;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

#httt .cont .item .name {
	font-family: UVNV;
	font-size: 15px;
}

#httt .cont .item .phone {
	font-family: TGAB;
	color: #fe0000;
	font-size: 20px;
	margin-bottom: 10px;
}

#httt .cont .item p.mail {
	padding-left: 35px;
	background: url(../img/mail_27.png) no-repeat left center;
	border-bottom: 1px dashed #0f90dc;
	line-height: 30px;
}

#httt .hotline {
	font-family: rcr;
	font-size: 28px;
	line-height: 50px;
	color: #fb0219;
}

#hotro {
	padding: 180px 0 0 0px;
	background: url('../img/bg-ht-t.png') no-repeat top left;
}

.box-hotro {
	padding: 60px 10px;
	background: url('../img/bg-ht.png') no-repeat center center;
	height: 350px;
	background-size: 100% 100%;
}

.vcenter {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.hotro {
	display: inline-block;
	text-align: center;
	font-size: rb;
	font-size: 15px;
	margin: 20px 0;
}

.menu-slider {
	background: #7abbe3;
	padding: 10px 0;
	width: 100%;
	z-index: 999;
}

.menu-slider>div {
	display: block;
	padding: 10px;
	border-bottom: 1px dotted #559ac4;
	position: relative;
}

.menu-slider a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-family: RR;
	font-size: 16px;
	margin: 0 20px 0 0px;
}

.menu-slider img {
	margin-right: 0 5px;
}

/* Doi tac */
#doitac {
	/* padding: 30px 0px; */
	position: relative;
	z-index: 90;
}

#doitac .title {
	background: url(../img/bg-tt.png) repeat-x bottom;
	margin-bottom: 5px;
}

#doitac .title .name {
	padding: 5px 0;
	border-bottom: 3px solid #de1919;
	color: #000;
}

#doitac .images {
	border: 1px solid #dfdfdf;
}

.tcat {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-family: uvnahr;
	position: relative;
	font-size: 30px;
}

.tcat:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 31px;
	height: 3px;
	background: #292929;
}

#chinhanh {
	padding: 30px 0;
}

#bt_map {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

#bt_lh {
	position: relative;
	margin: 20px 0;
	margin-left: calc(50% - 600px);
	background: #fff;
	border: 1px solid #cdcdcd;
	padding: 15px;
	z-index: 99;
	width: 350px;
}

#lienhe {
	padding: 30px 0;
	background: #1c1c1c;
}

.chinhsach {
	background: #0caacf;
	padding: 10px 0;
	color: #fff;
}

.doitac {
	padding: 30px 0;
	/* background: #eee; */
}

/* Footer */
#footer {
	z-index: 999;
	padding: 20px 0 0px 0;
	position: relative;
	font-family: rr;
	background: #1f8be1;
	background-size: cover;
}

#footer:before {
	/* content: ""; */
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 30px;
	background: url(../img/bg-ft-t.png) no-repeat bottom center;
	z-index: 99;
}

#footer,
#footer a {
	color: #fff;
}

#footer .map {
	/* position: absolute;left: 0;right: 0;top: 0;bottom: 40px; */
	z-index: 990;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

#footer .map iframe {
	max-height: 200px;
}

#footer .ft-name {
	font-size: 14px;
	font-family: rb;
	text-transform: uppercase;
	/* margin: 10px 0 0px 0; */
	padding: 0px 0px 10px 0px;
	/* color: #ff0; */
}

#footer .ft-title {
	font-size: 16px;
	font-family: rb;
	/* line-height: 18px; */
	display: inline-block;
	text-transform: uppercase;
	/* margin: 5px 0 15px 0; */
	padding: 0 0px 10px 0;
	/* color: #d71414; */
	/* border-left: 5px solid #ff0; */
	background: url(../img/tt-ft.png) no-repeat bottom left;
}

.ft-title:after {
	/* content:  ""; */
	display: block;
	height: 1px;
	width: 50px;
	margin-top: 10px;
	background: #ffffff;
}

.menu-ft {
	/* background: #2abff6; */
	/* color: #fff; */
	/* font-family: rcr; */
	/* display: none; */
	padding: 5px 5px 5px 20px;
	background: url(../img/dot-7.png) no-repeat left 5px center;
}

.menu-ft a {
	/* color: #fff; */
	display: inline-block;
	/* float: left; */
	/* padding: 13px 15px; */
	font-size: 14px;
	text-transform: uppercase;
	/* border-right: 1px solid #0d61ab; */
	/* border-left: 1px solid #00396b; */
}

.scroll-fix .menu-ft {
	display: block;
}

#footer .mxh {
	/* padding: 7px 0; */
}

#footer .mxh a {
	display: inline-block;
	position: relative;
	padding: 0px;
}

#footer .mxh a:before {
	/* content:''; */
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#footer .cot_3 span {
	display: inline-block;
	vertical-align: middle;
}

#footer .cont-ft {
	position: relative;
	z-index: 999;
	/* padding: 20px 0; */
	/* float: left; */
	/* padding: 25px 0; */
	/* padding-left: calc(50% - 600px); */
	/* width: 480px; */
	line-height: 1.5;
}

#footer .cont-ft .fl {
	/* margin-right:10px; */
}

#footer .cont-ft .info {
	padding: 15px 0 0 0;
}

#footer #httt {
	font-size: 20px;
	color: #000;
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
}

#footer #httt .title {
	text-align: center;
	font-family: SFUEC;
	font-size: 22px;
	color: #00569b;
	text-transform: uppercase;
}

#footer #httt .cont span,
#footer .menu-ft span {
	color: #ff0;
}

#footer .hotline {
	color: #ebac43;
	font-size: 22px;
	font-family: rb;
}

#footer .button {
	/* color: #fff; */
}

#footer .button.bt_send {
	background: -moz-linear-gradient(180deg, #ffea59 0, #DDAC00 100%);
	background: -webkit-gradient(linear, 180deg, color-stop(0, ffea59), color-stop(100%, DDAC00));
	background: -webkit-linear-gradient(180deg, #ffea59 0, #DDAC00 100%);
	background: -o-linear-gradient(180deg, #ffea59 0, #DDAC00 100%);
	background: -ms-linear-gradient(180deg, #ffea59 0, #DDAC00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
	background: linear-gradient(180deg, #ffea59 0, #DDAC00 100%);
}

#footer .button.bt_rs {
	background: -moz-linear-gradient(180deg, #efefef 0, #949494 100%);
	background: -webkit-gradient(linear, 180deg, color-stop(0, efefef), color-stop(100%, 949494));
	background: -webkit-linear-gradient(180deg, #efefef 0, #949494 100%);
	background: -o-linear-gradient(180deg, #efefef 0, #949494 100%);
	background: -ms-linear-gradient(180deg, #efefef 0, #949494 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
	background: linear-gradient(180deg, #efefef 0, #949494 100%);
}

.info_com {
	background: rgba(255, 255, 255, 0.1);
	margin: 9px 0;
	line-height: 50px;
}

.info_com .icon {
	font-size: 30px;
	color: #ffbc08;
	background: #fff;
	margin-right: 20px;
	float: left;
	line-height: 50px;
	height: 50px;
	width: 50px;
	text-align: center;
	padding: 10px;
}

#bottom {
	/* color: #fff; */
	background: url(../img/bg_bottom.png) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 99;
	padding: 30px 0 0 0;
}

.dknt {
	/* background: #a88139; */
	/* margin-top: 50px; */
	/* text-align: center; */
	/* padding: 25px; */
	/* float:  right; */
	/* width: 400px; */
}

.dknt>.bor_1 {
	/* padding: 7px; */
	/* border: 1px dashed #fff; */
}

.dknt .title {
	text-align: center;
	/* background:  url(../img/tcat-b.png) no-repeat bottom center; */
	/* padding:  0 0 20px 0; */
	margin: 0px 0 0 0;
	text-transform: uppercase;
}

.dknt .title .name {
	font-size: 20px;
	color: #fff;
	font-family: rb;
	margin-bottom: 10px;
	text-align: center;
}

.dknt .input,
.dknt .box-lh .tact {
	background: rgba(255, 255, 255, 1);
}

.dknt .button {
	background: #fbfbf7;
	display: inline-block;
	/* width: 100%; */
}

.dknt .dkdh {
	/* width: 400px; */
	padding: 30px 45px;
	/* background: #000; */
	margin: 0 auto;
}

#bottom .info_lh {
	padding-top: 50px;
}

.box-datban {
	padding: 0 30px;
	text-align: center;
}

.box-datban p {
	font-size: 18px;
	font-family: os;
}

.box-datban .hl {
	color: #ff9c00;
	font-family: osb;
}

.box-lh {
	padding: 10px 30px 30px 30px;
}

.ip_lh {
	background: #fdfdfd;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 11px;
}

.ip_lh .fl {
	width: 30px;
	font-size: 20px;
	padding: 10px 0 10px 10px;
	color: #cdcdcd;
}

.ip_lh .fr {
	width: calc(100% - 40px);
}

.dknt .ip_lh .fr .input {
	margin: 0;
	border: 0;
	padding: 10px;
	outline: none;
}

.duan_ft {
	float: left;
	width: 50%;
	border: 2px solid #222;
	background: #fff;
}

.lienhe {
	position: relative;
	padding: 90px 35px 0 25px;
}

.ft-1 {
	width: 40%;
	padding: 20px 0px;
	float: left;
	box-sizing: border-box;
	z-index: 66;
}

.ft-2 {
	width: 25%;
	padding: 20px;
	float: left;
	box-sizing: border-box;
	/* background: #a57e36; */
	/* text-align:  center; */
	/* font-size: 14px; */
	/* text-align: center; */
}

.ft-3 {
	width: 35%;
	padding: 20px 0;
	float: right;
	box-sizing: border-box;
}

.ft-3 form {
	/* margin-bottom: 15px; */
}

.ft-3 .button {
	text-transform: uppercase;
}

.box-tk {
	padding: 15px;
	display: block;
	text-align: left;
	margin: auto;
	background: rgba(0, 0, 0, 0.1);
	line-height: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.7);
	border-left: 1px solid rgba(0, 0, 0, 0.7);
	border-right: 1px solid rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.box-tk img {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

.box-tk .w-clear span {
	display: inline-block;
	font-weight: bold;
	float: right;
	color: #ff0;
}

.tag {
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	padding: 10px 20px;
	margin: 2px;
	white-space: nowrap;
	display: inline-block;
}

.tag:hover {
	background: rgba(34, 167, 79, 0.3);
}

.reserved {
	position: relative;
	z-index: 20;
	font-size: 14px;
	/* font-family: sfufbk; */
	color: #fff;
	line-height: 40px;
	padding: 5px 0;
	/* height: 65px; */
	background: rgba(0, 0, 0, 0.2);
	/* border-top: 1px solid rgba(255, 255, 255, 0.3); */
	31 */
}

.reserved>.wikis {
	/* padding: 35px 0; */
	/* background: url(../img/sd.png) no-repeat top center; */
}

.tktc {
	/* padding: 10px  0px 10px 120px; */
	/* border-bottom: 1px solid #ff353d; */
	/* border: 1px dashed; */
	/* padding: 20px 60px; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background: url(../img/bg-tk.png) no-repeat left center; */
	/* background-size: 100px 100px; */
}

.tktc .fr {
	color: #ff0;
}

.reserved span {
	/* text-transform: uppercase;color: #fff200; */
}

/* Lien he */
.lh-l {
	border-right: 1px solid #CCC;
	box-sizing: border-box;
}

.lh-r {
	border-left: 1px solid #CCC;
	margin-left: -1px;
}

.lh-con-l {
	width: 30%;
	float: left;
	margin-bottom: 5px;
	line-height: 30px;
	padding: 5px;
	text-align: right;
}

.lh-con-r {
	width: 70%;
	float: left;
	margin-bottom: 5px;
}

.lh-con-r * {
	max-width: 100%;
}

.ipct {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	line-height: 20px;
	margin: 0 0 5px 0;
	background: #fff;
	/* border: #dfdfdf; */
	color: #000;
}

.lh-con-r textarea {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

.box-lh .lh-con-l {
	width: 20%;
	margin-right: 1%;
	line-height: 32px;
	background: #f2f2f2;
	border-left: 2px solid #dadada;
	text-transform: uppercase;
	font-family: RB;
	text-align: center;
	color: #8f8f8f;
}

.box-lh .lh-con-r {
	width: 78%;
}

.box-lh .tact {
	width: 100%;
	background: #fdfdfd;
	border: none;
	padding: 9px 0;
	box-sizing: border-box;
	margin: 0px 0;
}

.box_tb {
	border: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
	padding: 4px;
	margin: 10px 0;
}

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

.box_tb td {
	padding: 10px;
	border-left: 1px solid #dfdfdf;
}

.box_tb .bg_tt {
	background: #ededed;
}

.box_tb .tt {
	font-weight: bold;
}

.box_tb .images {
	width: 26%;
	padding: 0 10px 0 0;
}

.box_tb .info {
	width: 30%;
}

.box_tb .mota {
	width: 34%;
}

.box-sp .images img {
	width: 100%;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	position: relative;
	z-index: 9;
}

/* San pham */
.fotorama_detail .fotorama__stage{
	width: 100% !important;
	height: 300px !important;
}

.fotorama_detail .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img{
	width: 100% !important;
    height: 100% !important;
	left: 0 !important;
}

.a_prouct{
	display: block;
	position: relative;
}

.discount_price_index{
	position: absolute;
	z-index: 99;
	top: 5px;
	right: 5px;
	background: #fd4040;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
	border-radius: 5px;
	padding: 5px 8px;
}

.block_chitiet_sanpham {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 10px;
}

.chitiet_left {
	width: 35%;
}

.chitiet_center {
	width: 35%;
}

.chitiet_right {
	width: 26%;
}

.bold_title_child {
	font-weight: 700;
	font-size: 16px;
	color: #000000;
	margin-right: 12px;
}

.old_price {
	font-weight: 500;
	font-size: 15px;
	color: #646262;
	text-decoration: line-through;
}

.news_price {
	font-weight: 600;
	font-size: 18px;
	color: #fd4040;
}

.discount_price {
	font-weight: 500;
	font-size: 15px;
	color: #fd4040;
}

.mota_chitiet b,
.mota_chitiet p {
	margin-bottom: 0 !important;
}

.block_ma_chitiet,
.block_giagoc_chitiet,
.block_giamoi_chitiet,
.block_luotxem_chitiet,
.block_mota_chitiet {
	margin-bottom: 6px;
}


.block_soluong_chitiet {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 12px;
	margin-bottom: 12px;
}

.block_soluong_chitiet input {
	margin: 0;
	padding: 0;
}

.block_title_chinhsach__chitiet {
	font-size: 18px;
	line-height: normal;
	color: #ffffff;
	font-family: utmhi;
	text-transform: uppercase;
	text-align: center;
	background: #1f8be1;
	padding: 12px 10px;
}

.block_detail_chinhsach__chitiet {
	border: 1px solid #C2C2C2;
	border-top: unset;
	padding-bottom: 10px;
}

.name_chinhsach_chitiet {
	font-size: 14px;
	font-family: rb;
	line-height: normal;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}

.box_chinhsach_chitiet:hover .name_chinhsach_chitiet {
	color: #fd4040;
}

.box_chinhsach_chitiet {
	border-bottom: 1px solid #C2C2C2;
	padding: 10px 12px;
	display: block;
}

.box_chinhsach_chitiet:last-child {
	border-bottom: unset;
	padding-bottom: 0;
}

.click_cmm {
	margin-top: 8px;
}

.click_cmm button:hover {
	background: #1f8be1;
}

.click_cmm button {
	background: #fd4040;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 6px;
	padding: 6px 10px;
}

.click_cmm button i {
	margin-right: 5px;
}

.rating {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Comment */
.rating, .rating_comment{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.comment-title {
	font-weight: 700;
	font-size: 16px;
	color: #000000;
}

.name_rating_comment{
	font-weight: 500;
	font-size: 14px;
	color: #000000;
}

.show_ratting_star__child .rating {
	justify-content: center;
	margin: 6px 0 0;
	gap: 0;
}

.show_ratting_star__child .comment-star i {
    margin: 0.1rem 0.1rem 0;
    font-size: 16px;
}


.comment-show {
	display: block !important;
}

.comment-point {
	font-weight: 600;
    font-size: 18px;
    color: #fd4040;
}

.comment-star {
	font-size: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.5rem;
}

.comment-star span {
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
}

.comment-star i {
	display: inline-block;
	margin: 0.1rem;
	color: #b8b8b8;
	text-rendering: auto;
	font-size: 20px;
}

.comment-star i:nth-child(1) {
	margin-left: 0;
}

.comment-star span i {
	color: #ffc120;
}

.box-sp {
	position: relative;
	/* margin-bottom: 20px; */
	z-index: 20;
	box-sizing: border-box;
	border: 1px solid #ccc;
	/* background: #fff; */
	/* padding: 7px; */
	/* text-align: center; */
	/* overflow:  hidden; */
	width: 100%;
	/*IE 8*/
	/*FF 3.5+*/
	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	/*IE 5.5-7*/
}

.box-sp a {
	/* color: #00a803; */
}

.slick-5 .slick-list{
	margin: 0 -5px;
}

.slick-5 .slick-slide{
	margin: 0 5px;
}

.slick-5{
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s;
}

.slick-5.slick-initialized{
  visibility: visible;
  opacity: 1;
}

.slick-5 .slide {
  display: none;
}

.slick-5 .slide:first-child {
  display: block;
  visibility: hidden;
}

.slick-5.slick-initialized .slide {
  display: block;
  visibility: visible !important;
}

/* Cart Fix */
.cart-fixed {
  position: fixed;
  right: 20px;
  bottom: 270px;
  z-index: 999;
  background: #4b4f56;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff !important;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-fixed i {
  font-size: 20px;
}

.cart-fixed span {
  position: absolute;
  top: 0px;
  right: -5px;
  color: #ffffff;
  width: 25px;
  height: 25px;
  background: #ec2d3f;
  text-align: center;
  line-height: 25px;
  font-size: 11px;
  border-radius: 100%;
}

.box-sp .images {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	/* padding: 5px; */
	z-index: 11;
	/*padding: 4px;border: 1px solid #d8d8d8;border: 1px solid #f0f0f0;*/
}

.box-sp .images:after {
	/* content: ""; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 6px solid rgba(255, 255, 255, 0.5);
	z-index: 9;
}

.box-sp:before {
	/* content:""; */
	position: absolute;
	display: block;
	background: rgba(255, 180, 0, 0.75);
	left: 50%;
	right: 50%;
	bottom: 50%;
	top: 50%;
	z-index: 10;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-sp:hover:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.box-sp .images .pro_nb {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 40px;
}

.box-sp .images .sale {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 52px;
	height: 52px;
	text-align: center;
	background: url(../img/bg-pt.png) no-repeat;
	color: #fff;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
	font-family: RB;
}

.box-sp .info {
	padding: 10px;
	/* vertical-align: bottom; */
	text-align: center;
	font-family: rr;
	/* background: url(../img/sd_sp.png) no-repeat center 1px; */
	font-size: 14px;
}

.box-sp:hover .info,
.box-sp:hover .lk {
	opacity: 1;
	-moz-transition: all 1s ease-in;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

.box-sp .name {
	position: relative;
	z-index: 99;
	padding: 5px 0;
	margin: 0 0 0px 0;
	font-size: 15px;
	/* height: 45px; */
	/* overflow: hidden; */
	color: #000;
	font-family: rb;
	/* line-height: 1.3; */
	/* border-bottom: 1px dotted #000; */
}

.box-sp .info .masp {
	float: right;
	background: #77bb48;
	padding: 4px 10px;
	color: #fff;
	font-size: 13px;
	position: relative;
}

.box-sp .info .masp:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #77bb48;
	border-width: 13px;
	margin-top: -13px;
}

.box-sp .mota {
	padding: 3px 0
}

.box-sp .mota .more {
	font-size: 13px;
	color: #e5ae49;
}

.box-sp .addcart {
	color: #333333;
	background: #fff;
	padding: 10px;
	display: block;
	/* text-transform: capitalize; */
	margin: 5px 0;
	cursor: pointer;
	text-align: center;
	font-family: rb;
	border: 1px solid #cdcdcd;
}

.box-sp .addcart:hover,
.box-sp .addcart:hover .fa {
	background: #f0689a;
	color: #fff;
	border-color: #fff;
}

.box-sp .chitiet {
	/* padding: 10px; */
	margin-bottom: -20px;
	text-transform: capitalize;
}

.box-sp:hover .name,
.box-sp:hover .chitiet a {
	/* color: #222; */
}

.box-sp:hover .addcart a {
	background: #222;
}

.box-sp.box_cam .name,
.box-sp.box_cam .info,
.box-sp.box_cam .gia span {
	color: #fff;
}

.box-sp .mota span {
	color: #0a85d3;
}

.box-sp .more {
	text-align: center;
	margin: 10px 0 0 0;
}

.box-sp .more a {
	text-transform: uppercase;
	background: #f22424;
	color: #fff;
	border: none;
	font-family: rr;
}

.box-sp .info_gia {
	/* padding: 4px 0; */
	/* border-top: 1px dotted #000; */
	/* font-family: rb; */
	font-size: 14px;
	/* justify-content: space-around; */
	/* align-items: center; */
}

.box-sp .gia {
	/* font-size: 16px; */
	padding: 2px 0;
	display: block;
	/* color: #f00; */
	/* font-family: osb; */
}

.box-sp .gia span {
	color: #ff0000;
	display: inline-block;
	font-family: rb;
	/* font-size: 20px; */
	/* float:  left; */
}

.giagoc span {
	color: #666 !important;
	padding: 3px;
	text-decoration: line-through;
	display: inline-block;
	font-family: rr;
	font-size: 14px;
	/* float: right; */
}

.box-sp .km {
	display: block;
	position: absolute;
	background: url(../img/bg_km.png) no-repeat center center;
	color: #fff;
	font-family: rr;
	font-size: 14px;
	text-align: center;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	z-index: 99;
}

.box-sp .ajax_cart {
	/* margin-bottom: -30px; */
	/* display: inline-block; */
}

.box-sp .button {
	margin: 0;
	padding: 5px 10px;
	background: #005624;
	font-size: 12px;
}

.box-sp .tt {
	display: inline-block;
	width: 85px;
	font-family: RB;
}

.box-sp .lk {
	position: absolute;
	left: 15px;
	top: 20px;
	font-size: 20px;
	z-index: 999;
	opacity: 0;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.box-sp .lk .fa {
	color: #fff;
	display: inline-block;
	padding: 10px;
	border: 1px solid #fff;
}


.box-sp .images img,
.box-tv .images img,
.box-dv .images img,
.box-da .images img {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
}

.box-sp:hover .images img,
.box-tv:hover .images img,
.box-dv:hover .images img,
.box-da:hover .images img {
	-moz-transform: scale(1.12);
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.box-sp .images,
.box-news .images,
.box-dv .images,
.box-tv .images,
.box-da .images {
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.box-news .images:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 22;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.box-news:hover .images:before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

.box-ha .images:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.box-ha:hover .images:before {
	background: rgba(0, 0, 0, 0.5);
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.taisao {
	padding: 50px 0;
	background: url(../img/bg-ts.png) no-repeat center center #fff;
}

.dichvu .box-news,
.taisao .box-news {
	border: none;
	padding: 20px 0;
}

.lh {
	padding: 30px 0;
	background: #191919;
	color: #fff;
	text-transform: uppercase;
	font-family: rcb;
	font-size: 35px;
}

.thanhvien {
	position: relative;
	padding: 30px 0;
	/* background: url(../img/bg-tv.png) no-repeat center center; */
	/* background-size: cover; */
}

.thanhvien .title {}

.thanhvien .title .name {}

.box-tv {
	margin: 0 auto 20px auto;
	/* width: 100%; */
	position: relative;
	box-sizing: border-box;
}

.box-tv .images {
	position: relative;
	/* overflow: hidden; */
	display: inline-block;
	z-index: 99;
	/* float: left; */
	box-sizing: border-box;
	max-width: 200px;
	background: #fff;
	padding: 0px;
	overflow: hidden;
	border: 7px solid #990100;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.box-tv .images:after {
	/* content:""; */
	position: absolute;
	bottom: -4%;
	left: 0;
	width: 100%;
	height: 50%;
	background: url(../img/bg-dv-img.png) no-repeat bottom center;
	background-size: 100% 100%;
}

.box-tv .images img {
	z-index: 90;
	position: relative;
	background: #fff;
	padding: 0px;
}

.box-tv .info {
	z-index: 112;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	padding: 10px;
	/* text-align: center; */
	font-size: 15px;
	font-family: rm;
	background: #fff;
	border: 1px solid #990100;
	margin: 10px 0 10px 100px;
	vertical-align: middle;
	padding-left: 110px;
	height: 180px;
	overflow: hidden;
}

.box-tv .date {
	color: #999;
}

.box-tv .name {
	font-family: rb;
	font-size: 16px;
	margin: 10px 0;
	/* padding: 5px; */
	color: #990100;
	/* line-height: 18px; */
	/* text-transform: uppercase; */
}

.box-tv .mota {
	/* text-align: left;padding: 15px; */
}

.box-tv:hover .info {
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.box-tv .more {
	width: 92px;
	height: 58px;
	position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
	background: url(../img/more_dv.png);
}

.dichvu {
	position: relative;
	padding: 30px 0;
	/* background: #1e90ff; */
	/* background-size: cover; */
}

.dichvu .title {}

.dichvu .main-tit .name {}

.box-dv {
	margin: 0 auto 30px auto;
	box-sizing: border-box;
	position: relative;
	/* margin: 0; */
	/* text-align: center; */
	/* padding: 5px; */
	/* background: #fff; */
	/* border: 1px solid #cdcdcd; */
}

.box-dv.dv_c {
	padding: 44px 44px 90px 44px;
}

.box-dv .images {
	position: relative;
	/* overflow: hidden; */
	/* display: inline-block; */
	z-index: 99;
	/* float: left; */
	box-sizing: border-box;
	/* max-width: 200px; */
	background: #fff;
	padding: 0px;
	overflow: hidden;
	/* border: 5px solid #fff; */
	position: relative;
}

.box-dv .images:after {
	/* content:""; */
	position: absolute;
	bottom: -4%;
	left: 0;
	width: 100%;
	height: 50%;
	background: url(../img/bg-dv-img.png) no-repeat bottom center;
	background-size: 100% 100%;
}

.box-dv .images img {
	z-index: 90;
	position: relative;
	background: #fff;
	padding: 0px;
}

.box-dv .info {
	z-index: 112;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	padding: 10px 0px;
	/* text-align: center; */
	font-size: 14px;
	font-family: rr;
	/* color:  #fff; */
	position: relative;
	/* padding: 5px; */
}

.box-dv:before {
	/* content:""; */
	position: absolute;
	left: calc(50% - 1px);
	top: 230px;
	bottom: 0;
	border: 1px solid #d7d7d7;
}

.box-dv .date {
	color: #999;
}

.box-dv .name {
	font-family: os;
	font-size: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	padding: 5px 0;
	background: url(../img/bg-name.png) no-repeat bottom left;
	background-size: 50px 1px;
	color: #000;
}

.box-dv:hover .name:before {
	/* content:""; */
	display: inline-block;
	height: 100%;
	width: 1px;
	vertical-align: middle;
}

.box-dv:hover .name span {
	display: inline-block;
	vertical-align: super;
}

.box-dv:hover .info {
	/* align-items: stretch; */
}

.box-dv .mota {
	/* text-align: left;padding: 15px; */
}

.box-dv .more {
	width: 92px;
	height: 58px;
	position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
	background: url(../img/more_dv.png);
}

.dichvu .box-dv .rota {
	position: relative;
	max-width: 214px;
	border-right: 5px solid #1aaf24;
}

.dichvu .box-dv .rota>.w-clear {
	margin: -44px;
}

.duan {
	padding: 30px 0;
	background: #efefef;
}

.hinhanh a {
	display: inline-block;
	margin: 0 0 4px 0;
}


.ct-l {
	width: 47%;
	float: left;
	margin-right: 3%;
}

.ct-r {
	width: 50%;
	float: right;
}

.ct-m {
	width: 30%;
	float: left;
}

.ct-img {
	border: 1px solid #cdcdcd;
	padding: 9px;
	background: #fff;
}

.ct-tit {
	font-weight: normal;
	margin: 0px 0px 10px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	background: #00b454;
	padding: 10px 30px;
	display: inline-block;
}

.ct-tit h2 {
	font-weight: normal;
	margin: 0px 0px 15px;
	color: #F00;
	font-size: 24px;
	margin: 0px;
}


.ct-sp p {
	margin-bottom: 0px !important;
}

.ct-sp tr {
	/* border-bottom: 1px solid #e0e0e0; */
}

.ct-sp td {
	padding: 5px;
}

.ct-sp .name {
	margin: 0 0 10px 0;
	font-size: 20px;
}

.ct-sp-gia span {
	color: #f00;
	font-weight: bold;
	font-size: 16px;
}

.ct-sp-mota .tt {
	background: #5F9EA0;
	padding: 5px 10px;
}

.ct-sp-mota .ct {
	border: 1px solid #5F9EA0;
	padding: 5px 10px;
	-o-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}


.colorpro {
	border: 3px solid #cdcdcd;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
}

.sizepro {
	border: 1px solid #cdcdcd;
	margin: 5px;
	display: inline-block;
	padding: 0 10px;
	cursor: pointer;
}

.colorpro.active,
.sizepro.active {
	border-color: #FF9900;
}

.sc-tab-tit {
	font-family: RB;
	margin-top: 10px;
	font-weight: bold;
	background: #DEDCDC;
	padding: 5px 10px;
	color: #555;
	cursor: pointer;
}

.month,
.year {
	padding: 5px 0;
}

/* Tin tuc */
.box-news {
	padding: 0 0 10px 0px;
	/* border-bottom: 1px dashed #959595; */
	margin: 0 auto 10px auto;
}

.box-news-v {
	border: none;
	/* padding: 15px 0; */
	/* background: #f2f2f2; */
	margin: 0px 0;
}

.box-news.news-r {
	text-align: right;
}

.box-news .images {
	float: left;
	margin: 0px 15px 0px 0px;
	max-width: 40%;
	position: relative;
	/* background: #ffffff; */
	/* padding: 4px; */
	/* border: 1px solid #d3d3d3; */
}

.box-news.news-r .images {
	float: right;
	margin: 0 0 0 15px;
}

.box-news-v .images {
	float: none;
	margin: 0px 0px 0px 0px;
	max-width: 100%;
	position: relative;
}

.box-news-v .images:after {
	/* content: ""; */
	position: absolute;
	top: 14px;
	left: 14px;
	right: 14px;
	bottom: 14px;
	border: 1px solid #fff;
}

.box-news-v .xemthem {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	border: 2px solid #ff2626;
	margin-top: 15px;
}

.box-news-v .date {
	color: #fff;
	font-family: rr;
	margin: 0 10px 0 0;
	float: left;
	text-align: center;
	padding: 10px;
	background: #1a5fc7;
	font-size: 15px;
	line-height: 1.6;
}

.box-news-v .date .day {
	font-size: 30px;
	padding: 5px 12px 0 12px;
	background: #818181;
	color: #fff;
	font-family: rr;
}

.box-news-v .date .month {
	font-size: 22px;
	padding: 0 12px 5px 12px;
	font-family: rr;
	text-transform: uppercase;
	background: #818181;
	color: #fff;
}

.box-news-v .date .year {
	background: #31353d;
	padding: 11px;
	color: #fff;
	font-size: 16px;
	font-family: rl;
}

.box-news-v .info {
	/* background: #f3f3f3; */
	f3;
	*/height: 92px;
	z-index: 9999;
	position: relative;
	text-align: left;
}

.box-news .info {
	font-family: Arial;
	/* text-align: center; */
	font-size: 14px;
	line-height: 1.4;
}

.box-news .name {
	margin: 0 0 5px 0px;
	/* padding: 15px 15px 0 0; */
	font-size: 16px;
	font-family: osb;
	color: #000;
	line-height: 1.4;
}

.box-news-v .name {
	padding: 10px 0 5px 0;
}

.box-news-v .mota {
	/* padding: 10px 0; */
}

.box-news-date {
	color: #696969;
	margin: 0 0 5px 0;
}

.box-video .khung_video {
	border: 2px solid;
}

.box-video,
.box-video .name {
	margin: 10px 0;
	font-family: rr;
	font-size: 20px;
}

#video {
	padding: 30px 0 0 0;
	color: #fff;
	background: url('../img/bg-video.png') repeat top center;
}

h2.tincungloai {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin: 0px 0px 5px;
	padding-bottom: 5px;
	margin-top: 15px;
}

ul.tincungloai {
	padding-left: 25px;
}

/* Container */
#container {
	padding: 30px 0;
	margin: 0;
	position: relative;
	background: url(../img/bg-cont-t.png) repeat-x center top, url(../img/bg-cont-b.png) repeat-x center bottom #fff;
}

.content {}

.left {
	width: 300px;
	float: left;
	z-index: 9999;
	/* position: sticky; */
	/* top: 50px; */
}

.mid {
	width: calc(100% - 430px);
	float: left;
	padding: 0px 25px;
}

.right {
	width: 430px;
	float: right;
	/* padding: 10px 0; */
}


/* Index */
#danhmuc_phu {
	background: url(../img/bg-dm.png) no-repeat bottom center;
	padding: 20px 0 65px;
	text-align: center;
}

.danhmuc {
	font-family: UTMA;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 10px 0;
}

.danhmuc .images {
	padding: 10px 0;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.danhmuc:hover .images {
	padding: 0 0 20px 0
}

#map_canvas {
	color: #000;
	height: 100%;
	width: 100%;
	/* position: absolute;top: 0;left: 0;right: 0;bottom: 0; */
}

#ft-map {
	height: 460px;
	position: absolute;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	z-index: 99;
	top: 0;
	left: 0;
}

.box-dt {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	padding: 10px;
	max-width: 300px;
}

.box-dt iframe {
	max-width: 100% !important;
}

.box-dt .images {
	position: relative;
	/* display: inline-block; */
	padding: 6px;
	margin: 0px 0px 10px 0px;
	/* background: #fff; */
	/* border: 2px solid #005c90; */
}

.box-dt img {
	width: 100%;
}

.box-dt .info {
	padding: 5px;
	font-family: OS;
}

.box-dt .name {
	padding: 0px;
	font-family: rb;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.box-left {
	position: relative;
	margin: 0 0 15px 0;
	/* padding: 10px; */
	z-index: 99;
	/* border: 1px solid #ddd; */
	background: #fff;
}

.left-tit {
	padding: 7px 10px;
	margin: 0px 0 10px 0px;
	/* text-align: center; */
	background: #d60e0e;
	position: relative;
	height: 36px;
}

.left-tit:before {
	/* content:""; */
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #006dd6;
}

.left-tit .name {
	color: #000;
	text-transform: uppercase;
	font-size: 17px;
	font-family: rcb;
	line-height: 30px;
	position: absolute;
	padding: 20px 0 0 10px;
	left: -6px;
	top: -6px;
	width: 230px;
	height: 56px;
	z-index: 999999;
	background: url(../img/bg-cl-tt.png) no-repeat;
}

.left-tit a {
	color: #000;
}

.left-box {
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-bottom: none;
	/* padding: 14px 10px; */
}

.left-box.dmsp {
	/* height:390px; */
}

.box-left .hotline {
	padding: 10px 10px;
	/* margin: 0px auto 10px auto; */
	position: relative;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	/* height: 55px; */
	color: #f00;
	min-width: 206px;
	display: inline-block;
	/* background: url('../img/bg-hotline.png') no-repeat top left; */
	background-size: 100% 100%;
}

.box-left .hotline span {
	font-weight: bold;
	color: #f00;
	font-size: 24px;
	background: #f2b407;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
}

.box-left .hotline a {
	color: #f00;
	font-size: 17px;
	font-family: utmab;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#fff)";
	text-shadow: 0 2px 0 #fff, 0 0 2px #fff, 2px 0 0 #fff, 2px 2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=255, Color=#fff);
}

.box-left .hotline .fa {
	line-height: 40px;
}

.httt {
	padding: 5px;
	margin: 0 0 0 70px;
	display: block;
	text-align: left;
	font-family: rr;
	font-size: 16px;
}

.httt .name {
	font-size: 16px;
	line-height: 30px;
	color: #0b55d7;
	font-family: rr;
}

.httt p {}

.httt img {
	margin: 0px 2px 5px 2px;
}

.left-box li {
	list-style: none;
	padding: 0px 0;
}

.left-box .box-news .name {
	font-size: 14px;
	font-weight: normal
}

.left-box .box-sp .images {
	margin: 0;
}

.uleft {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.vert,
.vert .simply-scroll-clip {
	height: 420px;
	overflow: hidden;
}

.left-news.tt_nb .item {
	overflow: hidden;
	height: 105px;
}

.left-news.sp_nb .item {
	overflow: hidden;
	height: 210px;
}

.vert1,
.vert1 .simply-scroll-clip {
	height: 390px;
	overflow: hidden;
}

.left-news1 .item {
	overflow: hidden;
	height: 130px;
}

.left-news1 .item .info {
	overflow: hidden;
	height: 85px;
}

.box-left .more {
	position: relative;
	background: url(../img/bg-more.png) no-repeat bottom center #0c0c0c;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-family: SFUEBO;
	margin: 0;
	line-height: 28px;
}

.box-left .more a:hover {
	color: #ff0;
}

.tuvan {
	position: relative;
	min-height: 190px;
	background: url(../img/bg-tuvan.png) no-repeat bottom center #f3f3f3;
}

.tuvan .name {
	background: url(../img/bg-tv-name.png) no-repeat left bottom;
	padding: 10px;
	font-family: RCR;
	font-size: 16px;
	color: #ed2770;
	margin-bottom: 10px;
}

.tuvan:before {
	content: "";
	position: absolute;
	width: 130px;
	height: 190px;
	background: url(../img/img-tuvan.png);
	right: -20px;
	bottom: -5px;
}

#dmsp_nb {
	position: absolute;
	right: 0;
	bottom: -25px;
	margin: 0px 0 0 0;
	z-index: 100;
}

.dmsp ul {
	width: 100% !important;
	text-align: left;
	padding: 0;
}

.box-httt {}

.main-tit a.cat {
	/* line-height: 25px; */
	/* padding: 9px 15px; */
	/* font-family: rr; */
}

a.cat {
	cursor: pointer;
	/* text-transform: uppercase; */
	padding: 0px 0;
	display: inline-block;
	vertical-align: top;
	font-family: rr;
	font-size: 14px;
	margin: 0 6px;
	line-height: 25px;
	/* background: #f4f6f8; */
	text-align: center;
}

a.cat.active {
	/* background: #e92e22; */
	/* color: #f00; */
	font-family: rb;
}

a.cat .img {
	border: 7px solid #fff;
	background: #cdcdcd;
	padding: 0;
	display: inline-block;
	margin: 5px auto;


	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#CBCBCB)";
	-moz-box-shadow: 0 0 0 1px #CBCBCB;
	-webkit-box-shadow: 0 0 0 1px #CBCBCB;
	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 0 1px #CBCBCB;
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#CBCBCB);
}

a.cat.active .img {
	border: 7px solid #fff;
	background: #ff9c00;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#ff9c00)";
	-moz-box-shadow: 0 0 0 1px #ff9c00;
	-webkit-box-shadow: 0 0 0 1px #ff9c00;
	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 0 1px #ff9c00;
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ff9c00);
}

a.cat.active .img img {}

a.cat .img img {}

.dmsp {
	padding: 0px;
	position: relative;
	z-index: 9999;
	text-align: center;
}

.dmsp .name {
	text-transform: uppercase;
	color: #ffb400;
	display: inline-block;
}

.box-newsl h3 {
	font-weight: normal;
	font-family: RM;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
}

.menu-left {
	padding: 0;
	/* height: 415px; */
	/* overflow:  hidden; */
	position: relative;
	z-index: 999999;
}

.menu-left ul {
	padding: 0;
	/* margin-top: -15px; */
}

.menu-left li {
	position: relative;
	display: block;
}

.menu-left li {
	/* border-bottom: 1px solid #ebebeb; */
	/* border-top:none; */
}

.menu-left li a {
	display: block;
	color: #000;
	/* font-family: rr; */
	font-size: 14px;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid #ddd;
}

.menu-left li.act,
.menu-left li:hover {
	background: rgba(0, 0, 0, 0.1);
}

.menu-left li.act>a {
	color: #0074b4;
}

.menu-left .cap1 {
	position: relative;
	line-height: 20px;
	margin: 0px;
	/* border-bottom: 1px solid #ebebeb; */
	background: #fff;
}

.menu-left .cap1 .fl {
	margin-right: 10px;
}

.menu-left span.dot {
	width: 20px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.menu-left span.dot:before {
	content: " + ";
	display: inline-block;
	color: #fff;
}

.menu-left .act>span.dot:before {
	content: " - ";
}

.menu-left .child {
	position: relative;
	display: none;
}

.menu-left .child>.w-clear {
	position: relative;
	display: block;
	padding: 5px 15px;
}

.menu-left .cap1>a {
	font-family: rb;
	font-size: 14px;
	color: #000;
	background: url(../img/dot-12.png) no-repeat left 15px center;
	padding-left: 40px;
	border-bottom: 1px solid #dbdbdb;
}

.menu-left .cap1>a .mota {
	font-size: 12px;
	color: #999;
}

.menu-left .cap1 ul {
	/* position: absolute; */
	/* left: 100%; */
	/* top: 0; */
	width: 100%;
	/* display: none; */
	/* background: #fff; */
	/* border: 1px solid #cdcdcd; */
}

.menu-left .cap2 {
	/* padding: 10px; */
	/* border-bottom: 1px solid #ddd; */
}

.menu-left .cap2>a {
	padding-left: 51px;
	background: url(../img/dot-7.png) no-repeat left 30px center;
}

.menu-left .cap2>ul {
	/* position: relative; */
	width: 100%;
}

.menu-left .cap3 {}

.menu-left li:hover>ul {
	display: block;
}

.menu-sp .menu-left {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
	text-align: left;
}

.menu-sp .menu-left .cap1 ul {
	border: 1px solid #dcdcdc;
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0;
	display: none;
}

.menu-hd .menu-sp:hover .menu-left,
.menu-sp li:hover>ul {
	display: block !important;
}

.box-ht {
	padding: 10px 30px;
	text-align: left;
	font-family: rb;
	border-bottom: 1px solid #ebebeb;
	line-height: 24px;
}

.box-ht,
.box-ht a {
	color: #494949;
}

.box-ht .email {
	/* font-family: rb; */
}

.box-ht .name {
	/* border-bottom: 1px solid #cdcdcd; */
	color: #3853a4;
	font-size: 14px;
	/* font-family: rb; */
}

.box-ht .phone {
	display: inline-block;
	color: #f00;
	/* font-family: utmhi; */
	font-size: 14px;
}

.box-ht .fa {
	color: #000;
}

.i-l {
	width: 48%;
	float: left;
}

.i-l-l {
	width: 50%;
	float: left;
	border-right: 1px dotted #CCC;
	padding-right: 20px;
}

.i-l-r {
	width: 50%;
	float: left;
	margin-right: -1px;
	padding-left: 20px;
}

.i-l-r ul li {
	margin-bottom: 10px;
}

.i-l-r ul li h3 {
	font-weight: normal;
	font-size: 13px;
	font-weight: normal;
	font-family: RR;
	margin: 0px;
}

.i-l-r ul li h3 a {
	color: #3e3e3e;
}

.i-l-r ul li h3 a:hover {
	color: #F00;
}

.i-r {
	width: 48%;
	float: right;
}

.video-l {
	width: 100%;
}

.dm_video a {
	cursor: pointer;
	line-height: 20px;
}

.box-lk {
	padding: 10px;
	background: #fff;
	/* background: -moz-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -webkit-gradient(linear, 0deg, color-stop(0, E3E3E3), color-stop(100%, fff));background: -webkit-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -o-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -ms-linear-gradient(0deg, #E3E3E3 0, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(0deg, #E3E3E3 0, #fff 100%); */
}

.box-lk .name {
	margin-top: 10px;
}

.linhvuc {
	padding: 30px 0;
}

.title_lv {
	text-align: center;
	position: relative;
	z-index: 99;
}

.title_lv:before {
	content: "";
	display: block;
	background: #cacaca;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
}

.title_lv .name {
	display: inline-block;
	color: #fff;
	min-width: 290px;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #cacaca;
	margin: 0;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 16px;
}

.box_lv {
	margin: 15px 0;
}

.box_lv .info {
	border: 1px solid #cccccc;
}

.box_lv .name {
	text-align: center;
	font-family: Times New Roman;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	border-bottom: 3px solid;
}

.box_lv .mota {
	padding: 10px;
}

.box_lv .more a {
	display: inline-block;
	margin: 0px 0;
	color: #fff;
	background: #0a81cc;
}

#gioithieu {
	margin: 0 0 0px 0;
	padding: 30px 0;
	background: url(../img/bg-cont-t.png) repeat-x center top;
	position: relative;
	z-index: 999;
	color: #000;
	/* background-size: cover; */
}

#gioithieu .img_gt {
	float: right;
	margin-left: 50px;
	margin-top: -50px;
}

#gioithieu .info_gt {
	position: relative;
	margin: 0px auto;
	/* text-align: center; */
	/* float:  left; */
	/* font-family: rl; */
	padding: 15px;
	background: #fff;
}

#gioithieu .title .name {
	font-size: 36px;
}

#gioithieu .info_gt .name {
	/* font-size: 30px; */
	/* color: #f00; */
	background: no-repeat;
	/* text-transform: uppercase; */
	padding: 0;
	font-family: svnsr;
	font-size: 55px;
}

#gioithieu .info_gt .name span {
	color: #ffa414;
}

#gioithieu .info_gt .name:before {
	/* content:""; */
	height: 100%;
	width: 1px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#gioithieu .main-tit {
	/* text-align: left; */
	/* background: none; */
	/* margin: 0; */
}

#gioithieu .main-tit .name {
	/* color: #fff; */
}

#gioithieu .button {
	text-transform: uppercase;
	color: #fff;
	font-family: utmck;
	margin: 20px 0 0 0;
	background: #d71414;
	border: 1px solid;
	/* text-decoration: underline; */
	-moz-transform: rotate(358deg);
	-webkit-transform: rotate(358deg);
	-o-transform: rotate(358deg);
	-ms-transform: rotate(358deg);
	transform: rotate(358deg);
}

#gioithieu .images {
	width: 50%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
}

#gioithieu .box-tab-con {
	background: none;
	border-bottom: 1px solid #fff;
	border-top: none;
	padding: 15px 0;
}

#gioithieu .box-tab-tit>div {
	padding: 15px 0;
	margin-right: 15px;
	background: none;
	text-align: left;
	max-width: 200px;
	min-width: 150px;
	color: #000;
}

#gioithieu .box-news .images {
	border: 2px solid #36c;
}

#gioithieu .box-news .name {
	color: #36c;
	font-size: 16px;
	margin: 0;
}

.hinh_gt .more a {
	border: 1px solid #fff;
	color: #fff;
}

.hinh_gt,
.box-dv .rota {
	display: inline-block;
	position: absolute;
	width: 480px;
	z-index: 9;
	overflow: hidden;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hinh_gt>.w-clear,
.box-dv .rota>.w-clear {
	z-index: 99;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hinh_gt>.images {
	-moz-transform: rotate(-45deg) scale(1.42, 1.42);
	-webkit-transform: rotate(-45deg) scale(1.42, 1.42);
	-o-transform: rotate(-45deg) scale(1.42, 1.42);
	-ms-transform: rotate(-45deg) scale(1.42, 1.42);
	transform: rotate(-45deg);
	margin: -21%;
}


.hinh_gt:nth-child(1) {
	position: relative;
	width: 480px;
}

.hinh_gt:nth-child(2) {
	top: 0;
	right: 51%;
	width: 45%;
	-moz-transform: rotate(45deg) translate(-50%, -21%);
	-webkit-transform: rotate(45deg) translate(-50%, -21%);
	-o-transform: rotate(45deg) translate(-50%, -21%);
	-ms-transform: rotate(45deg) translate(-50%, -21%);
	transform: rotate(45deg) translate(-50%, -21%);
}

.hinh_gt:nth-child(3) {
	top: 0;
	left: 51%;
	width: 45%;
	-moz-transform: rotate(45deg) translate(-21%, -50%);
	-webkit-transform: rotate(45deg) translate(-21%, -50%);
	-o-transform: rotate(45deg) translate(-21%, -50%);
	-ms-transform: rotate(45deg) translate(-21%, -50%);
	transform: rotate(45deg) translate(-21%, -50%);
}

.hinh_gt:nth-child(4) {
	bottom: 0;
	right: 50.5%;
	-moz-transform: rotate(45deg) translate(21%, 50%);
	-webkit-transform: rotate(45deg) translate(21%, 50%);
	-o-transform: rotate(45deg) translate(21%, 50%);
	-ms-transform: rotate(45deg) translate(21%, 50%);
	transform: rotate(45deg) translate(21.5%, 51%);
}

.hinh_gt:nth-child(5) {
	bottom: 0;
	left: 50.5%;
	-moz-transform: rotate(45deg) translate(21%, 50%);
	-webkit-transform: rotate(45deg) translate(21%, 50%);
	-o-transform: rotate(45deg) translate(21%, 50%);
	-ms-transform: rotate(45deg) translate(21%, 50%);
	transform: rotate(45deg) translate(51%, 21.5%);
}

.hinh_gt:before {
	content: "";
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(55, 181, 63, 0.77);
}

.hinh_gt .info {
	color: #fff;
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 10%;
	top: 10%;
	z-index: 99;
}

.hinh_gt .info .name {
	background: url(../img/tt-ft.png) no-repeat bottom center;
	padding: 10px 0;
}

.hinh_gt .info>.w-clear {
	padding: 15px;
	overflow: hidden;
}

.hinh_gt:nth-child(2) .info>.w-clear,
.hinh_gt:nth-child(3) .info>.w-clear {
	padding: calc(50% + 15px) 15px 15px 15px;
}

.hinh_gt:nth-child(4) .info>.w-clear,
.hinh_gt:nth-child(5) .info>.w-clear {
	padding: 0px 0px 50% 0px;
}

.hinh_gt .info_c {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.hinh_gt .name {
	color: #fff;
	font-family: rb;
	font-size: 24px;
	margin: 15px 0;
}

.hinh_gt .info_c>.w-clear {
	height: 100%;
	position: relative;
}

.hinh_gt:nth-child(2) .info_c>.w-clear,
.hinh_gt:nth-child(3) .info_c>.w-clear {
	padding: 50% 0 0 0;
}

.hinh_gt:nth-child(4) .info_c>.w-clear,
.hinh_gt:nth-child(5) .info_c>.w-clear {
	padding: 0 0 50% 0;
}

.hinh_gt .info_c>.w-clear:before {
	content: "";
	width: 1px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.hinh_gt .info_c .name {
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 30px;
	max-width: calc(100% - 10px);
	vertical-align: middle;
}

.hinh_gt:before,
.hinh_gt .info,
.hinh_gt:hover .info_c {
	display: none;
}

.hinh_gt:hover:before,
.hinh_gt:hover .info,
.hinh_gt .info_c {
	display: block;
}


.gt-img {
	padding: 7px;
	position: relative;
	background: url('../img/bg-img-gt.png') no-repeat bottom left, url('../img/bg-img-gt.png') no-repeat top right;
}

.gt-img img {
	padding: 2px;
	position: relative;
	background: url('../img/bg-img-gt-w.png') no-repeat bottom left, url('../img/bg-img-gt-w.png') no-repeat top right;
}

.gt-tit {
	font-family: rcb;
	font-size: 33px;
	color: #003c5f;
	margin: 10px 0;
	text-transform: uppercase
}

.gt-info {
	font-family: RR;
	padding: 0px 40px;
	text-align: justify;
	background: url('../img/s-l.png') no-repeat left top, url(../img/s-r.png) no-repeat right bottom;
}

.gt-btn {
	text-align: center;
}

.gt-btn a {
	display: inline-block;
	padding: 5px 20px;
	color: #FFF;
	background: #2a94ff;
}

#kienthuc {
	padding: 45px 0;
	background: #ffdee7;
}

#kienthuc .main-tit {
	background: url(../img/tcat-ld.png) no-repeat bottom center;
	padding-bottom: 25px
}

#kienthuc .main-tit .name {
	font-family: rb;
	font-size: 42px;
	text-transform: initial;
}

#kienthuc .lydo {
	background: url(../img/bg-ld-t.png) no-repeat top center;
}

.box-yk {
	font-family: rr;
	width: 230px;
	text-align: center;
}

.box-yk .info {
	margin: 0px 0 10px 0;
	padding: 15px;
	font-family: rr;
	height: 110px;
	overflow: hidden;
}

.box-yk .img {
	padding: 10px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}

.box-yk .tt {
	text-align: right;
}

.box-yk .name {
	font-family: rm;
	font-size: 24px;
	color: #8c02c5
}

.htkh {
	padding: 30px;
	background: url(../img/bg-htkh.png) no-repeat center center;
	background-size: cover;
}

.slogan {
	margin: 0 auto;
	color: #000;
	font-family: rr;
	font-size: 18;
	line-height: 24px;
}

.sp-tit {
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	font-family: RB;
	margin-bottom: 5px;
}

.slick-slider {
	position: relative;
}

.slick-slider .slick-arrow {
	z-index: 999;
	position: absolute;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.slick-3.slick-slider .prev.slick-arrow {
	left: 15px;
}

.slick-3.slick-slider .next.slick-arrow {
	right: 15px;
}

.slick-slider .prev.slick-arrow {
	left: 0;
}

.slick-slider .next.slick-arrow {
	right: 0;
}

.slick-sanpham {
	padding-bottom: 20px;
	width: calc(100% + 20px);
	margin-left: -10px;
}

.slick-sanpham .slick-prev,
.slick-sanpham .slick-next {
	width: 30px !important;
	height: 30px !important;
	text-indent: -9999px;
	bottom: 0px !important;
	top: auto !important;
}

.slick-sanpham .slick-prev {
	background: url(../img/sp-prev.png) !important;
	background-size: 100% 100% !important;
	left: calc(50% - 35px) !important;
}

.slick-sanpham .slick-next {
	background: url(../img/sp-next.png) !important;
	background-size: 100% 100% !important;
	right: calc(50% - 35px) !important;
}

.slick-4 .slick-arrow {
	position: absolute;
	z-index: 99;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.slick-4 .slick-arrow:first-child {
	left: 0;
}

.slick-4 .slick-arrow:last-child {
	right: 0;
}

.visao {
	padding: 30px 0;
	background: url(../img/bg-visao.png) no-repeat center center;
	background-size: cover;
	color: #fff;
}

.visao,
.visao a,
.visao .name {
	color: #fff;
}

.tintuc {
	margin: 0px 0;
	padding: 40px 0 20px 0;
}

.tintuc,
.tintuc .name,
.tintuc a {
	/* color: #fff; */
}

.tintuc .item .box-news .info {
	max-height: 107px;
	overflow: hidden;
	position: relative;
}

.tintuc .title .name {
	font-size: 26px;
}

.tintuc .box-news .name {
	/* color: #ff0 */
}

.tintuc .box-news .images {
	/* border:5px solid #fff */
}

.slick-news {
	margin-bottom: 5px;
	border-bottom: 1px dashed #cdcdcd;
}

.slick-news .box-news {
	height: 130px;
	overflow: hidden;
}

.news-left {
	font-family: RB;
	background: url(../img/dot-8.png) no-repeat left center;
	width: 100%;
	white-space: normal;
	overflow: hidden;
	padding: 5px 0;
	padding-left: 15px;
}

.thucdon {
	background: url(../img/bg-thucdon.png) no-repeat center center;
	background-size: cover;
	padding: 30px 0;
}

#album {
	padding: 30px 0;
	background: #f3f1f1;
}

.box-album {
	width: 100%;
	position: relative;
	margin: 15px 0;
	/* padding: 1px; */
}

.box-album:hover {
	z-index: 99;
	position: relative;
}

.box-album .info {
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	position: absolute;
	font-size: 14px;
	text-align: left;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	/* background: url(../img/sd_sp.png) no-repeat center center ; */
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.box-album:hover .info {
	background: rgba(0, 0, 0, 0.7);
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-album .name {
	opacity: 0;
	overflow: hidden;
	/* height: 40px;*/
	margin: 10px;
	text-align: center;
	color: #fff;
	/* font-family: rcb; */
	font-size: 24px;
	flex: 1 100%;
	/* background: url(../img/bg-name-t.png) no-repeat top center,url(../img/bg-name-b.png) no-repeat bottom center; */
	padding: 10px 15px;
	border-bottom: 2px solid #fff;
}

.box-album .name a {
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	margin: 5px;
	padding: 10px;
}

.box-album .images {
	position: relative;
	overflow: hidden;
}

.box-album .images img {
	width: 100%;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-album:hover .images img {
	-moz-transform: scale(1.12);
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.box-album:hover .name,
.box-ha:hover .info {
	opacity: 1;
}

.box-ha {
	position: relative;
	margin-bottom: 5px;
}

.box-ha .info {
	position: absolute;
	color: #fff;
	left: 0;
	text-align: center;
	font-family: utmatb;
	font-size: 18px;
	right: 0;
	bottom: 0;
	top: 0;
	padding: 20px 10px;
	opacity: 0;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	z-index: 999;
	background: rgba(0, 0, 0, 0.5);
}

.box-ha .info:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 1px;
	vertical-align: middle;
}

.box-ha .name {
	color: #fff;
	font-family: osb;
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	max-width: calc(100% - 10px);
	max-height: 100%;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.tit-white .name {
	color: #fff;
	background: url(../img/line-trang.png) no-repeat left 35px, url(../img/line-trang.png) no-repeat right 35px;
}

.box-tc {
	margin: 0px 0;
	text-align: center;
	position: relative;
	/* padding: 10px; */
	/* background: rgba(0,0,0,0.8); */
}

.box-tc .images {
	/* padding: 8px; */
	/* display: inline-block; */
	position: relative;
	/* width: 146px; */
	vertical-align: middle;
	/* margin: 10px; */
	background: #f9f9f9;
	/* border: 10px solid #ececec; */
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-tc:hover .images {
	border-color: #e96656;
}

.box-tc .info {
	position: absolute;
	left: 18%;
	top: 18%;
	right: 18%;
	bottom: 18%;
	background: rgba(0, 0, 0, 0.3);
	border: 8px solid #fff;
	color: #fff;
	padding: 25px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color=#000000)";
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000);
}

.box-tc .icon {
	margin-top: 15px;
}

.box-tc .name {
	color: #fff;
	display: inline-block;
	font-family: utmatb;
	font-size: 30px;
	margin: 10px;
}

.box-tc .mota {
	margin: 0 0 10px 0;
	color: #fff;
	font-family: sfufbk;
	font-size: 18px;
}

.owl-prev,
.owl-next {
	position: absolute;
	bottom: 50%;
	opacity: 0;
	-moz-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	-o-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.owl-prev {
	left: 0px;
}

.owl-next {
	right: 0px;
}

.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next {
	opacity: 1;
}

.nb_ind {
	padding: 30px 0;
}

.search {
	width: 250px;
	max-width: 100%;
	display: inline-block;
	padding: 5px 10px;
	margin: 8px 0px;
	box-sizing: border-box;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.2);
	background-size: 100% 100%;
	position: relative;
	z-index: 9;
	/* border: 2px solid #be1e2d; */
	-webkit-border-radius: 0;
	/*Safari, Chrome*/
	-moz-border-radius: 0;
	/*Firefox*/
	border-radius: 5px;
}

.search:before {
	/* content: ""; */
	/* background: rgba(255,255,255,1); */
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	bottom: 0px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.search input {
	position: relative;
	line-height: 24px;
	color: #000;
	display: block;
	border: none;
	padding: 0px;
	width: calc(100% - 30px);
	margin: 0px;
	background: none;
	outline: none;
}

.search .bt-search {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding: 7px 7px;
	/*-webkit-border-radius:0 17px 17px 0;-moz-border-radius:0 17px 17px 0;border-radius:0 17px 17px 0;*/
	background: none;
	font-family: rb;
	text-transform: none;
	*/-webkit-border-radius: 5px;
	z-index: 8;
	text-transform: uppercase;
	/* background: #be1e2d; */
}

.search-hd {
	position: relative;
	display: inline-block;
	margin: 20px 0 0 10px;
	vertical-align: sub;
}

.search_open {
	cursor: pointer;
	color: #fff;
	/* background: #ca7a07; */
	display: inline-block;
	padding: 18px;
	/* font-size: 16px; */
}

.search_box_hide {
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
	display: none;
	padding: 5px;
}

.search ::-webkit-input-placeholder {
	color: #cdcdcd;
}

.search ::-moz-placeholder {
	color: #cdcdcd;
}

.search :-ms-input-placeholder {
	color: #cdcdcd;
}

.search :-moz-placeholder {
	color: #cdcdcd;
}

#slide_phu {
	margin-top: -110px;
	position: relative;
	z-index: 99;
}

.box-dm {
	text-align: center;
	width: 120px;
	margin: 20px 10px;
}

.box-dm .images {
	position: relative;
	overflow: hidden;
	/* border: 6px solid #000; */
	background-color: #fff;
	background-position-x: center;
	background-position-y: top;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	height: 90px;
	width: 90px;
	margin: 10px auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#000000)";
	-moz-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.9);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#000000);
}

.box-dm:hover .images {
	background-position-y: bottom;
}

.box-dm .images img {
	width: 100%;
	position: relative;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-dm:hover .images img {
	-moz-transform: scale(1.12);
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.box-dm .info {
	padding: 5px;
}

.box-dm .name {
	font-size: 13px;
	font-family: utma;
	color: #fff;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.box-dm:hover .name {
	font-family: utmab;
}

#search_nc {
	width: 100%;
}

#search_nc .dm_s {
	float: left;
	width: 50%;
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0.1);
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
	color: #094c87;
	text-align: center;
}

#search_nc .dm_s.act {
	background: rgba(9, 76, 135, 0.85);
	color: #fff;
}

#search_nc .dm_s:hover {
	background: rgba(9, 76, 135, 0.85);
	color: #ff0;
}

#frm_bds_search {
	padding: 15px;
	background: rgba(9, 76, 135, 0.85);
}

#search_nc .search_name {
	/* width: calc( 100% / 6 * 5); */
	/* float: left; */
	padding: 2px;
	margin: 0;
	box-sizing: border-box;
}

#search_nc .box_sl {
	padding: 2px;
	box-sizing: border-box;
}

#search_nc .input {
	padding: 8px 10px;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

#search_nc .button.input {
	background: #ff0000;
	border: 1px solid #f00;
}

.box-gt {
	margin-bottom: 20px;
}

.box-gt .images {
	width: 40%;
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
}

.box-gt .images img {}

.box-gt .images {}

.box-gt .name {
	font-family: RCB;
	font-size: 30px;
	color: #814818;
	margin: 10px 0;
	text-transform: uppercase;
}

.box-gt .more a {
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #842626;
	font-family: RCR;
	margin: 10px 0;
}

.tk_r {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 30px;
}

.tk_l {
	position: absolute;
	left: 0px;
	top: 10px;
}

.bangdo {
	position: relative;
	height: 460px;
}

.dangky {
	position: relative;
	z-index: 100;
	width: 290px;
	height: 460px;
	background: rgba(17, 113, 207, 0.9);
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.dangky .title {
	font-family: UTMA;
	font-size: 19px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.bor_dknt {
	/* border: 1px dashed #ddd; */
	/* padding: 5px; */
}

.bor_dknt>.w-clear {
	/* background: rgba(0,0,0,0.3); */
	/* padding: 10px 15px; */
}

.dk_email {
	padding: 20px 20px 20px 20px;
	background: #000;
}

.email-dk {
	display: block;
	position: relative;
	color: #000;
	/* padding: 3px 80px 0px 0px; */
	/* width: 85%; */
	margin: 0px auto;
	box-sizing: border-box;
	line-height: 20px;
	/* background: #000; */
	/* border: 1px solid #cdcdcd; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* overflow: hidden; */
}

.email-dk .fl {
	width: calc(50% - 6px);
	margin: 0 3px;
}

.email-dk .icon {
	background: #e6e6e6;
	padding: 8px 15px;
	border-right: 1px solid #cacaca;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.email-dk .input {
	display: inline-block;
	padding: 8px 10px;
	line-height: 20px;
	color: #fff;
	margin: 3px 0;
	/* font-family: sfufbk; */
	border: 1px solid rgba(255, 255, 255, 0.3);
	width: calc(100% - 0px);
	outline: none;
	background: rgba(0, 0, 0, 0.1);
	vertical-align: bottom;
}

.email-dk .button {
	position: relative;
	/* right: 0; */
	/* top: 0px; */
	/* bottom: 0px; */
	/* width: 85px; */
	/* float: right; */
	/* margin: 0px; */
	background: #f61c0d;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	padding: 5px 20px;
	font-family: rb;
	font-size: 15px;
	/* text-transform: uppercase; */
	margin: 0px 0;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.email-dk .flex {
	flex-flow: nowrap;
}

.dknt .email-dk .button {
	position: relative;
	background: #0964ad;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	padding: 10px 25px;
	/* font-weight: bold; */
	margin: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: rb;
	font-size: 16px;
	text-align: center;
	/* width: 100%; */
	text-transform: uppercase;
}

.dk_email .title {
	background: url(../img/tt-l-x.png) no-repeat center bottom;
	color: #4a4a4a;
}

.email-dk .input::-webkit-input-placeholder {
	color: #fff;
}

.email-dk .input::-moz-placeholder {
	color: #fff;
}

.email-dk .input:-ms-input-placeholder {
	color: #fff;
}

.email-dk .input:-moz-placeholder {
	color: #fff;
}

.giohang {
	position: relative;
	display: inline-block;
	font-weight: bold;
	/* color: #f00; */
	text-align: center;
	vertical-align: middle;
}

#duan {
	padding: 50px 0;
	/* background: #38373d; */
	/* color: #fff; */
}

#duan .dm a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px;
	margin: 15px 0;
}

#duan .dm a:hover {
	background: rgba(255, 255, 255, 0.2);
}

.box-da {
	position: relative;
	/* max-width: 600px; */
	/* background: #fff; */
	text-align: center;
	margin: 0px;
	/* border: 1px solid #eaeaea; */
}

.box-da .xemthem {
	text-align: center;
	margin: 15px 0 -30px 0;
}

.box-da .images {
	background: #fff;
	position: relative;
	overflow: hidden;
	/* padding: 4px; */
	/* max-width: 26%; */
	/* float: left; */
	/* margin-right: 3%; */
}

.box-da .images:before {
	/* content: ""; */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.box-da:hover .images:before {
	opacity: 1;
}

.box-da .images:after {
	/* content: ""; */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/detail.png) no-repeat center center;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.box-da:hover .images:after {
	opacity: 1;
	-moz-transform: rotate(360deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, 0);
	/* FF3.5+ */
	-webkit-transform: rotate(360deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
	/*Saf3.1+, Chrome*/
	-o-transform: rotate(360deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
	/* Opera 10.5 */
	-ms-transform: rotate(360deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
	/* IE 9 */
	transform: rotate(360deg) scale(1, 1) skew(0deg, 0deg) translate(0, 0);
}

.box-da .info {
	position: absolute;
	padding: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	/* justify-content: center; */
	/* align-items: center; */
	text-align: left;
	z-index: 99;
}

.box-da:hover .info {
	/* top: 0; */
}

.box-da .info .mota {
	/* font-family: rcr; */
}

.box-da .name {
	/* padding: 0 0 10px 0px; */
	font-weight: bold;
	font-size: 15px;
	/* line-height: 20px; */
	color: #fff;
	/* margin: 0 15px; */
	text-align: center;
	/* background: #fff; */
	display: block;
}

.box-da .stt {
	font-size: 60px;
	font-family: rb;
	line-height: 50px;
	margin-right: 5px;
	float: left;
}

.gt_nb {}

.gt_nb .images {
	padding: 10px;
	display: inline-block;
}

.gt_nb .images img {}

.gt_nb .more {
	padding: 0 10px;
	display: inline-block;
	margin: 10px;
	color: #f00;
	font-weight: bold;
}

.dm_ft {
	display: inline-block;
	width: 49%;
}

.more {
	color: #f00;
	/* text-align: right; */
	margin: 20px 0 0 0px;
}

.more a {
	display: inline-block;
	padding: 15px 30px;
}

#quangcao {
	height: 300px;
}

.quangcao {
	/* background: #045b90; */
	padding: 10px 0;
}

.thongtin {
	background: -moz-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%);
	background: -webkit-gradient(linear, 180deg, color-stop(0, F3F3F3), color-stop(100%, D3D3D3));
	background: -webkit-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%);
	background: -o-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%);
	background: -ms-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
	background: linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%);
	border: 2px solid #dfdfdf;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-weight: bold;
	margin: 5px 0;
}

.thongtin img {
	vertical-align: middle;
	margin: 3px 10px;
}

#sanpham {
	position: relative;
	padding: 30px 0;
	background: url(../img/bg_sanpham.png) no-repeat center center;
	background-size: cover;
}

#sanpham {
	background: url(../img/bg_sanpham.png) no-repeat center center;
	background-size: cover;
}

.block_sanphamlist{
	margin-bottom: 30px;
}

#video .main-tit {
	background: url(../img/tcat-b-w.png) no-repeat center bottom;
	color: #fff
}

#sanpham .box-news {
	margin: 0;
	padding: 10px;
	justify-content: flex-start;
	align-items: center;
}

#sanpham .box-news .images {
	max-width: 30%;
	margin: 0 10px 0 0;
}

.box-news.flex .info {
	max-width: calc(60% - 10px);
	text-align: left;
	padding: 10px 0;
	/* color: #000; */
}

.box-news.flex .info .name {
	color: #5f0f00;
}

.sanpham_v {
	background: #fece0c;
	margin-bottom: 14px;
}

.sanpham_v .main-tit .name {
	background: url(../img/phole-d.png) no-repeat top left 37%;
}

.sanpham_t {
	background: #f8f8f8;
	border-bottom: 15px solid #fece0c;
}

.sanpham {
	padding: 30px 0;
	position: relative;
	background: url(../img/bg-cont-b.png) repeat-x center bottom;
}

.congtrinh {
	padding: 30px 0;
	background: #f4f4f4;
}

.sanpham .main-tit {
	/* text-align:  center; */
}

.sanpham .box-news {
	border: none;
	background: #fff;
	/* padding:  20px; */
	/* text-align:  right; */
	margin: 20px 0;
}

#sanpham .main-tit .name:after {
	background: #fff
}

#thuvien {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 20px 0;
	background: #f2f3f8;
}

.title-tab span {}

a.tab {
	float: left;
}

a.tab.tt {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 7px 30px;
	font-family: utmsbc;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
	z-index: 1;
}

a.tab.tt:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(90deg, #00BAF8 0, #0076d4 100%);
	background: -webkit-gradient(linear, 90deg, color-stop(0, 00BAF8), color-stop(100%, 0076d4));
	background: -webkit-linear-gradient(90deg, #00BAF8 0, #0076d4 100%);
	background: -o-linear-gradient(90deg, #00BAF8 0, #0076d4 100%);
	background: -ms-linear-gradient(90deg, #00BAF8 0, #0076d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
	background: linear-gradient(90deg, #00BAF8 0, #0076d4 100%);
	z-index: -1;
	-moz-transform: skewX(-25deg) skewY(0deg);
	/* FF3.5+ */
	-webkit-transform: skew(-25deg, 0deg);
	/*Saf3.1+, Chrome*/
	-o-transform: skew(-25deg, 0deg);
	/* Opera 10.5 */
	-ms-transform: skew(-25deg, 0deg);
	/* IE 9 */
	transform: skew(-25deg, 0deg);
}

a.tab.active {
	/* color: #fff; */
}

a.tab.active:before {}

a.tab:hover {
	color: #ff0;
	cursor: pointer;
}

.dm_c1 {
	width: 100%;
	padding: 3px;
	margin: 0px auto;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	position: relative;
}

#dmsp {
	border-top: 3px solid #d6d6d6;
	background: url(../img/bg-dmsp.png) repeat-x top #e5e6e7;
	padding: 20px;
}

#dmsp .dm_c {
	margin: 12px 0;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);
	background: -webkit-gradient(linear, 135deg, color-stop(0, FEFEFE), color-stop(50%, E5E6E7), color-stop(100%, E5E6E7));
	background: -webkit-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);
	background: -o-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);
	background: -ms-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
	background: linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);
}

#dmsp .dm_c p {
	margin-bottom: 10px;
	font-family: RL;
	font-size: 15px;
}

.dm_c1 .images {
	overflow: hidden;
	position: relative;
	z-index: 99;
}

.dm_c1 .info {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
}

.dm_c1 .name {
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.dm_c1 .mota {
	max-height: 60px;
	overflow: hidden;
}

.dm_c1 .more {
	text-align: right;
	margin: 10px 0 0 0;
}

.dm_c1 a {
	display: none;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding: 10px;
	margin-right: 5px;
}

.dm_c1:hover a {
	display: inline-block;
}

.dathicong {
	padding: 25px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=0, Color=#e9e9e9)";
	-moz-box-shadow: 0 0 11px 11px #e9e9e9 inset;
	-webkit-box-shadow: 0 0 11px 11px #e9e9e9 inset;
	box-shadow: 0 0 11px 11px #e9e9e9 inset;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=135, Color=#e9e9e9);
}

.box-duan {
	position: relative;
}

.box-duan img {
	position: relative;
	width: 100%;
}

.box-duan .name {
	position: absolute;
	width: 100%;
	line-height: 20px;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	bottom: 20px;
	left: 0;
}

.camket {
	background: url(../img/bg-ck.png) no-repeat;
	padding: 10px 10px;
	margin: 30px 0;
}

.camket .box-news {
	border: none;
	padding: 0;
	height: 97px;
	padding: 0 20px;
	color: #fff;
}

.camket .box-news .name {
	font-family: rcb;
	font-size: 19px;
	color: #fff;
}

.camket .box-news .images {
	border: none;
	background: none;
}

.camket .box-news:first-child,
.camket .box-news:first-child .name {
	color: #000;
}

.download th,
.download td {
	padding: 5px;
}

.box_dkdn {
	max-width: 95%;
	width: 600px;
	background: #fafafa;
	border: 1px solid #cdcdcd;
	padding: 15px;
	margin: 15px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.box_dkdn input,
.input {
	width: 100%;
	padding: 10px;
	margin: 7px 0;
	outline: none !important;
}

.thoigian {
	font-family: rli;
	font-size: 15px;
}

.diachi span {}

#ykien {
	background: #f9f9f9;
	background-size: cover;
	padding: 30px 0;
	/* color: #fff; */
}

#danhgia {
	background: url(../img/bg-danhgia.png) no-repeat center center;
	color: #fff;
	padding: 50px 0;
}

#danhgia .box-news .name {
	color: #3f71cc;
	font-size: 27px;
	font-family: sfuhb;
}

#danhgia .box-news .number {
	font-family: Times news Roman;
	font-size: 32px;
	color: #fff;
}

.chamsoc {
	border: 1px dashed #ff789e;
	padding: 30px 125px 45px 125px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ds_tuan {
	width: 380px;
	padding: 10px 15px;
	color: #64002d;
	background: #ffdee7;
	border: 1px solid #ffa7c0;
}

.ds_dh {
	width: 100%;
	min-width: 600px;
}

.ds_dh th,
.ds_dh td {
	padding: 10px;
}

.ds_dh tr {
	border-bottom: 1px solid #cfcfcf;
}

.ds_dh tr:hover {
	background: #fafafa;
}

.ds_dh .chitiet {
	color: #f00;
	cursor: pointer;
}

.rotate_me {
	-webkit-animation-name: rota;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: rota;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	animation-name: rota;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}


.rotate_me:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

@-moz-keyframes rota {
	0% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	50% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	100% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}
}

@-webkit-keyframes rota {
	0% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	60% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	65% {
		-moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	75% {
		-moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	80% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	85% {
		-moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	95% {
		-moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	100% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}
}

@keyframes rota {
	0% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	60% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	65% {
		-moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	75% {
		-moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	80% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	85% {
		-moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	95% {
		-moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}

	100% {
		-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);
		-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
		transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);
	}
}

.pentagon {
	clip-path: polygon(50% 0, 100% 45%, 80% 100%, 20% 100%, 0 45%);
}

#map_canvas1 {
	/* border: 1px solid #9c9c9c; */
	/* padding: 4px; */
	/* background: #fff; */
	box-sizing: border-box;
}

.zalochat {
	width: 63px;
	height: 63px;
	position: fixed;
	bottom: 170px;
	right: 10px;
	background: url('../images/icon_zalo.png') no-repeat center;
	z-index: 999999;
}