*{padding:0; margin:0}
a{color:#1892BE; text-decoration:none}
.menu_box{width: 100%; z-index:9999; top:0; background:#142533; height:
50px;position: fixed; border-bottom:1px solid #ccc}
.menu_i, .menu_i2, .an, .fa-caret-up:before{display:none}
.menu{height:50px; position:relative; z-index:9;}
.menu li{padding:0 10px; line-height:50px; color:#fff; float:left;
list-style:none}
.menu li a{color:#fff; text-decoration:none; text-transform:uppercase;
font-weight:bold; float:left}
.menu li a:hover, .menu li span:hover, .active{color:#eee!important}
.menu li span{padding-left:5px; position:relative; cursor:pointer}
.menu li ul{width:200px; padding:10px 0; background:#999; display:none;
position:absolute; top:50px; border-radius:5px}
.menu li ul li{width:94%; padding:5px 3%; line-height:28px; border-bottom:1px
solid #ccc;}b
.menu li ul li a{width:200px !important; float:left !important;
text-transform:none; font-weight:normal; }
.menu2 li{list-style:none; width:auto; display:inline-block; padding:0 5px;
margin:5px 0; border-right:1px solid #1774ba; line-height:100%}
.4A26EBA67D561FA7472584E8000ED3CE {display:none !important;color:red}
.ctg-bre{padding-top:10px}
.ctg-bre li{border:none}
.mt1{margin-top:60px}
.mt2{margin-top:50px}
.menu2 li:last-child{border-right:none}
.fa-eject::before{color:#999; top:-26px; left:10px; position:absolute}
.cy, .copyright a{color:#fff !important}
.sp, .ten, .anh,.gia{width:230px; max-width:100%;}
.ten, .anh,.gia{margin:0 auto}
.tk .anh{height:120px; overflow:hidden}
.sp{border:1px solid #eee; margin:9px; float:left}
.ten,.gia,.xuatxu{font-weight:bold; text-align:center; color:#999;
font-size:13px; line-height:36px; height:36px; overflow:hidden}
.ten{line-height:180%; height:42px; padding:10px 0}
.gia{font-size:23px;color:#999}
.datmua,.datmua1{line-height:26px; background:orange; color:#fff;
text-align:center;}
.datmua{position:fixed; top: 55%; right:5px; width:116px; border-radius:5px}
.giatt{text-decoration:line-through}
.giaban{font-weight:bold}
.fr{float:right}
.fl{float:left}
.an{display:none}
.di{display:inline-block}
.tc{text-align:center}
.pa30{padding:10px 0}
.anh-view img{height:230px; padding:10px}

textarea{height:auto}
table{max-width:100%; overflow:hidden}
td{padding:3px}
.button{background:#3283f9 !important; border-radius:5px; padding:5px 10px;
color: #fff !important; text-decoration:none; cursor:pointer; margin:3px}
img{margin-bottom:5px}
.dangky,.dangky1{width:80px; margin:5px 10px; line-height:26px;
background:orange; text-decoration:underline; border-radius:5px;
font-weight:bold; color:#fff; text-align:center; float:left}
.dangky1{background:green}
.datmua1{background:green}
.w100, .dsanh{width:100%}
.mw{width:1200px; max-width:100%;}
.dsanh img{height:80px}
footer{width:98%; background:#1774ba; margin-top:50px; padding:1%;clear:both}
.mxh li{float:left; margin:5px; font-size:23px; list-style:none}
.mxh li a{color:#fff;}
h1, h2, h3{width:100%; padding:5px 0;line-height:120%;
text-transform:uppercase; font-weight:normal;}
h1{font-size:32px; color:#142533;font-family: rb;}
h2{font-size:30px;color: #0b0d20;}
.logo p{line-height:40px; margin:0 10px; color: #eee; font-size: 23px;
font-weight: bold; float:right}
.logo img{ border-radius:5px;}
.copyright{width:100%; color:#fff}
.tab1,.tab2,.tab3{width:100%; display:none; border:1px solid #ccc;
padding:10px; margin-bottom:10px}
.tab11,.tab22,.tab33{background:#B4CA33; padding:10px; color:#eee;
font-weight:bold;border-right:1px solid #eee; cursor:pointer}
.filedinhkem{display:none}
.back-top{position:fixed; bottom:50px; right:5px; padding:5px 8px !important;
border-radius:5px !important; margin:0 !important;z-index:9999}
.back-top a{color:#fff; text-decoration:none}
.CapNhat, .loading, .xoa2, .sua2, .chuyen2, .xem2 { width: 36px; height: 36px;
background: #B4CA33; border: none; position: fixed; right: 5px; cursor:
pointer; border-radius: 5px; line-height: 36px; text-align: center; color:
#fff; text-decoration: none; font-size: 20px; }
.CapNhat{top:40%}
.sua2{top:40%}
.xoa2{top:50%}
.item,.item-news{width:30%; max-height:none; margin:1%; overflow:hidden;
position:relative}
.item img, .item-news img{height:250px; margin:5px; display:inline-block}
.item .isd{width:100%; height:20px; position:absolute; bottom:0; left:0;
margin:0;display:none}
.item div{margin:5px}
.item-news a, .item a{color:#999; text-decoration:none}
.item-news span a{padding:3px 6px;border:1px solid #fff; margin:3px;
border-radius:3px}
.item-news span a:hover{color:#B4CA33;border:1px solid #ccc;}
.control{position:absolute; top:10px; right:10px}
.tomtat{color:#1774ba; font-size:16px; font-style:italic}
.noidung, .tomtat{text-align:justify; padding:10px 3%; font-size:16px}
.noidung img{max-width:100%}
.noidung li{margin-left:30px}
.diemmua, .diemdat, .diemthuong{font-weight:bold; color:#B4CA33}
.diem-notes{color:#999}
.me-box1{width:29%; position:relative;} .me-box2{width:68%; padding:30px 1%;}
section{background:#fff}
.tree-gdtc li{list-style:none; font-size:30px; color:#F76462; line-height:30px;
font-weight:bold}
.tree-gdtc li ul{border-top:3px solid #F76462; padding-top:5px; margin-top:5px}
.tree-gdtc ul li ul li{font-size:26px; cursor:pointer; color:#1892BE;
font-weight:normal; border:1px solid #ccc; padding:5px; border-radius:5px}
.tinkhac .item-news{width:44%; margin:5px 3%; height:80px; overflow:hidden}
.tinkhac a h3{width:auto; font-weight:normal; font-size:16px; color:#1774ba;
text-align:left}
.tinkhac img{width:80px; height:auto}
.datmua, .sua2, .menu_box{z-index:999999}
.mw input, .mw textarea, .mw select{margin-bottom:15px;width:100%; height: 
42px; box-shadow: none
!important; padding: 10px 15px; color: #333; border-radius: 3px; font-size:
15px; background-color: #f3f3f3; border: 1px solid #e1e1e1; outline:none}
textarea{height:auto}
table{max-width:100%; overflow:hidden}
td{padding:3px}@font-face { font-family: rb; src: url(/472584da0008c76b/Roboto-Bold.ttf); }
@font-face { font-family: rr; src: url(/472584da0008c76b/Roboto-Regular.ttf); }
section{width: 100%;max-width: 100%;position: relative;z-index: 1;text-align: 
center;float: left;}
.db{display:inline-block}
.il{display:inline-flex}
.flex{display:flex}
.container { width: 1200px; max-width: 100%; margin: 0 auto; }
.bn-cm img{width:100%}
.cwe-box-2, .cwe-box-3,.cwe-box-4,.cwe-box-5,.cwe-box-6,.cwe-box-7,.cwe-box-8 
{font-family: rr}
/*Giới thiệu*/
.cwe-box-2 .item a ,.cwe-box-3 .item a  , .cwe-box-4 .item a, .cwe-box-5 .item 
a,.cwe-box-6 .item a,.cwe-box-7 .item a,.cwe-box-8 .item a{display:none}
.cwe-box-2 h2{color:#003366;font-family:rb}
.box-ct{text-align:left;line-height: 3;}
.box-ct img{height:600px;padding: 0px 20px;}
.box-ct .fa{margin-right:10px;color:#f4592b}

.cwe-box-3 .box-gt1{width:42%}
.tt{padding: 40px;text-align: justify;background: #f7f7f7;color: 
#000;line-height: 2;font-size: 15px;}
.tt2{padding:35px}
.tt2 img{height:120px}
.tt2 h2{color:#fff;font-size:26px}
.tt2 p{margin-top: 17px;font-size: 23px;}
.txth3{color:#fff}
/*Tiện ích*/
.box1{width:32%;padding: 0px 0px 22px;}
.box1 img{height:190px}

.box1 h3{color:#0a2453;font-family:rb}
.box1 figure img {width: 360px;height: auto;-webkit-transition: .3s 
ease-in-out;transition: .3s ease-in-out;}
.box1 figure:hover img {width: 370px;cursor: pointer;}
.box1 figure{transition: all ease 0.4s;}
.cwe-box-5 {
    background: 
url(/472584D2003B40A0/D6142D8C4D6ECA654725851F0029EBE1/$File/bg3.jpg);
    color: #fff;
}
/*Vị trí*/
.tieude h2{margin:0 15px;text-transform: uppercase;font-family: rb;color:#fff}
.tieude b {display: block;-ms-flex: 1; flex: 1;height: 
2px;background-color:#ed5c1b;margin-top: 15px}
.cwe-box-3{background:#142634;
color:#fff}
.penta-ol {
    list-style: none;
    counter-reset: mycounter;
    display: grid;
    grid-template-columns: repeat(4, 26%);
    font-size:17px;
    text-align: justify;
}
.penta-ol li {
    position: relative;
    padding: 0 18px;
    margin-left: 10px;
    float: left;
    margin-bottom:5px;

}
.penta-ol li:before {
    content: counter(mycounter);
    counter-increment: mycounter;
    position: absolute;
    top: 5px;
    left: -10px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 3px;
    color: #fff;
    background: #dd8c25;
    text-align: center;
    font-size: 10px;
}
.box-vt1 img{width:600px;height:auto;margin-top:15px}
.vtri-p{text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;}
/*lợi ích*/
.cwe-box-4 .box {display: inline-flex;}
.cwe-box-4 .item img {height: 65px;}
.cwe-box-4 .box-kh h2 {font-size: 20px;}
.cwe-box-4 .box-kh {padding: 30px 40px;}
/*Mặt bằng*/
.cwe-box-6 img{height:auto;width:100%;margin-top:30px}

/*Căn hộ*/
.cwe-box-7{background: 
url(/472584D2003B40A0/04029E8F3F47BB1C4725851B004C335F/$File/bgt65.jpg);
color:#fff}
.box3{width:22%;background:#fff;color:#1c2839;padding:5px}
.box3 img{width:100%;height:auto;margin:0px}
.box3 h3{font-weight:bold}
.tt3{color:#fff}
/*Ra mắt*/
.cwe-box-8 p{font-size:17px}
.cwe-box-8 img{height:auto;margin-top:25px}
.tt5{text-align:justify;line-height:2.2;margin-top:20px}

/*Footer*/
#footer{display:none}
.cuoitrang {
 background: 
url(/472584D2003B40A0/03B4AE5F43FF2A8B4725851B004DBB8A/$File/slider-04.jpg);}
.boxft { display: flex; padding-top: 90px;margin-bottom:30px }
.txtft { color: #fff; text-align: left; }
.box11 { width: 50% }
.box12 { width: 35% }
.box12 iframe { height: 300px;}
.txtft h2 { font-size: 40px;font-family: rb;margin-bottom: 50px;color:#fff}
.txtft a { font-size: 22px; color: #fff }
.txtft p{margin-bottom: 20px}
.txtft a:hover { color: #eee; }
.txtft p:hover { color: #eee; }
.txtft i { margin-right: 13px }
.banquyen { background: #061635; color: #fff; padding: 5px;text-align:center }

/*Footer-End*/@media screen and (max-width:1024px) and (min-width:1px){
.menu_i, .menu_i2{width:43px; padding-top:10px; height:43px; border-radius:3px;
font-size:32px; color:#fff; text-align:right; z-index:99; cursor: pointer;
top:3px; right:10px; display:block; position:fixed}
.menu_i2{display:block}
.menu{width:200px; top:48px; height:auto; border-radius:5px;background:#0a2453;
display:none; position:fixed; right:5px; z-index:9; overflow:hidden}
.menu li{width:94%; padding:10px 3%; color:#fff; line-height:initial;
border-bottom:1px solid #eee; float:left; list-style:square }
.menu li a{min-width:85%; color:#fff; text-decoration:none; font-weight:normal;}
.menu li ul{width:188px; background:#a3b537; position:relative; padding:0;
top:5px; float:left}
.menu li ul li{ line-height:initial}
.menu li span:hover, .menu li a:hover, .active{color:#1774ba !important}
.fa-caret-up:before{font-size: 30px; color: #0a2453; display:block}
.me-box1, .me-box2{width:100%; position:relative; left:0; padding:0;
height:auto; overflow:hidden}
.fa-eject::before, .menu_i,.ngaydang,.tacgia{display:none}
.anh-view img{max-width:100%; padding:10px 0; height:auto}
.datmua{width:100%; top:inherit; bottom:0; right:0; border-radius:0px}
.giaban{font-size:18px; padding:0 5px}
.mw input, .mw textarea, .mw select{width:92% !important;}

/**/
h2{font-size:22px !important}
.cwe-box-2 h2{font-size:22px}
.cwe-box-2 p, .cwe-box-4 p, .cwe-box-6 p, .cwe-box-8 p{text-align:justify}
.gt,.gt1,.vd,box-ch{display:block !important}
.box-ct img,.cwe-box-8 img{width:100%;height:auto;margin:0px}
.box-ct{line-height: inherit;}

.cwe-box-3 .box-gt1{width:100%}
.tt{padding:20px;line-height: 2;}
.tt2{padding: 20px 0px 0px;}
.box1,.box-vd,.vd1,.box3{width:100%}
.td1{font-size:19px}
.box-ct img{padding:0px}
.item div{margin:0px}
.penta-ol{display:none}
.cwe-box-4 .box{display:block}
.cwe-box-4 .box p{text-align:center !important}
.cwe-box-4 .box-kh{padding:0px}
/*footer*/
.boxft{display:block}
.box11{width:100%;}
.box12{width:100%}
.txtft h2 {font-size: 32px;}
.box12 iframe{width:100%}
.boxvd{display:block}
.box-kh{width:100%;padding:0px}
.txtft{padding:10px}
.box4 iframe{width:100%}
.txtft a{font-size:15px}
.box1 figure img{width:100%}
}
@media screen and (max-width:650px) and (min-width:1px){
.item,.item-news, .tinkhac .item-news{width:92% !important; height:auto}
}
@media screen and (max-width:1024px) and (min-width:650px){

}