﻿/*All Style:---------------------------------------------------------body*/
  @media screen and (min-width: 1000px) {
.destop {
  display: block;
}  
.mobile, #mobile-menu {
  display: none;
}   
}
@media screen and (max-width: 800px) {
.destop {
  display: none;
}  
.mobile {
  display: block;
}   
}
body {

	font-family: tahoma; 

	font-size:14px;

	margin:0px auto;

	background:#fff;

	text-align:justify;

	color:#212121;

	line-height: 21px;

}

h1,h2,h3,h4,h5,h6{ 

	margin:5px 0px;

	padding:0;

	border:0;

	font-family:tahoma;

    color:#fff;

    font-size:14px;

	line-height:30px;

}

p, ul, li{

    line-height: 20px;

    margin: 0;

    padding: 0;

	list-style: none;

	

}

img {border:none;}

a {text-decoration:none;cursor: pointer;}

footer, session {

  clear: both;

  overflow: hidden;

}

.wrap {

  float: left;

  width: 100%;

}

.main {

	width:980px;

	margin:0 auto;

}

.none {display:none;}

.upb {

  font-size: 15px;

  font-weight: bold;

  text-transform: uppercase;

}



#toptop{height:40px;line-height:40px;background:#3e3e3e;color:#fff;font-size:13px;}

#toptop .share{float:left;line-height:40px;padding-top:0;}

#toptop .share a{line-height:40px;margin-right:2px;position:relative;top:2px;}

#toptop .toptop-nav{float:left;padding-left:20px;}

#toptop .toptop-nav ul{height:40px;}

#toptop .toptop-nav ul li{float:left;color:#fff;height:40px;line-height:40px;}

#toptop .toptop-nav ul li a{color:#fff;padding:0 10px; border-right:2px #fff solid;}

#toptop .top-search{float:right;}

#toptop .top-search .input{border-bottom-left-radius:10px;border-top-left-radius:10px;border:none;min-width:200px; padding:4px 15px;}

#toptop .top-search .button{

	border:none;

	padding:2px;

	height:25px;

	width:40px; 

	background:url(images/button_search.png) no-repeat left center;

	text-indent:-9999px;

	border-bottom-right-radius:10px;border-top-right-radius:10px;position:relative;left:-4px;

}

.logo-phone{width:98%;max-width:980px;margin:0 auto;}

.logo-phone img{float:left;white-space:nowrap;padding:20px 25px;}

.logo-phone span{float:left;white-space:nowrap;padding:0;color:#db5555;font-size:40px;}

.logo-phone img:nth-child(3){position:relative;}

#menu-top{

	clear:both;

	background:url(images/menu_top.jpg) no-repeat center center;	

	z-index:9999;

	width:100%;

	min-height:49px;

	margin:0;

	

}

#menu-top .main > ul > li{

	position:relative;

	white-space:nowrap;

	float:left;

	font-weight:bold;

	text-align:center;

	height:49px;

	display:inline-block;

	line-height:49px;

	padding:0 20px;

	left:-2px

}

#menu-top .main > ul > li > ul{

	position:absolute;

	z-index:99;

	margin-left:-99999px;

	left:0;

	top:49px;

	text-align:left;

	border:2px #06b2c8 solid;

	

}

#menu-top .main > ul > li:nth-child(3) > ul{background:url(images/bg_menu_top.jpg) no-repeat right bottom #fff;}

#menu-top .main > ul > li:nth-child(4) > ul{background:url(images/bg_cosovatchat.png) no-repeat right bottom #fff;}

#menu-top .main > ul > li:nth-child(5) > ul{background:url(images/bg_camnang.png) no-repeat right bottom #fff;}

#menu-top .main > ul > li:hover > ul{margin-left:0;}

#menu-top .main > ul > li > ul > li > ul > li{

	margin-top:2px;

	border-bottom:1px #c7c7c7 dotted; 

	float:none;padding:0;

}

#menu-top .main > ul > li > ul > li > ul > li:first-child{padding-top:6px;}

#menu-top .main > ul > li > ul a{

	height:26px;

	line-height:26px;

	padding-left:10px;

	display:block; 

	color:#535353;

	font-size:13px;

	font-weight:200;

	background:url(images/icon_normal_topmenu.png) no-repeat 2px center;

}

#menu-top .main > ul > li > ul a:hover{

	background:url(images/icon_hover_topmenu.png) no-repeat 10px center;

	padding-left:18px;

	color:#279711;

	transition:0.3s all ease;

}

#menu-top .main > ul > li > ul > li span{

	text-transform:uppercase;

	clear:both;

	display:block; 

	margin-left:10px;

	width:170px;

	font-size:14px;

	padding:0 0 0 0;	

}

#menu-top .main > ul > li > ul > li > a, #menu-top .main > ul > li > ul > li > a:hover{background:none;padding:10px 0 5px 0;}

#menu-top .main > ul > li > ul > li:nth-child(1) span{color:#50a1cb;border-bottom:2px #50a1cb solid;}

#menu-top .main > ul > li > ul > li:nth-child(2) span{color:#f68593;border-bottom:2px #f68593 solid;}

#menu-top .main > ul > li > ul > li:nth-child(3) span{color:#5ccc63;border-bottom:2px #5ccc63 solid;}

#menu-top .main > ul > li > ul > li:nth-child(4) span{color:#ffab52;border-bottom:2px #ffab52 solid;}

#menu-top .main > ul > li > ul > li:nth-child(5) span{color:#b6c13b;border-bottom:2px #b6c13b solid;}

#menu-top .main > ul > li > ul > li:nth-child(6) span{color:#d980bb;border-bottom:2px #d980bb solid;}

#menu-top .main > ul > li > ul > li span:hover{opacity:0.7;}

#menu-top .main > ul > li a{color:#fff;font-size:15px;}

#menu-top .main > ul > li:hover{

	background:#06b2c8;

	transition:all 0.3s;

}

#menu-top .main > ul > li:nth-child(1){

	width:114px; 

	background:url(images/trangchu.png) no-repeat  center center;

}

#menu-top .main > ul > li:nth-child(1) a{color:#795900;padding-left:34px;}

#menu-top .main > ul > li:nth-child(1):hover{

	background:url(images/trangchu.png) no-repeat  center center;

	transition:all 0.3s;

}

#menu-top .main > ul > li:nth-child(3) > ul{width:980px;height:380px;left:-270px;}

#menu-top .main > ul > li:nth-child(3) > ul li{width:170px; float:left;margin:0px 10px;}

#menu-top .main > ul > li:nth-child(4) > ul{min-height:256px;width:528px;padding-top:20px;padding-left:20px;}

#menu-top .main > ul > li:nth-child(5) > ul{min-height:253px;width:527px;left:-160px;padding-top:20px;padding-left:20px;}

#menu-top .main > ul > li:nth-child(4) > ul li{

	width:170px;float:left;margin:0px 10px;	

}

#menu-top .main > ul > li:nth-child(5) > ul li{

	width:205px;float:left;margin:0px 10px;

	

}

#menu-top .main > ul > li:nth-child(4) > ul li a, #menu-top .main > ul > li:nth-child(5) > ul li a{

	text-transform:uppercase;font-weight:800;font-size:14px;padding:3px 0 3px 18px;	

	background:url(images/arrow_normal_menutop.png) no-repeat 2px center;

}

#menu-top .main > ul > li:nth-child(4) > ul li a:hover, #menu-top .main > ul > li:nth-child(5) > ul li a:hover{

	padding:3px 0 3px 28px;	

	background:url(images/arrow_hover_menutop.png) no-repeat 10px center;

}

#menu-top .main > ul > li:nth-child(4) > ul > li, #menu-top .main > ul > li:nth-child(5) > ul > li{

	margin-top:2px;

	border-bottom:1px #c7c7c7 dotted; 

	float:none;padding:0;

}

.search-icond{

	width:40px;

	height:30px;

	border-radius:8px 0 0px 8px;

	-moz-border-radius: 8px 0 0px 8px;

	-webkit-border-radius: 8px 0 0px 8px;

	position:fixed;

	z-index:9999;

	text-align:center;

	padding-top:3px;

	right:0px;

	top:94px;

}

.search{

	height: 20px !important;

	position:fixed;

	top:98px;

	right:5px;

	z-index:9999;

	float: right;

}



#banner {background:url(images/bg_banner.jpg) no-repeat center center;

}

.bnr {

  float: right;

  position: relative;

  width: 42%;

  margin-right:4%;

  margin-top: 56px;

}

.bg3 .bn1 {

    position: relative;

    animation-name: bacsi;

    animation-duration: 0.5s;

    animation-delay: 1s;

    animation-iteration-count: 1;

    animation-fill-mode:backwards;

	animation-timing-function: ease;

    -webkit-animation-name: bacsi;

    -webkit-animation-duration: 0.5s;

    -webkit-animation-delay: 1s;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-fill-mode:backwards;

	-webkit-animation-timing-function: ease;

	float: left;

	width:54%;

	text-align: right;

}

@keyframes bacsi {

    from {left:-80%;top:0;opacity:0;}

    to {left:0;top:0;opacity:1;}

}

@-webkit-keyframes bacsi {

    from {left:-80%;top:0;opacity:0;}

    to {left:0;top:0;opacity:1;}

}



.bg3 .bn2 {

    position: relative;

    animation-name: phathai;

    animation-duration: 0.5s;

    animation-delay: 1.5s;

    animation-iteration-count: 1;

    animation-fill-mode: backwards;

	animation-timing-function: ease;

    -webkit-animation-name: phathai;

    -webkit-animation-duration: 0.5s;

    -webkit-animation-delay: 1.5s;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-fill-mode: backwards;

	-webkit-animation-timing-function: ease;

	float: left;

	top: 15px;

	text-align: center;

    width: 100%;

}

@-webkit-keyframes phathai {

    from {top:-100%;opacity:0;}

    to {top:15px;opacity:1;}

}

@keyframes phathai {

    from {top:-100%;opacity:0;}

    to {top:15px;opacity:1;}

}



.bg3 .bn3 {

    position: relative;

    animation-name: phathai3;

    animation-duration: 0.5s;

    animation-delay: 2s;

    animation-iteration-count: 1;

    animation-fill-mode:backwards;

	animation-timing-function: ease;

    -webkit-animation-name: phathai3;

    -webkit-animation-duration: 0.5s;

    -webkit-animation-delay: 2s;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-fill-mode:backwards;

	-webkit-animation-timing-function: ease;

	float: none;

    margin: auto;

    text-align: left;

    top: 35px;

    width: 216px;

}

.bn3 > img:nth-child(2) {

  padding: 10px 0;

}

@keyframes phathai3 {

    from {right:-100%;opacity:0;}

    to {right:0;opacity:1;}

}

@-webkit-keyframes phathai3 {

    from {right:-100%;opacity:0;}

    to {right:0;opacity:1;}

}

.bg3 .bn6 {

  clear: both;

  margin: 0 auto;

  position: relative;

  text-align: center;

  top: 65px;

  width: 320px;

}

.bg6 .bn6 {

  clear: both;

  margin: 35px auto;

  position: relative;

  text-align: center;

  width: 320px;

}

.bg3 .bn6 > a, .bg6 .bn6 > a {

  animation-delay: 3s;

  animation-duration: 1s;

  animation-fill-mode: backwards;

  animation-iteration-count: 1;

  animation-name: tuvan;

  animation-timing-function: ease;

  -webkit-animation-delay: 3s;

  -webkit-animation-duration: 1s;

  -webkit-animation-fill-mode: backwards;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-name: tuvan;

  -webkit-animation-timing-function: ease;

  display: block;

  background:url(images/tuvan_normal.jpg) no-repeat top left;

  height:57px;

  margin:0px;

}

@keyframes tuvan {

    from {opacity:0;}

    to {opacity:1;}

}

@-webkit-keyframes tuvan {

    from {opacity:0;}

    to {opacity:1;}

}

.bg3 .bn6:hover, .bg6 .bn6:hover {

  position: relative;

  z-index:9999;

  animation-name: scale;

  animation-duration: 0.7s;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: scale;

  -webkit-animation-duration: 0.7s;

  -webkit-animation-timing-function: ease-in-out;

}

.bg3 .bn6 a:hover, .bg6 .bn6 a:hover {  background:url(images/tuvan_hover.jpg) no-repeat top left;}



@keyframes scale {

	0% {

		transform: scale(1);

	}



	25% {

		transform: scale(.8);

	}



	50% {

		transform: scale(1.05);

	}



	70% {

		transform: scale(.9);

	}



	100% {

		transform: scale(1);

	}

}

@-webkit-keyframes scale {

	0% {

		transform: scale(1);

	}



	25% {

		transform: scale(.8);

	}



	50% {

		transform: scale(1.05);

	}



	70% {

		transform: scale(.9);

	}



	100% {

		transform: scale(1);

	}

}

/* start: main-menu*/

#main-menu{height:170px; padding:0;margin:0;clear:both;background:#f4f4f4;}

#main-menu ul li{

	position: relative;

	padding:0;margin:0;

	text-align:center;

	display: inline-block;

	width: 16.66%;

    float: left;

}

#main-menu ul li a{color:#101010;

}

#main-menu li div {

    list-style: none;	

    float: left;

    position: absolute;

	color:#211f13;

    top: 50px;

    left: 0;

    width: 100%;

    z-index: 9;

	margin-top:-99999px;

}

#main-menu li:hover > div {

}

#main-menu li div li{width:88%;margin:0 auto;float:none; text-align:center;}

#main-menu > ul > li{

	padding:30px 0 25px 0;	

}

#main-menu > ul > li:nth-child(1) a{background:url(images/namkhoa.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li:nth-child(2) a{background:url(images/phukhoa.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li:nth-child(3) a{background:url(images/benhtri.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li:nth-child(4) a{background:url(images/benhxahoi.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li:nth-child(5) a{background:url(images/hoinach.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li:nth-child(6) a{background:url(images/suckhoesinhsan.png) no-repeat center top;padding-top:90px;display:block;}

#main-menu > ul > li a{}

#main-menu > ul > li:hover > a{}

/* end: main-menu*/

.wrap.bg4 {

  background: #1498a7;

  color: #fff;

}

.bg4 .col {

  float: left;

  margin: 35px 1.5%;

  width: 22%;

  text-align: center;

  position:relative;

  right:-150%;

  opacity:0;

  transition:all 0.5s;

}

.bg4 .col:nth-child(1) {transition-delay:0.3s;}

.bg4 .col:nth-child(2) {transition-delay:0.6s;}

.bg4 .col:nth-child(3) {transition-delay:0.9s;}

.bg4 .col:nth-child(4) {transition-delay:1.2s;}

.bg4.sc .col {right:0;opacity:1;}

.bg4 .upb {

  margin: 20px 0;

}

.bg4 .colc {

  text-align: justify;

}



.wrap.bg5 {

  background: #EAEAEA;

}

.dangtrai {

  float: left;

  margin: 25px 45px 25px 0;

  width: 430px;

}

.dangphai {

  background: url("images/bg_lienhe.jpg") repeat-y scroll left top #fff;

  width: 504px;

  float: left;

  margin:25px 0;

}

.dangphai .upb {

  float: left;

  font-size: 18px;

  margin: 15px 0 0;

  text-align: center;

  width: 100%;

}

.dangphai > p {

  color: #5d5d5d;

  float: left;

  margin-bottom: 20px;

  text-align: center;

  width: 100%;

}

.dangphai input, .dangphai textarea {

  background: #eaeaea;

  border: none;

  border-radius: 2px;

  box-sizing: border-box;

  font-size: 16px;

  height: 43px;

  margin: 0 4%;

  padding: 10px;

  width: 91%;

}

.dangphai textarea {height:100px;}

.dangphai form > div {

  margin: 15px 13px;

}

.captcha > input {

  width: 50%;

}

.imcapt {

  position: relative;

  top: 7px;

}

.dangphai input.gui {

  background: #5c9a69;

  border: medium none;

  color: #fff;

  font-weight: bold;

  height: 59px;

  margin-bottom: 20px;

  text-transform: uppercase;

  font-size:19px;

}

.dangtrai li {

  height: 107px;

  margin-bottom: 10px;

  padding: 10px 36px 10px 80px;

  box-sizing: border-box;

  transition:all 0.3s;

  cursor:pointer;

}
.anhbs {
    float: left;
    margin-top: 27px;
    width: 260px;
}
.dangtrai li:nth-child(1) {background:url(images/icon_1.png) 15px center no-repeat #fff;}

.dangtrai li:nth-child(2) {background:url(images/icon_2.png) 15px center no-repeat #fff;}

.dangtrai li:nth-child(3) {background:url(images/icon_3.png) 15px center no-repeat #fff;}

.dangtrai li:nth-child(4) {background:url(images/icon_4.png) 15px center no-repeat #fff;}

.dangtrai li:nth-child(5) {background:url(images/icon_5.png) 15px center no-repeat #fff;}

.dangtrai li:hover:nth-child(1) {background:url(images/icon_1_hover.png) 25px center no-repeat #7EB260;}

.dangtrai li:hover:nth-child(2) {background:url(images/icon_2_hover.png) 25px center no-repeat #7EB260;}

.dangtrai li:hover:nth-child(3) {background:url(images/icon_3_hover.png) 25px center no-repeat #7EB260;}

.dangtrai li:hover:nth-child(4) {background:url(images/icon_4_hover.png) 25px center no-repeat #7EB260;}

.dangtrai li:hover:nth-child(5) {background:url(images/icon_5_hover.png) 25px center no-repeat #7EB260;}

.dangtrai li:hover {color:#fff;padding: 10px 26px 10px 90px;}

.dangtrai .upb {

  margin-bottom: 20px;

}

.liim {

  display: none;

  float: right;

  opacity: 0;

  position: relative;

  right: -44px;

  top: -56px;

  transition: all 0.3s ease 0s;

  width: 100%;

  text-align: right;

}

li:hover .liim {

  display: block;

  opacity:1;

}

.duongdi {

  background: none repeat scroll 0 0 #cba787;

  color: #fff;

  font-size: 19px;

  font-weight: bold;

  padding: 15px 0;

  text-align: center;

  text-transform: uppercase;

  margin-bottom: 8px;

}

.wrap.bg6 > p {

  border-bottom: 5px solid #cba88a;

  padding-bottom: 8px;

}
.bnrdung {
    float: right;
    padding-top: 80px;
    position: relative;
    text-align: left;
    width: 710px;
    z-index: 999;
}#menu-top .main > ul {
    position: relative;
    z-index: 99999;
}
.bnrdung > img:nth-child(2){margin-bottom:30px}
.bnrdung a {
    padding-left: 101px;
}
.bnrdung > img {


}

#trongkhung .main{width:940px}

.xaydung {
padding:20px 0 20px}

.imgxay {margin-top: 40px;text-align:center}

.xayphai {margin-bottom: 40px;

    color: #fff;

    float: right;

    text-align: justify;

    margin-top: 10px;

}
.xaydung p.noilo {
   font-size: 90%;
    margin: auto;
    width: 88%;
}
.sukhacbiet .main {
    background: #f9f6ed none repeat scroll 0 0;
}.khactrai {
    float: left;
    padding: 20px;
    width: 47%;
}
.khacphai img {
    padding: 35px 20px 30px 0;
}
.xaydung ul li {
    float: left;
    margin-left: 66px;
    margin-top: 15px;
    text-align: justify;
    width: 185px;
}
.xaydung ul li:nth-child(1) {
    margin-left: 0;
}
.xaydung ul li p:nth-child(2) {

}
.xaydung ul li p:nth-child(2) {
    font-size: 90%;
}

.xaydung ul li:nth-child(2)  p:nth-child(1) {background: rgba(0, 0, 0, 0) url("images/icon2.png") no-repeat scroll 0 0;}
.xaydung ul li:nth-child(3)  p:nth-child(1) {background: rgba(0, 0, 0, 0) url("images/icon3.png") no-repeat scroll 0 0;}
.xaydung ul li:nth-child(4)  p:nth-child(1) {background: rgba(0, 0, 0, 0) url("images/icon4.png") no-repeat scroll 0 0;}
.xaydung ul li p:nth-child(1) {
    background: rgba(0, 0, 0, 0) url("images/icon1.png") no-repeat scroll 0 0;
    font-weight: bold;
    padding: 18px 0 18px 58px;
    text-transform: uppercase;
}

.xaydung ul li p:nth-child(3) {text-align: justify;

}

.xaydung h3 {

    color: #198300;

    font-size: 16px;margin-bottom: 20px;

    font-weight: 400;

    line-height: 20px;

    margin-top: 0;

    text-align: center;

    text-transform: uppercase;

}

.cochu.dautien{margin-left:0}

.cochu.cuoicung{margin-right:0}

.cochu {

    float: left;

    margin: 0 15.8px;

    text-align: center;

    width: 90px;

}

.khongchu {

    float: left;

    font-size: 31px;

    padding-top: 30px;

    text-align: center;

    width: 20px;

}
#trongkhung .wrap.xaydung h2 {
    color: #666;
    font-weight: 400;
    margin: 20px 0;
}
.wrap h2 {

    color: #222;

    font-size: 18px;

    font-weight: bold;

    text-align: center;text-transform: uppercase;

}
.thoigian .main p > img {
    float: left;
    margin-right: 10px;
}


.tuyen1 > p {
    background: rgba(0, 0, 0, 0) url("images/phay.png") no-repeat scroll 0 0;
    color: #fff;
    font-size: 90%;
    margin: 30px 20px 20px;
    padding-left: 40px;
    padding-top: 10px;
    text-align: justify;
}
.thoigian .main > p {
    font-size: 90%;
    margin: 40px 0;
    text-align: justify;
}
.tuyen1 {
    background: #1dd2db none repeat scroll 0 0;
    float: left;
    height: 297px;
    width: 472px;
}
.thoigian .main p > img{} 
.thoigian .main > img {
    float: left;
    margin-right: 10px;
}
#trongkhung .wrap.xaydung{}
#trongkhung .wrap {
color:#666;
    padding:20px 0;
    text-align: center;
}
#trongkhung .wrap.thoigian {
    padding-bottom: 0;
}
#trongkhung .wrap.tuyentien {
    padding-top: 0;
}
.imgm {
    margin-bottom: 15px;
}
.bacsigioi ul li p:nth-child(2) {
    font-size: 90%;
    font-weight: 400;
    margin: auto;
    width: 90%;
}.tuyen1 h3 {
    font-size: 18px;
    font-weight: normal;
    padding-left: 60px;
    text-align: left;
    text-transform: uppercase;
}
.bacsigioi li {
    background: #fff none repeat scroll 0 0;
    float: left;
    font-weight: bold;
    margin-left: 2px;
    text-align: center;
    width: 233px;
}

.bacsigioi h2 {
    color: #555;
    font-weight: 400;
    margin-bottom: 25px;
}

.thoigian h2 {
    background: rgba(0, 0, 0, 0) url("images/gachxanh.png") no-repeat scroll center bottom;
    padding-bottom: 15px;
	font-weight:400;
	color:#555;
}#trongkhung .wrap.bacsigioi {
    padding-bottom: 0;
}
.bacsigioi h2 {
    background: rgba(0, 0, 0, 0) url("images/gachxanh.png") no-repeat scroll center bottom;
    padding-bottom: 15px;
}
.quyenloiphai {

    float: right;

    text-align: left;

    width: 465px;

}

.thoigiantrai {width:333px;float:left;background:#0298AA}

.camket h2 {

    margin-bottom: 20px;

}

.camket li:nth-child(1) {

    background: url("images/bg_1.png") no-repeat scroll right top #FFF;

    float: left;

    height: 228px;

    width: 48.5%;

}

.camket li:nth-child(2) {

    background: url("images/bg_2.png") no-repeat scroll right bottom #fff;

    float: right;

    height: 228px;

    width: 48.5%;

}

.camket img {

    display: block;

    margin: 20px auto;

}.camket img {

    display: block;

    margin: 20px auto 10px;

}

.camket h3 {margin-bottom: 20px;

    color: #333;font-size: 125%;

    text-align: center;

    text-transform: uppercase;

}

.camket .main p {

    margin-left: 40px;

}

.camket h4 {

    color: #198300;

    font-size: 19px;

    margin: 20px 0;

    text-align: center;

    text-transform: uppercase;

}

.quyenloiphai p {

    background: url("images/bullet1.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);

    border-bottom: 1px dashed;

    padding: 5px 0 5px 15px;

}

.uutien li p {

    padding: 35px 9px 10px;

}

.uutien2 li p {

    padding: 35px 9px 10px;

}

.uutien > li:nth-child(1),

.uutien2 > li:nth-child(1) {margin-left:0}

.uutien > li:nth-child(1) {background:#0AA69E}

.uutien > li:nth-child(3) {background:#8163BD}

.uutien > li:nth-child(5) {background:#F17B79}

.uutien > li:nth-child(6) {background:#94BA71}

.uutien2 > li:nth-child(2) {background:#94BA71}

.uutien2 > li:nth-child(4) {background:#71A1DF}

.uutien2 > li:nth-child(6) {background:#DEB780}

#trongkhung .wrap.camket {

    background: none repeat scroll 0 0 #eeeeee;

    margin-top: 20px;

    padding-bottom: 20px;

}

.nguyentac li {

    float: left;

    margin-right: 28px;

    margin-top: 30px;

    text-align: center;

    width: 110px;

}

.nguyentac li:nth-child(7) {

    margin-right: 0;

}

.motgach {

    border-bottom: 2px solid #ccc;

    margin: auto;

    width: 500px;

}

.dichvu > img {

    float: left;

    margin-right: 25px;

}

.dichvu {

    overflow: hidden;

    padding-top: 15px;

}

.dichvu > p:nth-child(2) {

    font-size: 18px;

    font-weight: bold;

    padding: 20px 0;

    text-transform: uppercase;

}

.dichvu2 > img {

    float: right;

    margin-left: 25px;

}

.dichvu2 {

    overflow: hidden;

    padding-top: 15px;

}

.dichvu2 > p:nth-child(2) {

    font-size: 18px;

    font-weight: bold;

    padding: 20px 0;

    text-transform: uppercase;

}

#trongkhung .wrap.sukhacbiet {

}

.uutien > li,

.uutien2 > li {

    color: #fff;text-align: center;

    float: left;

    height: 152px;margin-left: 6.8px;margin-bottom: 6.8px;

    width: 151px;

}

.bacsigioi .main img {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

.phuongcham {

    margin-top: 30px;

}

.phuongcham > p {

    background: none repeat scroll 0 0 #ff7e7e;

    color: #fff;

    float: left;

    padding: 19px 20px 20px;

    width: 446px;

}

.cuxu ul {

    margin: 30px 0 0;

    overflow: hidden;

}

.cuxu li:nth-child(4){margin-right:0}

.cuxu p {

}

.cuxu li {

    float: left;

    margin-right: 30.6px;

    width: 212px;

}

.bacsigioi .main > ul {

    position: relative;

}

.bacsigioi p {
    padding: 0 0 15px;
    text-align: center;
}
.bacsigioi p:nth-child(3) {
    font-weight: normal;
    padding: 0 15px;
    text-align: justify;
}
.uutienphai {

    float: right;

    width: 485px;

}
#menu-top .main > ul > li:nth-child(3) {
    min-width: 120px;
}
.uutien {

    margin-top: 30px;

}
.thoigian li {margin-top: 40px;
    float: left;
    margin-left: 57px;
    text-align: justify;
    width: 275px;
}
.thoigian li:nth-child(1) {
    margin-left: 0;
}

.thoigian ul li p:nth-child(1) {
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.uutienphai li:nth-child(1) {

    background:url(images/no1.png) no-repeat 90% 80% #FF7E7E;

}

.uutienphai li:nth-child(2) {

    background:url("images/no2.png") no-repeat scroll 90% 80% #6cc147;

}

.uutienphai li:nth-child(3) {

    background:url("images/no3.png") no-repeat scroll 90% 80% #35BBDC;

}

.uutienphai li:nth-child(4) {

    background:url("images/no4.png") no-repeat scroll 90% 80% #FFB424;

}
.khacbiet li {
    float: left;
    margin-left: 80px;
    width: 260px;
}

.saisot p {

    border-top: 1px solid #222;

    color: red;

    margin: 30px auto 10px;

    padding-top: 20px;

    text-align: center;

    width: 80%;

}

.chaynhe {background:url("images/bg_1.png") no-repeat scroll 0 0;transition: all 6s ease 0s;width:0;height:179px;}

.hienra{height: 179px;width:100%;left:0}

.khacbiet li:nth-child(1){margin-left:0}


.khacbiet img {

}

.khacbiet p:nth-child(2) {

    margin-bottom: 15px;

    margin-top: 10px;

    text-align: justify;

}
.khacbiet img:nth-child(2) {
    display: none;
}
.khacbiet li.li1:hover img:nth-child(2) {
    display: block;margin:auto;
}
.khacbiet li.li2:hover img:nth-child(2) {
    display: block;margin:auto;
}
.khacbiet li.li3:hover img:nth-child(2) {
    display: block;margin:auto;
}
.khacbiet li.li1:hover img:nth-child(1) {
    display: none
}
.khacbiet li.li2:hover img:nth-child(1) {
    display: none
}
.khacbiet li.li3:hover img:nth-child(1) {
    display: none
}
.khactrai p img {
    margin-right: 6px;
    vertical-align: middle;
}
.xaydung span {background: rgba(0, 0, 0, 0) url("images/gachxanh.png") no-repeat scroll 0 bottom;padding-bottom: 10px;
}
.khacbiet p{margin-top: 10px;text-align: justify;}
.sukhacbiet h2 { background: rgba(0, 0, 0, 0) url("images/gachden.png") no-repeat scroll 15px bottom;
    padding-bottom: 15px;
    color: #555;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 25px;
    text-align: left;
}.khactrai > p {
    font-size: 90%;
    margin-bottom: 10px;
    text-align: left;
}
.khacbiet li:nth-child(2),.khacbiet li:nth-child(4){margin-right:0}

.uutienphai li {

	color:#FFF;

    

    border-radius: 10px;

    float: left;

    height: 130px;

    margin: 5px;

    padding: 15px;

    width: 190px;

}

.khactrong > p:nth-child(1) {

    font-weight: bold;

    margin-bottom: 25px;

}
.bacsigioi li:nth-child(1){margin:0}
.khacbiet {

    margin-top: 40px;

}

.quanlyphai > p {

    position: absolute;

    width: 557px;

}

.quanlyphai {

    float: right;

    width: 557px;

}

.quanlytrai {

    background: none repeat scroll 0 0 #eee;

    border-radius: 10px;

    float: left;

    padding: 10px;color: #fff;

    width: 336px;

}

.quanlytrai > p:nth-child(1){

	background: none repeat scroll 0 0 #1597a6;

    border-radius: 7px;

    padding: 15px 10px;width:315px;height: auto;

}

.quanlytrai > p:nth-child(2){background:#84B440;}

.quanlytrai > p:nth-child(3){}

.quanlytrai > p:nth-child(4){ margin-right: 0;background:#D2CC66;}

.quanlytrai > p:nth-child(5){background:#6CBAC3}

.quanlytrai > p:nth-child(6){background:#99C063}

.quanlytrai > p:nth-child(7){ margin-right: 0;background:#40A8B4}

.quanlytrai > p {

   border-radius: 7px;

    float: left;

    height: 87px;

    margin-bottom: 2%;

    margin-right: 2%;

    padding: 25px 2% 0;

    text-align: center;

    width: 28%;

}

.quanlychung {

    margin-top: 30px;

}

.khactrong {

    float: right;color: #535353;

    margin-right: 15px;

    margin-top: 20px;

    width: 270px;

}

/* footer */

footer{

	width:100%;

	

}

.footerbg1{

	background:#009aac;

	border-top:8px #3cbece solid;

	width:100%;

	padding:10px 0px;

	margin:0;

	overflow:hidden;

}

.footerbg1 .col{

	width:22%;

	margin:1%;

	float:left;

	text-align:center; 

	background:url(images/bg_shadow.png) no-repeat left center;

	padding-left:1%;

}

.footerbg1 a:first-child .col{background:none;}

.footerbg2{background:#00667b;clear: both;overflow: hidden;}



.footerbg2 .left-footer{width:40%;padding:1%; float:left;color:#fff;}

.footerbg2 .contact{padding:20px 0 10px 0;overflow:hidden}

.footerbg2 .contact .top{width:82px;float:left;text-transform:uppercase;font-weight:800;}

.footerbg2 .contact .line{width:298px;float:left; height:30px;background:url(images/line_d.jpg) repeat-x center}

.footerbg2 .contact span{font-size:20px;font-weight:800;}

.footerbg2 .register{padding:10px 0 20px 0;overflow:hidden}

.footerbg2 .register .top{width:135px;float:left;text-transform:uppercase;font-weight:800;}

.footerbg2 .register .line{width:245px;float:left; height:30px;background:url(images/line_d.jpg) repeat-x center}

.row-form{padding:5px 0;}

.row-form label{

	width:140px;

	text-transform:uppercase;

	display:block;

	float:left;

	background:url(images/bullet.png) no-repeat 5px center;

	padding-left:20px;

}

.row-form input{  box-shadow: 2px 3px 9px -4px #000 inset;padding:3px 10px;min-width:196px; }

.row-form select{padding:3px 0;box-shadow: 2px 3px 9px -4px #000 inset;margin-right:10px;border-radius:3px;-webkit-border-radius:3px;}

.btn-register{

	background:#ffde5c;text-transform:uppercase;font-size:13px;font-weight:700;

	float:right;

	padding:8px 15px;

	border:none;

	border-radius:3px;-webkit-border-radius:3px;

	margin-top:10px;

}

.footerbg2 .map {

  width: 58%;

  float:right;

  text-align:center;

  padding:25px 0;

}

.footerbg2 .map  p{color:#fff;text-align:center;padding:10px 0 0 0;}





.luuy {

	padding: 25px 0 5px 0;

	clear:both;

  color: #FFFFFF;

  margin:auto 15px;

  font-size: 13px;

  text-align:center;

  padding-bottom: 22px;

}

.copyright {

  text-transform:uppercase;

  margin: 0 auto;

  text-align: center;

  max-width: 980px;

  clear:both;

  padding: 15px 5px 15px 5px;

}

.copyright a{color:#e86c6c}

.copyright a:hover{color:#69F}

#showhide{

width: 100%;

height: 100%;

opacity: 0.95;

top: 0;

left: 0;

display: none;

position: fixed;			

background-color: #313131;

overflow:auto;

z-index: 99999;

}



img#close{

position: absolute;

right: -14px;

top: -14px;

cursor: pointer;

}



div#popupContact{

left: 50%;

position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);

margin-left: -252px;

font-family: 'Raleway', sans-serif;

}
.anhien{display:none}








@media screen and (max-width:680px) {
.wrap.bglh {
    background: transparent url("bg_top.png") repeat scroll 0 0;
    bottom: 0;
    position: fixed;
}
.anhien{display:block}
.lienhe li:first-child {
    max-width: 38%;
}
.lienhe li:last-child {
    max-width: 56%;
}

.lienhe li {
float: left;
}

.xaydung p.noilo{width:100%}
#trongkhung .wrap.xaydung {
    margin: 0;
    padding: 20px 0;
}
.thoigian li {width:98%;margin:20px 1% !important}
.thoigian ul li p:nth-child(1){text-align: center;}

.xaydung ul li p:nth-child(3){text-align:center}

.khacbiet li {margin-left:0}

.bacsigioi .main {

    height: auto;

}.thoigian img {

    display: block;

    margin: 0 auto 20px;

}

.nguyentac li {

    width: 100%;

    margin: 20px 0;

}

.dichvu > img {

    display: block;

    margin: auto auto 25px;

    width: 100%;

}

.camket .main p{margin-left:0}

.dichvu2 > img {

    display: block;

    margin: auto auto 25px;

    width: 100%;

}

.camket li:nth-child(2) {margin-top:20px}

.camket li:nth-child(1),

.camket li:nth-child(2) {

    width: 100%;

}

.uutien2 > li:nth-child(3),.uutien2 > li:nth-child(5), 

.uutien > li:nth-child(3),.uutien > li:nth-child(5) {margin:0}

.xaydung ul li {

    margin: 15px 0;

    width: 100%;padding:0

}
.thoigian .main > img {
    width: 100%;
}
.tuyen1 {width:100%}
.khacphai img{padding:0}
.khactrai{padding:2%;width:96%}
.uutien2 > li:nth-child(3), .uutien2 > li:nth-child(5), .uutien > li:nth-child(3), .uutien > li:nth-child(5){ margin: 10px 0;}

.uutien > li, .uutien2 > li {

    margin: 10px 0;

    width: 50%;

}

.bacsigioi li {

    margin: 10px 0;

    padding: 0;

}

.cuxu > img {

    display: block;

    margin: auto;

}

.quyenloiphai {

    margin: 20px 0 0;

    width: 100%;

}

.bacsigioi ul li:nth-child(4) p:nth-child(1) ,.bacsigioi ul li:nth-child(2) p:nth-child(1){margin-bottom: 20px;}

#banner {display:none}



.quanlytrai > p:nth-child(1) {

    padding: 4% 2%;

    width: 96%;

}

.quanlyphai > p,.quanlyphai {

    width: 100%;

}

.quanlyphai > p {

    padding-top: 10px;

    position: relative;

}

.xaydung img {

    display: block;

    margin: auto auto 20px;

}

.wrap h2 span {

    font-size: 14px;

}

.bacsigioi li {

    border: medium none;

    height: auto;

    width: 100%;

}

.cuxu li {

    float: none;

    margin: auto auto 20px;

    text-align: center;

    width: 80%;

}

.cuxu li:nth-child(4){margin: auto auto 20px}

.phuongcham > p {

    margin-bottom: 25px;

    padding: 5%;

    width: 90%;

}

.uutienphai li {

    padding: 7%;

    width: 82%;

}

.khacbiet li {

    height: auto;

    margin-right: 0;

    width: 100%;

}.quanlytrai {

    padding: 2%;

    width: 96%;

}

.khactrong {

    margin: 10px 5%;

    width: 90%;

}

.khacbiet img {

    display: block;

    float: none;

    margin: auto;

    padding: 20px;

}

#trongkhung .main {

    width: 96%;

}

.dangky.dk {

    margin-bottom: 30px;

}

.dangky{

    width: 100%;

}

.bn1 > img {

  width: 100%;

}

.none {display:block;}

.block {display:none!important;}

* {max-width:100%;margin:0;padding:0;}

.wrap.bg2.none {

  bottom: 0;

  position: fixed;

}



.overlay:hover .overlay-area {

text-transform:none;

font-size:11px;

}

.overlay-area-content {

  padding: 10px;

}

.lienhe > li {padding:1%;}

.lienhe {

  padding: 0;

}



.carea {

    float: left;

    height: 100%;

    left: 0;

    position: relative;

    width: 100%;

}

.toptop {

  background: #1498A7;

  height: auto;

  width: 100%;

  position:fixed;

  float:left;

  z-index:19999;

}

.toptop > .htop {

  float: left;

  text-align: center;

  width: 83%;

}



.main {

  margin: 0 2%;

  width: 96%;

}

.overlay {

  margin: 20px 3% 28px;

  width: 44%;

  height: auto;

}

.overlay > img {

  height: auto;

  width: 100%;

}

.left_menu {

  left: -260px;

  position: absolute;

  top: 0;

  width: 240px;

}

.left_menu ul {

  margin: 0;

  padding:0 0 15px;

  background: url("images/mobile/shadow.png") repeat-y scroll right top rgba(0, 0, 0, 0);

}

.left_menu.none li {

  border-bottom: 1px dashed #ccc;

  height: 45px;

}

.left_menu > ul > li > a {

	color: #212121;

	display: block;

	font-weight: bold;

    line-height: 45px;

	font-size:1em;

	text-align:center;

	transition:all 0.3s;

	text-transform: uppercase;

}

.left_menu > ul > li > a:hover {background:#FFB400;color:#fff;}

.left_menu.none > ul > li:nth-child(1)  a:hover {background:none;}

.left_menu.none > ul > li:nth-child(1) {

  background: #1498A7; padding:10px 0;border:none;

}

.left_menu.none > a {

  display: block;

  background: #844560;

}

.left_menu.none img {

  max-width: 95%;

  padding: 5px 1%;

}

.left_menu .danhmuc {

  padding: 0;

}

.left_menu.none .danhmuc > li:nth-child(1) {

  background: url("images/mobile/icon_moblie.png") no-repeat scroll 23px center #1498a7;

  color: #fff;

  font-size: 21px;

  font-weight: bold;

  line-height: 45px;

  padding-left: 42px;

  text-align: center;

  text-transform: uppercase;

  margin:0;

}

.left_menu.none .danhmuc > li {

  background: url("images/mobile/line_bottom.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

  border-bottom: 1px solid #ccc;

  border-top: 1px solid #ccc;

  margin-top: 5px;

  height:auto;

}

.left_menu ul.danhmuc > li > a {

  background: url("images/mobile/icon_active_menuleft.png.png") no-repeat scroll 12px center;

  color: #535353;

  font-size: 16px;

  padding-left: 53px;

  text-align: left;

  transition: all 0.3s ease 0s;

}

.left_menu ul.danhmuc > li > a:hover {

  color: #4F9F1A;

  background:none;

  background: url("images/mobile/icon_active_menuleft.png.png") no-repeat scroll 12px center;

}

.left_menu ul.subcat {

  background: url("images/mobile/shadow.png") repeat-y scroll right top #fff;

}

.left_menu.none .subcat > li {

  height: 35px;

}

.subcat a {

  color: #535353;

  display: block;

  line-height: 35px;

  padding-left: 35px;

  background: url(images/mobile/icon2_menuleft.png) no-repeat 15px center;

  transition: all 0.3s;

}

.subcat a:hover {background:url(images/mobile/icon2_hover_menuleft.png) no-repeat 20px center; padding-left:40px;color:#CA5254;}

.wrap.bg3 {
  clear: both;
  display: block;
  overflow: hidden;

  position: relative;

}

.bg3 .bn1 {

  text-align: left;

  width: 52%;

}

.bnr {

  float: right;

  margin-right: 0;

  margin-top: 0;

  position: relative;

  width: 48%;

}

.bg3 .bn3 {

  top: 25px;

  width: 63%;

}

.bn3 > img:nth-child(1) {

  max-width: 86%;

}

.bn3 > img:nth-child(2) {

  max-width: 100%;padding: 4% 0;

}

.bn3 > img:nth-child(3) {

  max-width: 89%;

}

#main-menu{height:340px;}

#main-menu ul li{width:33.3%;}

.bg4 .col {

  float: none;

  margin: 25px auto;

  width: 300px;

}

.dangtrai, .dangphai {

  width: 100%;

  margin: 25px 0;

  max-width: 504px;

  background-size: 100% auto;

}

.dangtrai li {

  height: auto;

}

.footerbg1 .main > a {

  display: block;

  float: left;

  width: 100%;

  margin-bottom: 20px;

}

.footerbg1 .col {

  padding-left: 4%;

  width: 92%;

}

.footerbg1 a .col {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.footerbg2 .contact .top, .footerbg2 .left-footer, .footerbg2 .register .line, .footerbg2 .contact .line, .footerbg2 .register .top, .footerbg2 .map {

  padding: 0;

  width: 100%;

  float:left;

}

.footerbg2 .contact span {

  width: 100%;

  float: left;

  font-size: 18px;

}

.register > form {

  float: none;

  margin: auto;

  max-width: 310px;

  width: 100%;

}

.row-form {

  float: left;

  width: 100%;

}

.row-form label {

  width: 128px;

  float: left;

  box-sizing: border-box;

}

.row-form input {

  box-sizing: border-box;

  float: left;

  width: 100%;

}

div#popupContact {

  left: 0;

  margin: 0;

  max-width: 100%;

  position:relative;

  top:0;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);

}

img#close {

  right: 0;

  top: 0;

}

.sec {
  clear: both;
  margin: auto;
}

.row-form select:last-child {

  margin: 0!important;

}

.btn-register {

  clear: both;

  display: block;

  float: none;

  margin: auto;

  width: 149px;

}

} 



