﻿@charset "utf-8";
* {margin:0; padding:0;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	line-height:24px;
	color:#666666;
	text-align:center;
	background:#eeffff;

}
table{width: 100%;}
table, th, td{font-size: 100%;}
table {border-collapse:collapse;border-spacing:0;}
td{vertical-align: top;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,font,strong {
margin:0;
padding:0;
}
h1 {font-size:16px; color:#666666; font-weight:normal;}
h2 {font-size:14px; color:#666666;font-weight:normal;}
h3 {font-size:12px; color:#666666;font-weight:normal;}
h4 {font-size:14px; color:#666666;font-weight:normal;}
h5 {font-size:15px; color:#666666;font-weight:normal;}
h6 {font-size:13px; color:#666666;font-weight:normal;}
p {font-size:12px; color:#666666;font-weight:normal;}
ul, li { list-style:none;}
a{color:#666666; text-decoration:none;}
a:hover {color:#be0026; text-decoration:none;}
img { border: 0 none;}
.top { margin-top:8px;}
.bottom { margin-bottom:10px;}
.left{ float:left;}
.right{ float: right;}
.alignl{ text-align:left;}
.alignc{ text-align: center;}
.alignr{ text-align: right;}
.alignj {text-align:justify;}
.imgleft{float: left;}
.imgright{float: right;}
.blue { color:#fff;}
.red{ color:#ff0000;}
.day { font-size:11px; text-align:left; line-height:21px;color:#838383; font-style: italic; font-weight:normal;}
.clear {clear: both;}
/* main */

#main { width:100%; margin:0 auto;}
#main-in { width:100%; float:left;}
#box-header { width:100%; float:left;}
#header {width:1024px; margin:0 auto;}
.header-top { width:100%; float:left;}
.header-top img { width:100%; float:left; height:122px;}
.header-in { width:100%; float:left; background:#fff; height:440px; position:relative;}
.slide-home { width:1024px; margin:0 auto; float:left; }
.slide-home img { width:100%; float:left;}
.bg-home { width:1024px; margin:5px 10px 10px 0px; float:left; }
.bg-home img { width:100%; float:left;}
.bg-home1 { width:1024px; margin:30px 0px; float:left; }
.bg-home1 img { width:100%; float:left;}
#box-home { width:100%; float:left;}
#slide { width:100%; float:left; background:#00a5d5; height:335px;}
#slide-in { width:1024px; margin:0 auto;}
#home { width:1024px; margin:0 auto;}
.home-in { width:1024px; margin:0 auto;}
.content-top { width:100%; float:left; background:url(../images/bg-content.jpg); margin-top:30px}
.content-top h1 { font-size:19px; text-align:left; padding:30px 30px 10px 30px; color:#005871; font-weight:bold; text-transform:uppercase;}
.content-left { width:350px; float:left;  margin:40px 0px 26px 20px; }
.content-left li { font-size:28px; text-align: justify; line-height:38px; padding:0px 0px 10px 0px; color:#398b3a; font-weight: normal; text-transform: none;}
.content-left-in { width:100%; float:left; margin-bottom:10px;}
.content-left-in h2 { font-size:25px; line-height:30px; padding-bottom:15px; text-transform: none; color:#f82341; text-align:left; font-weight:bold; }
.content-left-in p { font-size:22px; line-height:20px; text-transform:uppercase; color:#09a3c1; text-align:left; }
.content-left-in h6 { font-size:22px; line-height:20px; text-transform:uppercase; color:#077d9c; text-align:left; }
.content-left-in li { font-size:16px; color:#000000; text-align:justify; line-height:25px; padding:10px 0px;}
.content-right { width:360px; float:right; margin:50px 80px 0px 0px;}
.content-right img { width:360px; height:359px; float:right;}

.uudai-top { width:100%; height:360px; float:left; background:url(../images/bg-uu-dai.jpg); margin-top:30px; margin-bottom:20px;}
.uudai-top h1 { font-size:19px; text-align:left; padding:30px 30px 10px 30px; color:#005871; font-weight:bold; text-transform:uppercase;}
.uudai-right { width:420px; float:right;  margin:30px 0px 0px 30px; }
.uudai-right li { font-size:28px; text-align: justify; line-height:38px; padding:0px 00px 10px 0px; color:#398b3a; font-weight: normal; text-transform: none;}
.uudai-right-in { width:100%; float:left; margin-bottom:10px;}
.uudai-right-in h2 { font-size:25px; line-height:30px; padding-bottom:15px; text-transform: none; color:#f82341; text-align:left; font-weight:bold; }
.uudai-right-in p { font-size:22px; line-height:20px; text-transform:uppercase; color:#09a3c1; text-align:left; }
.uudai-right-in h6 { font-size:22px; line-height:20px; text-transform:uppercase; color:#077d9c; text-align:left; }
.uudai-right-in li { font-size:17px; color:#0d5b9f; text-align:left; line-height:25px; padding-right:30px;}

.diem-mat { width:100%; float:left; background:url(../images/bg-home.jpg); height:205px; margin-top:3px;}
.diem-mat-xuanphuong { width:100%; float:left; background:url(../images/tien-ich.jpg); height:312px; margin-top:3px;}
.diem-mat-new { width:100%; float:left; background:#c1e4f6;}
.diem-mat-in { width:100%; float:left; background:#c1e4f6; margin-top:30px;}
.diem-mat-in-sub { width:100%; float:left; background:#c1e4f6; margin-bottom:30px;}
.diem-mat img {float:left; margin-left:10px;}
.space-home { width:100%; float:left; margin:20px 0px;}
.title-home { width:100%; float:left; margin:30px 0px;}
.title-home-in { width:100%; float:left; margin:20px 0px;}
.box-lamvien { width:830px; margin:0px 102px 30px 92px; float:left;}
.box-lamvien p { text-align: justify; font-size:17px; color:#000000; line-height:20px; padding:10px 0px;}
.box-lamvien img { width:100%; float:left; margin:10px 0px 20px;}

.box-xuanphuong { width:984px; margin:0px 20px 20px 20px; float:left;}
.box-xuanphuong p { width:100%; text-align: justify; font-size:17px; color:#000000; line-height:20px; padding:10px 0px;}
.box-xuanphuong img { width:100%; float:left; margin:20px 10px 20px 0px;}
.xuanphuong-left { width:350px; float:left;}
.xuanphuong-left p { text-align: justify; font-size:16px; color:#000; line-height:22px; padding:20px 0px;}
.xuanphuong-right { width:600px; float:right;}
.xuanphuong-right p { text-align: justify; font-size:16px; color:#000; line-height:22px; padding:20px 0px;}

.diem-mat-img { width:100%; float:left; background:#c1e4f6; margin-top:30px; margin-bottom:30px; padding-bottom:30px}
.title-img { width:100%; float:left; margin:20px 0px;}
.title-img h1 { text-align:center; line-height:20px; font-weight:bold; color:#f82341; font-size:30px; text-transform:uppercase; padding-top:30px; padding-bottom:20px;}

.img-xuanphuong { width:984px; margin:10px 20px 10px 20px; float:left;}
.img-xuanphuong p { width:100%; text-align: justify; font-size:17px; color:#000000; line-height:20px; padding:10px 0px;}
.img-xuanphuong img { width:100%; float:left; margin: 0px 20px 0px 0px;}

.img-xuanphuong1 { width:984px; margin:10px 20px 10px 20px; float:left;}
.img-xuanphuong1 p { width:100%; text-align: justify; font-size:17px; color:#000000; line-height:20px; padding:10px 0px;}
.img-xuanphuong1 img { width:100%; float:left; margin: 0px 20px 0px 0px;}

.img-xuanphuong-left { width:482px; float:left;}
.img-xuanphuong-left p { text-align: justify; font-size:16px; color:#000; line-height:22px; padding:20px 0px;}
.img-xuanphuong-right { width:482px; float:right;}
.img-xuanphuong-right p { text-align: justify; font-size:16px; color:#000; line-height:22px; padding:20px 0px;}

.dang-ky { width:100%; float:left; margin:10px 0px;}
.dang-ky img { width:286px; height:55px; margin-left:280px;}
.title-home h1 { text-align:center; line-height:20px; font-weight:bold; color:#f82341; font-size:30px; text-transform:uppercase; padding-bottom:20px;}
.title-home-in h1 { text-align:center; line-height:20px; font-weight:bold; color:#00c2f6; font-size:30px; text-transform:uppercase; padding-top:40px; padding-bottom:20px;}
.title-home p { text-align:center; line-height:20px; font-weight: normal; color:#fa455e; font-size:22px; text-transform:uppercase;}
.title-home h2 { text-align:center; line-height:20px; font-weight:bold; color:#fff; font-size:30px; text-transform:uppercase;}
.gioi-thieu-du-an { width:514px; float:left;}
.view-du-an { width:288px; float:left; margin:0px 20px 20px 20px; height:330px;}
.view-du-an img { width:255px; float:left; margin:0px 0px 10px 0px;}
.view-du-an h2 {font-size:18px; font-family: Arial, Helvetica, sans-serif; text-align:center; padding:0px 0px 10px 0px; color:#fff; font-weight: normal; text-transform: none;}
.view-du-an p {font-size:16px; text-align:justify; padding:0px 0px 10px 0px; line-height:25px; color:#000000; font-weight: normal; text-transform: none;}

.tien-do { width:330px; float:left; margin:50px 30px 50px 0px; }
.tien-do h2 { font-size:22px; padding-bottom:20px; text-transform:uppercase; line-height:20px; color:#fff; text-align:left; font-weight:bold;}
.tien-do li { width:317px; float:left; border-bottom: solid 1px #fff; color:#000; padding:15px 0px 14px 0px; text-align:left; line-height:23px; font-size:17px;}
.contact { width:600px; float:right; margin:30px 10px 0px 0px;}
.contact h2 { font-size:22px; padding-top:15px; padding-bottom:15px; text-transform:uppercase; line-height:20px; color:#f82341; text-align:left; font-weight:bold;}
.contact li { color:#000; padding:5px 0px 0px 0px; text-align:justify; line-height:22px; font-size:16px;}
.contact p { font-size:25px; padding-top:15px; padding-bottom:10px; text-transform: none; line-height:26px; color:#fff; text-align:left; font-weight: normal;}
.contact img { float:left; height:auto; width:auto; margin-right:10px;}
#footer { width:100%; float:left; background:#c1e4f6;}
.box-gui-thong-tin { width:100%; margin:0 auto;}
.bg-footer { width:100%; float:left; background: url(../images/line-footer.jpg); height:44px;}
.ho-tro-online { width:708px; height:310px; float:left; background:#9abfdc;}
.ho-tro-online h2 { font-size:15px; text-transform:uppercase; line-height:22px; color:#333; padding:20px; font-weight:bold; text-align:left;}
.ho-tro-online li { font-size:14px; text-transform: none; line-height:22px; color:#161616; padding:0px 20px 20px 20px; font-weight: normal; text-align:left;}
.box-thong-tin { width:250px; margin:0px 0px 0px 0px; background:#fff; border:none; float:left; height:26px; text-align:left; padding-left:10px; font-size:11px; line-height:26px; color:#555;}
.mat-bang-can-ho { width:100%; float:left;}
.mat-bang-can-ho img { width:100%; float:left;}
.name-mat-bang { width:100%; float:left;}
.name-mat-bang p { border-bottom: solid 4px #00aeef; font-size:25px; font-weight:bold; text-align:center; line-height:40px; color:#398b3a; width:240px; float:left; margin-left:10px; margin-bottom:20px;}
.vi-tri { width:500px; float:left;}
.vi-tri img { width:490px; float:left; margin-left:10px;}
.viglacera { width:320px; float:left; margin:30px 20px 20px 10px; }
.viglacera img { width:100%; float:left;}

.gui-thong-tin { width:370px; background: url(../images/bg-dangky.png); height:438px; top:0; right:10px; z-index:434340; position:absolute;}
.title-dang-ky-mua { width:292px; float:left; height:30px; margin:45px 0px 20px 35px;}
.title-dang-ky-mua h2 { font-size:18px; color:#fff; font-weight:bold; line-height:40px;}
.contactBlock { width:295px; float:left; margin-left:35px; margin-top:25px;}
.table_name {float: left; width:100%; margin-bottom:15px;}	
.textfield_name {width:270px; height:33px; background:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif;  padding:0px 0px 0px 20px; float:left; color:#00aeef; border: none;}	
.send_home { width:177px; float:left; margin-left:56px; margin-right:5px; margin-top:10px; margin-bottom:10px; height:30px;}
.send_home img { float:left; width:200px;}

.box-dang-ky { width:80%; margin:0 auto; float:center; background:#16b8cf; }
.box-dang-ky img { width:100%; margin:0 auto;}

.box-quaylai { width:100%; float:center; position:relative; top:-100px;}
.box-quaylai li { text-align:center; color:#f82341; font-size:25px;}
.box-quaylai li a { color:#f7a22e;}
.box-quaylai li a:hover { color:#f82341;}

.footer-right { width:100%; float:left;}
.new1 { width:180px; float:left; margin-right:10px; margin-left:10px;}
.new1 img { width:100%; float:left;}
.new1 li { text-align:center; line-height:20px; color:#333; font-size:14px;}

.contact-in { width:450px; float:left; margin:40px 0px 40px 90px;}
.contact-in h2 { font-size:22px; padding-bottom:25px; text-transform:uppercase; line-height:20px; color:#000; text-align:left; font-weight:bold;}
.contact-in h3 { font-size:17px; text-transform:uppercase; line-height:20px; color:#000; text-align:left; font-weight:bold;}
.contact-in li { color:#000; padding:5px 0px 0px 0px; text-align:left; line-height:22px; font-size:17px;}
.contact-in p { font-size:25px; padding-top:20px; padding-bottom:25px; text-transform: none; line-height:30px; color:#fff; text-align:left; font-weight: normal;}
.contact-in img { float:left; height:auto; width:auto; margin-right:10px;}

.contact-in-right { width:360px; float:left; margin-left:80px; margin-top:30px; margin-bottom:50px;}
.contact-in-right p { font-size:30px; padding-top:20px; padding-bottom:20px; text-transform: none; line-height:35px; color:#00c2f6; text-align:left; font-weight: normal;}
.contact-in-right img { float:left; height:40px; width:40px; margin-right:15px;}

.box-content-dangky { width:290px; float:left; margin:20px 0px 0px 35px;}
.box-nd { width:290px; float:left; margin-left:50px; margin-bottom:5px; height:17px;}
.box-nd img { width:14px; height:14px; float:left; margin:6px;}
.box-nd li { text-align:left; line-height:25px; color:#000000; font-size:16px; font-weight: normal;}

#slider1 {
	position:relative;
    width:1024px;
    height:246px;
}
