*{margin:0;padding:0}
@font-face {
    font-family:tahoma;
    src: url(../images/tahoma.ttf), src: url(../images/tahoma.ttf)
}
html,body{margin:0;padding:0;font-family:tahoma;font-size:15px;margin:0 auto;background:#fff;text-align:justify;color:#333;width:100%!important}
body{overflow-x:hidden !important;}
#wrapper{margin:0;padding:0;position:relativel;overflow:hidden}
.banner_left a{background:url(../images/banner-trai.gif) no-repeat;position:absolute;top:20%;width:181px;left:10px;text-indent:-9999px;z-index:99999;height:377px}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-family:tahoma;font-size:15px;line-height:30px}
p,ul,li{line-height:20px;margin:0;padding:0;list-style:none}
img{border:none}
a{text-decoration:none;margin:0;padding:0;color:#2ad3ed;cursor:pointer}
a:hover{color:#2aed78;}
session,nav,footer,article{overflow:hidden}

.main{margin:0 auto;max-width:980px}
#div-article {-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
#container{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
#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:0}
#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;top:-10px}
#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:700;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;left:0;top:49px;text-align:left;border:2px #06b2c8 solid;margin-left:-99999px}
#menu-top .main > ul > li:hover > ul{margin-left:0px;}
#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 > 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:.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}
#menu-top .main > ul > li > ul > li > a,#menu-top .main > ul > li > ul > li > a:hover{background:none;padding:10px 0 5px}
#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){min-height:162px}
#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:.7}
#menu-top .main > ul > li a{color:#fff;font-size:15px}
#menu-top .main > ul > li:hover{background:#06b2c8;transition:all .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 .3s}
#menu-top .main > ul > li:nth-child(3){min-width:120px}
#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:0 10px}
#menu-top .main > ul > li:nth-child(4) > ul{height:256px;width:528px;padding-top:20px;padding-left:20px}
#menu-top .main > ul > li:nth-child(5) > ul{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:0 10px}
#menu-top .main > ul > li:nth-child(5) > ul li{width:205px;float:left;margin:0 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 0 8px;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;background:url(../images/search.png) no-repeat center top #CCC!important;position:fixed;z-index:9999;text-align:center;padding-top:3px;right:0;top:94px}
.search{height:20px!important;position:fixed;top:98px;right:5px;z-index:9999;float:right}

.lienhe{margin-left:5px}
.lienhe > li{display:inline-block;padding:5px 10px 0}
session{padding:0;margin:0}
article{margin:0;padding:20px 0}
article p,article span{width:auto}
.hidden{visibility:hidden}
#content1{margin:0;padding:0;position:relative;overflow:inherit;}
#content1 h1{position:absolute;left:-9999px;}
#content1 h2{text-align:center;font-size:18px;width:90%;max-width:500px;margin:0 auto;text-transform:uppercase;padding-top:25px;}
#content1 .pic-left{width:94%;margin:25px 1%;text-align:center;opacity:.5;transition:0.5s all ease;cursor:pointer}
#content1 .pic-left:hover{opacity:1}
#content1 .desc{width:98%;margin:20px auto;}
#content1 .desc p{text-align:justify;}
#content2{margin:0;padding:0;border-top:1px #c4c4c4 solid;}
#content2 h2{
	width:90%;
	background:url(../images/line.png) no-repeat center bottom;
	max-width:960px;margin:0 auto; text-align:center;font-size:18px;text-transform:uppercase;padding:25px 0 0;color:#000;
}
#content2 .top-details{
	width:90%;
	max-width:960px;margin:0 auto;padding:20px 0 15px;color:#000;
}
#content2 .cols{
	width:14%;
	margin:1%;
	float:left;
	text-align:center;
}
#content2 .cols span{width:78px;height:78px;display:block;margin:0 auto}
#content2 .cols:nth-child(1) span{background:url(../images/icon1.png) no-repeat 0 0}
#content2 .cols:nth-child(3) span{background:url(../images/icon1.png) no-repeat 0 -78px}
#content2 .cols:nth-child(5) span{background:url(../images/icon1.png) no-repeat 0 -156px}
#content2 .cols:nth-child(7) span{background:url(../images/icon1.png) no-repeat 0 -234px}
#content2 .cols:nth-child(9) span{background:url(../images/icon1.png) no-repeat 0 -312px}
#content2 .cols p, #content2 .center .box p{width:90%;margin:0 auto; clear:both; display:block;padding:15px 0;text-align:center}
#content2 .arrow{width:5%;float:left;text-align:center;padding:34px 0;}
#content2 .center{width:63%;margin:0 auto;border-top:2px #5a7f77 solid}
#content2 .center .details{padding:25px 0;text-align:center}
#content2 .center .box{width:31.33%;float:left;margin:1%;}
#content2 .center .box span{width:78px;height:78px;display:block;margin:0 auto}
#content2 .center .box:nth-child(2) span{background:url(../images/icon1.png) no-repeat 0 -390px}
#content2 .center .box:nth-child(3) span{background:url(../images/icon1.png) no-repeat 0 -468px}
#content2 .center .box:nth-child(4) span{background:url(../images/icon1.png) no-repeat 0 -546px}
#content2 .dkth{background:url(../images/bg_2.png) repeat center center;text-align:center;color:#fff;}
#content2 .dkth h3{text-transform:uppercase;font-size:25px;font-weight:300;padding:30px 0 10px 0}
#content2 .dkth p{font-size:24px;}
#content2 .dkth img{padding:20px 0}
#content3{margin:0;padding:0;}
#content3 h3{
	text-align:center;
	font-size:18px;
	padding:25px 0 5px 0;
	color:#000; 
	text-transform:uppercase;
	width: 90%;
	margin:0 auto;
	line-height:25px;
}

.trieuchung{margin:0;padding:0 0 15px 0;background:#fff}
.trieuchung h3{color:#000;width:94%;max-width:500px;font-size:18px;}
.trieuchung hr{background:#f5f5f5;border:none;height:1px}
.trieuchung .left, .trieuchung .right{
	width:23%;
	margin:1%;
	float:left;
	text-align:center; 
}
.trieuchung .center{
	width:48%;
	margin:1%;
	float:left;
	text-align:center; 
}
.trieuchung .center img{padding:45px 0 20px}
.trieuchung .left strong, .trieuchung .right strong{
	margin:0 auto;
	margin-top:25px;
	padding:12px; 
	display:block;
	color:#000
}
.trieuchung .boy .left strong:nth-child(1){
	background:#8cae96;color:#fff;text-transform:uppercase;font-size:18px;padding:11px;
}
.trieuchung .boy .left strong:nth-child(2){background:#a3beab}
.trieuchung .boy .left strong:nth-child(3){background:#bacec0}
.trieuchung .boy .left strong:nth-child(4){background:#d1dfd5}
.trieuchung .boy .right strong:nth-child(1){background:#a38f84;color:#fff;text-transform:uppercase;font-size:18px;padding:11px;}
.trieuchung .boy .right strong:nth-child(2){background:#b5a59d}
.trieuchung .boy .right strong:nth-child(3){background:#c8bcb5}
.trieuchung .girl .left strong:nth-child(1){
	background:#d76e6e;color:#fff;text-transform:uppercase;font-size:18px;padding:11px;
}
.trieuchung .girl .left strong:nth-child(2){background:#df8b8b}
.trieuchung .girl .left strong:nth-child(3){background:#e7a8a8}
.trieuchung .girl .left strong:nth-child(4){background:#efc5c5}
.trieuchung .girl .right strong:nth-child(1){background:#8a6ba3;color:#fff;text-transform:uppercase;font-size:18px;padding:11px;}
.trieuchung .girl .right strong:nth-child(2){background:#a189b5}
.trieuchung .girl .right strong:nth-child(3){background:#b9a6c8}
.trieuchung .girl .right strong:nth-child(4){background:#d0c4da}
	
.trieuchung .desc p{width:98%;margin:0 auto;padding:15px 5px 0;text-align:justify}
#content3 .tuvan{clear:both;margin:0 auto;padding:5px 0;}
 section.tuvan{clear:both;margin:0 auto;}
#content3 .tuvan a, section.tuvan a{
	background:url(../images/tuvan_normal.jpg) no-repeat center center;
	background-size:90%;display:block;
	width:323px;
	height:63px;
	margin:30px auto;}
#content3 .tuvan a:hover, section.tuvan a:hover{background:url(../images/tuvan_hover.jpg) no-repeat center center;background-size:90%;}
#content3 h3{
	text-align:center;
	font-size:18px;
	padding:25px 0 8px 0;
	color:#000; 
	text-transform:uppercase;
	width: 90%;
	margin:0 auto;
	line-height:25px;
}
#content3 .hauqua{margin:0;padding:0;background:#f5f5f5;}
.hauqua .details{width:94%;max-width:960px;margin:0 auto;text-align:center;color:#b8312f;font-weight:700}
.hauqua .hauqua-left, .hauqua .hauqua-right{width:23%;margin:1%; float:left;text-align:center;padding:15px 0 0;}
.hauqua .hauqua-right img{padding:20px 0}
.hauqua .hauqua-center{
	width:48%;
	margin:1%;
	float:left;
	text-align:center;
}
.hauqua .hauqua-center .block{width:44%;float:left;margin:3%}
.hauqua .hauqua-center .block span, .hauqua .hauqua-center .block-bottom span{display:block;padding:13px 5%;margin:0;background:#3c5859;color:#fff;}
.hauqua .hauqua-center .block .line, .hauqua .hauqua-center .block-bottom .line{background:url(../images/line1.png) no-repeat center center;}
.hauqua .hauqua-center .block-bottom .two-line{
	background:url(../images/line1.png) no-repeat 20% center,url(../images/line1.png) no-repeat 80% center 
}
.hauqua .hauqua-center .block span.boy{background:#2d829a;text-transform:uppercase;font-weight:700}
.hauqua .hauqua-center .block span.girl{background:#eb6b56;text-transform:uppercase;font-weight:700}
.hauqua .hauqua-center .block-bottom{width:50%;margin:0 auto;clear:both;position:relative;top:-14px;}
#content3 .dieutri{margin:0;padding:0}
#content3 .dieutri .main{max-width:956px}
#content3 .dieutri table{padding:20px 0 0}
#content3 .dieutri thead td{background:#298975;border:2px #fff solid; width:18%;padding:20px;text-align:center;color:#fff;font-weight:700}
#content3 .dieutri tbody td{background:#e0e0e0;border:2px #fff solid;padding:18px 12px;vertical-align:top}
#content3 .ky-thuat{margin:0;padding:0 0 15px;background:#f5f5f5}
#content3 .ky-thuat .desc{clear:both;width:96%;max-width:936px;margin: 0 auto;padding:25px 0;}
#content3 .ky-thuat .main{max-width:965px;}
#content3 .ky-thuat .block{
	width:46.7%;margin:1.5%;
	border:1px #e4e4e4 solid; 
	float:left;text-align:center;
	padding:15px 0 0;
	min-height:225px;
	background:#fff
}
#content3 .dieutri .table{padding:20px 0 0;width:96%;margin:0 auto;display:none;}
#content3 .dieutri .table .row{margin-top:25px;}
#content3 .dieutri .table p{padding:13px 20px;margin-top:4px;text-align:center}
#content3 .ky-thuat .block > span{width:100px;height:115px;display:block;margin:0 auto;float:left;margin:36px 20px }
#content3 .ky-thuat .block:nth-child(1) > span{background:url(../images/icon2.png) no-repeat 0 0}
#content3 .ky-thuat .block:nth-child(2) > span{background:url(../images/icon2.png) no-repeat 0 -115px;}
#content3 .ky-thuat .block:nth-child(3) > span{background:url(../images/icon2.png) no-repeat 0 -230px}
#content3 .ky-thuat .block:nth-child(4) > span{background:url(../images/icon2.png) no-repeat 0 -345px}
#content3 .ky-thuat .block strong{display:block;padding:0 0;text-align:left;font-size:15px;}
#content3 .ky-thuat .block p{margin:0 auto;padding:5px 20px 20px 0;text-align:justify}

footer{width:100%}
.footerbg1{background:#009aac;border-top:8px #3cbece solid;width:100%;padding:10px 0;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;clear:both}
.footerbg2{background:url(../images/bg_shadow2.jpg) repeat-x top center #00667b}
.footerbg2 .left-footer{width:40%;padding:1%;float:left;color:#fff}
.footerbg2 .contact{padding:20px 0 10px;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.jpg) repeat-x center}
.footerbg2 .contact span{font-size:18px;font-weight:800}
.footerbg2 .register{padding:10px 0 20px;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.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:8px;border-radius:3px;-webkit-border-radius:3px}
.row-form .error{color:red;font-size:12px}
.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}
.luuy{padding:25px 0 5px;clear:both;color:#FFF;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 0 5px;height:25px;}
.copyright a{color:#e86c6c}
.copyright a:hover{color:#69F}
.tuvan a:hover,#tuvan a:hover{animation-name:scale;animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-name:scale;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease-in-out}
@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)}
}

.search404{margin:0 auto;padding-bottom:20px}
.search404 input{margin-top:5px;padding:2px 10px}
.dangphai{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.8)}
.dangphai .in{width:90%;max-width:504px;position:relative;background:url(../images/bg_lienhe.jpg) repeat-y scroll center top #fff;background-size:100%;margin:0 auto}
.dangphai img#close{position:absolute;right:-14px;top:-14px;cursor:pointer}
.dangphai .upb{float:left;font-size:18px;text-transform:uppercase;font-weight:700;margin:15px 0 0;text-align:center;width:100%}
.dangphai p{width:80%;margin:0 auto;color:#5d5d5d;text-align:center}
.dangphai input,.dangphai textarea{background:#eaeaea;border:none;border-radius:2px;box-sizing:border-box;font-size:16px;height:32px;margin:0 4%;padding:10px;width:91%}
.dangphai textarea{height:100px}
.dangphai form > div{margin:10px 13px}
.captcha > input{width:50%}
.imcapt{position:relative;top:7px}
.dangphai input.gui{background:#5c9a69;border:medium none;color:#fff;font-weight:700;height:40px;margin-bottom:20px;text-transform:uppercase;font-size:19px;cursor:pointer}
#popupContact{padding-top:5%;z-index:99999}
.dangphai .error{color:red;margin-left:20px;font-size:13px}
.thongbao-lienhe,.thongbao-lienhe1{clear:both;width:24px!important;height:15px;margin:0 auto}
.loading{background:url(../images/loader.gif) no-repeat top center;display:block;text-align:center;width:24px;height:24px;background-size:100%}
.linkchinh {background: none !important;padding: 0 !important;}
@media screen and (max-width:1024px) {
.main{width:100%;margin:0 auto}
.banner_left{display:none}
#contact{overflow:hidden;max-height:39px;margin:0 auto;text-align:center;z-index:99}
@media screen and (max-width:800px) {
#menu-top{display:none}
.lienhe2{margin-left:-0}
.mobile-menu{margin-left:0;}
#toptop{display:none}
.toptop-nav{margin-left:-9999px}
#toptop{margin-left:-9999px}
.logo-phone{display:none}


#content1 .pic-left, #content1 .desc{width:96%;float:none;margin:25px auto;text-align:center }
#content1 .pic-left{max-width:395px;position:relative;}
#content2 .cols{
	width:94%;
	margin:1% auto;
	float:none;
	text-align:center;
}
#content2 .arrow{
	width:94%;
	float:none;
	padding:5px 13px 0 0;
	margin:0 auto;
	-webkit-transform: rotate(90deg); / Chrome, Safari, Opera /
    transform: rotate(90deg);
}
#content2 .center{width:96%;margin:0 auto;border-top:2px #5a7f77 solid}
#content2 .center .box{width:94%;float:none;margin:1% auto;}
.trieuchung .left, .trieuchung .right{
	width:94%;
	margin:1% auto;
	float:none;
	text-align:center; 
}
.trieuchung .center{
	width:94%;
	margin:1% auto;
	float:none;
	text-align:center; 
}
.trieuchung .desc p{width:94%;margin:0 auto;padding:15px 5px 0;text-align:justify}
.hauqua .details{width:94%;max-width:960px;margin:0 auto;text-align:center;color:#b8312f;font-weight:700}
.hauqua .hauqua-left, .hauqua .hauqua-right{width:94%;margin:1% auto; float:none;}
.hauqua .hauqua-right img{padding:20px 0}
.hauqua .hauqua-center{
	width:94%;
	margin:1% auto;
	float:none;
}
#content3 .dieutri table{display:none;}
#content3 .dieutri .table{display:block;}
#content3 .ky-thuat{margin:0;padding:0 0 15px;background:#f5f5f5}
#content3 .ky-thuat .desc{clear:both;width:96%;max-width:936px;margin: 0 auto;padding:25px 0;}
#content3 .ky-thuat .main{max-width:965px;}
#content3 .ky-thuat .block{
	width:94%;margin:20px auto;
	float:none;
}
#content3 .ky-thuat .block > span{float:none; margin:20px auto}
#content3 .ky-thuat .block strong{width:90%;margin:0 auto; text-align:center;font-size:15px;}
#content3 .ky-thuat .block p{width:90%; margin:0 auto;padding:5px 0 20px;text-align:justify}
section{width:100%;margin:0 auto}
.footerbg1 .col{width:47%;padding:10px 0}
.footerbg1 a:nth-child(3) .col{background:none}
.footerbg1 a, .footerbg2 a{color:#fff;}
.footerbg2 .contact .line,.footerbg2 .register .line{width:100%}
.footerbg2 .left-footer{width:96%;padding:1%;max-width:320px;float:none;margin:0 auto}
.footerbg2 .contact span{font-size:18px;clear:both;display:block;font-size:18px;margin-bottom:15px;font-weight:800}
.dangphai form > div{margin:6px 13px}
.dangphai textarea{padding:5px;height:50px}
.dangphai input{padding:5px;height:24px}
.dangphai input.gui{margin-bottom:12px}
.row-form input{min-width:96%}
.row-form select{margin-left:-9px}
.footerbg2 .map{width:92%;float:none;max-width:450px;margin:0 auto}
.chamsoc .group input.captcha{clear:both;}
.chamsoc .group textarea{min-width:290px;}
}
@media screen and (max-width:680px) {
*{max-width:100%;margin:0;padding:0}
.content_article img{height: auto !important;}
#content5 .toikham,#content5 .online,#content5 .henkham{width:96%;max-width:252px;clear:both;float:none;margin:0 auto}
.copyright{margin:auto;padding:10px;width:96%}
}
@media screen and (max-width:480px) {

.footerbg1 .col{width:97%;float:none;background:none}
}
@media screen and (max-width:375px) {

}