*{

	padding: 0;margin: 0;box-sizing: border-box;

}

body{font-size: 16px;font-family: arial;overflow-x: hidden;color: #5d5d5d;min-width: 320px;}

.w650{max-width: 650px;margin: 0 auto;}

ul,li{list-style: none;}

a{text-decoration: none;}

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









/*======================================== HEADER =====================================================*/

.header-top a {

	display: block;

	text-align: center;

	padding: .5rem;

}



.header-top a img {

	max-width: 60%;

	height: 60px;

	aspect-ratio: auto 239 / 60;

}

/*======================================== HEADER =====================================================*/



div#banner {

	height: 245px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



/*======================================== NAV =====================================================*/

div#nav {

	display: flex;

	align-items: center;

	background: #0392ce;

	color: white;

	padding: .5rem;

	justify-content: space-between;

	height: 45px;

}



.nav-left {

	width: 10%;

	display: flex;

	align-items: center;

}



.nav-right {

	display: flex;

	align-items: center;

	/* width: 85%; */

	justify-content: flex-end;

}



.nav-item {

	display: flex;

	align-items: center;

}



.nav-item img {

	/* width: 7vw; */

	/* height: 7vw; */

	border-radius: 50%;

	background: white;

	padding: 5px;

	margin-right: .5rem;

}



.nav-item p {

	font-size: .7rem;

}



.nav-item p b {

	font-size: .9rem;

	font-weight: bold;

	display: inline-block;

	margin-top: 3px;

}



.nav-item:first-child {

	margin-right: 1rem;

}



/*======================================== NAV =====================================================*/







/*======================================== GIOITHIEU =====================================================*/

.gt-1 {

	padding: 1rem;

}



.gt-1-item {

	background: #2babd9 url(../img/icon-3.png) no-repeat top .5rem right .5rem;

	color: white;

	padding: .5rem .5rem;

	border-bottom: 1px solid white;

	background-size: 3rem;

	padding-bottom: 1rem;

}

.gt-1-item:nth-child(2) {

	background: #289cc7 url(../img/icon-4.png) no-repeat top .5rem right .5rem;

	background-size: 3rem;

}

.gt-1-item:nth-child(3) {

	background: #248cb3 url(../img/icon-5.png) no-repeat top .5rem right .5rem;

	background-size: 3rem;

}



.gt-1-item span {

	font-size: .7rem;

}



.gt-1-item h3 {

	text-transform: capitalize;

	margin: .5rem 0;

}



.gt-1-item p {

	text-align: left;

	font-size: .9rem;

	line-height: 1.3rem;

	margin: 1rem 0;

}



.btn {

	display: inline-block;

	padding: .4rem 1.3rem;

	background: white;

	border-radius: 5px;

	color: #2babd9;

	font-weight: bold;

	font-size: .9rem;

}

.gt-2 {

	padding: 1rem;

	display: flex;

	flex-flow: wrap;

	justify-content: space-between;

}



.gt-2-item {

	/*width: 48%;*/

	width: 25%;

	margin-bottom: 4%;

}



.gt-2-img {

	/*width: 40vw;

	height: 40vw;*/

	width: 20vw;

	height: 20vw;

	background: #2babd9;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: .5rem;

	border-radius: 5px;

}



.gt-2-img img {

	max-width: 60%;

}



.gt-2-item a {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



.gt-2-item span {

	color: #0392ce;

	text-transform: capitalize;

	font-weight: bold;

	text-align: center;

	font-size: .8rem;

}



.title1 {

	text-align: center;

}



.title1 span {

	font-size: .7rem;

}



.title1 p {

	text-transform: capitalize;

	font-weight: bold;

	font-size: 1.1rem;

}



.title1 p b {

	color: #2babd9;

}



.title1 img {

	max-width: 1.5rem;

	display: inline-block;

	margin-bottom: 1rem;

	margin-top: .5rem;

}



.gt-3 {

	padding: 1rem;

	text-align: center;

}



.gt-3>p {

	font-size: .9rem;

	text-align: justify;

	line-height: 1.3rem;

	margin-bottom: 1rem;

}



.gt-3>img {

	display: block;

	width: 100%;

	margin-bottom: 1rem;

}



.gt-3 .btn {

	background: #0392ce;

	color: white;

	text-transform: uppercase;

}

/*======================================== GIOITHIEU =====================================================*/



/*======================================== THONGKE =====================================================*/



div#thongke {

	/* background: url(../img/bg2.jpg) no-repeat; */

	padding: 1rem;

	display: flex;

	flex-flow: wrap;

	background-size: cover;

	background-repeat: no-repeat;

}



.tk-item {

	width: 100%;

	display: flex;

	align-items: center;

	margin-bottom: 1rem;

}



.tk-item img {

	margin-right: 1rem;

}



.tk-item p {

	color: white;

	line-height: 1.5rem;

	text-transform: capitalize;

}



.tk-item p b {

	font-size: 1.25rem;

}



/*======================================== THONGKE =====================================================*/





/*======================================== DANGKY =====================================================*/



div#dangky {

	padding: 1rem;

	text-align: center;

}



div#dangky form {

	width: 80%;

	margin-left: 10%;

}



div#dangky input {

	padding: 8px;

	width: 100%;

	display: block;

	background: #0794cf;

	border: none;

	color: white;

	outline: none;

}



.dk-rel {

	margin-bottom: .5rem;

	position: relative;

}



div#dangky textarea {

	display: block;

	width: 100%;

	padding: 6px 8px;

	margin-bottom: .5rem;

	background: #0794cf;

	border: none;

	outline: none;

	color: white;

	font-family: arial;

}



div#dangky .btn {

	border: none;

	background: #f53838;

	color: white;

	text-transform: capitalize;

}



.dk-rel:before {content: "*";position: absolute;top: 50%;left: -10%;transform: translateY(-50%);color: red;}



#dangky input::-webkit-input-placeholder, #dangky textarea::-webkit-input-placeholder { /* Edge */

	color: white;

}



#dangky input:-ms-input-placeholder, #dangky textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

	color: white;

}



#dangky input::placeholder, #dangky textarea::placeholder {

	color: white;

}



/*======================================== DANGKY =====================================================*/





/*======================================== BAIVIET =====================================================*/

div#baiviet {

	padding: 1rem;

}



.baiviet-item>a {

	display: block;

	margin-bottom: 8px;

}



.baiviet-item h3 a {

	color: #289cc7;

	font-size: 1rem;

	display: block;

	margin-bottom: 8px;

}



.baiviet-item p {

	text-align: justify;

	margin-bottom: 8px;

	border-bottom: 1px dotted;

	padding-bottom: 1rem;

}



.baiviet-more {

	display: flex;

	align-items: center;

	padding-bottom: 1rem;

	justify-content: space-between;

}



.baiviet-more span {

	font-size: .8rem;

}



.baiviet-more span img {

	margin-right: 5px;

}



.baiviet-more .btn {

	background: #0392ce;

	color: white;

}



.baiviet-item {

	border: 1px solid #e6e6e6;

	padding: 5px;

	margin-bottom: 1rem;

}

/*======================================== BAIVIET =====================================================*/





/*======================================== CAMNHAN =====================================================*/

/*============================================== CAMNHAN ==========================================================*/

/*#camnhan{padding: 2rem 0;}*/

.cn-top {

	background: white;

	padding: 2rem 1rem;

	margin-bottom: 1rem;

	position: relative;

}

.cn-top:before {

	content: "";

	position: absolute;

	width: 3rem;

	height: 3rem;

	background: url(../img/note.png) center center no-repeat;

	top: -1.5rem;

	left: 0;

}

.camnhan-main {

	margin: 0 20px;

	padding: 20px 0;

}



.cn-bottom {

	display: flex;

	align-items: center;

}



.cn-bottom img {

	margin-right: .5rem;

}



.cn-bottom p {

	color: #222222;

	font-weight: bold;

	text-transform: capitalize;

	line-height: 25px;

}



.cn-bottom p b {

	color: #0474df;

}



.cn-top p {

	font-size: .9rem;

	text-align: justify;

	line-height: 24px;

}



.cn-top:after {content: "";height: 0;width: 0;border-top: 25px solid white;border-right: 35px solid white;border-left: 35px solid transparent;border-bottom: 25px solid transparent;position: absolute;bottom: -20px;right: 0;}

#camnhan .slick-dots li{

	width: 2.5rem;

	height: 10px;

}

#camnhan .slick-dots li button{

	width: 2.5rem;

	height: 10px;

}

#camnhan .slick-dots li button:before{

	height: 10px;

	width: 2.5rem;

	background: #0474df;

	content: "";

}



.hinhanh {

	margin-top: 2rem;

	display: flex;

	flex-flow: wrap;

	justify-content: space-between;

}



.hinhanh-item {

	width: 49vw;

	height: 49vw;

	margin-bottom: 2vw;

}



.hinhanh-item img {

	height: 100%;

}



.cn-relative {

	position: relative;

	background: #f6f6f6;

	padding: 2rem 0;

	padding-bottom: 0;

}



.cn-abs {

	position: absolute;

	top: 40%;

	left: -30px;

	transform: translateY(-50%);

}



.cn-next {

	left: unset;

	right: -30px;

}

/*============================================== CAMNHAN ==========================================================*/

/*======================================== CAMNHAN =====================================================*/



/*======================================== FOOTER =====================================================*/

footer {

	background: #343434;

	color: white;

	padding: 1rem;

	text-align: center;

}



.ft-1 h3 {

	text-transform: uppercase;

	font-size: .8rem;

	margin-bottom: 5px;

}



.ft-1>span {

	display: block;

	margin-bottom: 1rem;

	font-size: .8rem;

}



.ft-1 input {

	padding: 8px 10px;

	display: block;

	width: 100%;

	border-radius: 1rem;

	border: none;

	outline: none;

}



.ft-1 form {

	position: relative;

	margin-bottom: 1rem;

}



.ft-1 button {

	position: absolute;

	height: 100%;

	width: 15%;

	top: 0;

	right: 0;

	background: url(../img/icon-13.png) left 8px center no-repeat;

	background-size: 50%;

	border: none;

}



.ft-1 ul {

	display: flex;

	align-items: center;

	flex-flow: wrap;

	margin: 1rem 0;

}



.ft-1 ul li {

	display: flex;

	flex-direction: column-reverse;

	align-items: center;

	justify-content: center;

	width: 100%;

	margin-bottom: 1rem;

}



.ft-1-l p {line-height: 22px;}



.ft-1-r {

	margin-bottom: .5rem;

}



.ft-1 ul li:first-child span {

	display: none;

}

h3.ft-title {

	text-transform: uppercase;

	font-size: 1.3rem;

	text-align: left;

	margin-bottom: 1rem;

	padding-bottom: .5rem;

	border-bottom: 1px solid white;

}



.ft-3 ul {

	display: flex;

	flex-flow: wrap;

}



.ft-3 ul li a, .ft-2 ul li a {

	color: white;

	padding: 10px;

	display: block;

	text-transform: uppercase;

}



.ft-3 ul li, .ft-2 ul li{

	width: 100%;

	text-align: left;

	display: flex;

	align-items: center;

}

.ft-2-r ul li{

	color: white;

	padding: 10px;

	display: block;

	text-transform: uppercase;

	display: flex;

}

.ft-2 {

	margin-bottom: 2rem;

}

.ft-2-l {

	margin-bottom: 1rem;

}

.ft-2-r ul li img {

	width: 10vw;

	margin-right: 1rem;

}



.ft-2-r a {

	text-align: left;

	padding-left: 0!important;

}

/*======================================== FOOTER =====================================================*/



/*============================================== TUVAN ==========================================================*/

div#tuvan {

	padding: 1rem;

	/* background: url(../img/bg3.jpg); */

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}



.tuvan-main {

	display: flex;

	flex-flow: wrap;

	justify-content: space-evenly;

}



.tuvan-item {

	width: 42vw;

	height: 42vw;

	display: flex;

	flex-direction: column;

	align-items: center;

	/* background: url(../img/box1.png); */

	margin-bottom: 10px;

	background-size: 100%;

	justify-content: center;

	background-position: center;

	background-repeat: no-repeat;

}

.tuvan-item:nth-child(n+2){

	/* background: url(../img/box2.png); */

	background-size: 100%;

	background-position: center;

	background-repeat: no-repeat;

}



.tuvan-item span {

	text-transform: uppercase;

	font-size: .6rem;

	font-weight: bold;

	text-align: center;

	color: #000;

}

.tv-img {

	height: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 5px;

}

.ft-1 form h2 {

	color: white;

}

/*============================================== TUVAN ==========================================================*/





/*============================================== TRANGCON ==========================================================*/

div#trangcon {

	padding: 1rem;

}



div#trangcon h1 {

	font-size: 1.5rem;

	margin-bottom: 1rem;

	padding-bottom: .5rem;

	border-bottom: 1px solid #0392ce;

}



.phantrang span, .phantrang a {

	display: inline-block;

	background: #0392ce;

	margin: 0 3px;

	padding: 5px 8px;

	color: white;

}



span.phan_trang {

	background: red;

}

.phantrang {

	display: flex;

	flex-flow: wrap;

}



.phantrang a {

	margin-bottom: 5px;

}

div#trangchitiet {

	padding: 1rem;

}



div#trangchitiet h1 {

	font-size: 1.2rem;

	color: #0392ce;

	margin-bottom: 1rem;

	padding-bottom: .5rem;

	border-bottom: 1px solid;

}



.tct-main p {

	text-align: justify;

	margin-bottom: 1rem;

	line-height: 22px;

}



.tct-main img {

	max-width: 100%;

	height: auto!important;

}



.tct-main h2 {

	color: #E94B77;

	font-size: 1rem;

	margin-bottom: 1rem;

	padding-bottom: .5rem;

	border-bottom: 1px solid;

}

.tct-top {

	display: flex;

	align-items: center;

	margin-bottom: 1rem;

}



div#nav.act {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 10000;

}

/*============================================== TRANGCON ==========================================================*/







#trangchitiet ul {

    padding-left: 1rem;

}



#trangchitiet ul li {

    list-style: initial;

    margin-bottom: 1rem;

}







/* livechat */

#LRfloater2 {

    height: 515px!important;

}
.tct-main table {
    max-width: 100%!important;
}