*{padding:0; margin:0}
body{background:#f1f2f3}
body, footer span{font-family:helvetica neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:160%}
input, select{border:1px solid #ccc; border-bottom:1px solid #999;padding:5px 4%; border-radius:20px; max-width:100%}
input, button, select, textarea{outline:none;}
h2, h3 {font-weight:bold; line-height:120%}
li{list-style:none}
a{text-decoration:none; color:#333; cursor:pointer}
a:visited{color:#266188}
.fl{float:left}
.fr, #offline-switch{float:right}
.tc{text-align:center}
.tj{text-align:justify}
.tl,.editorT{text-align:left}
.tr{text-align:right}
.fb{font-weight:bold}
.di, .view, .like, .share{display:inline-block; float:none}
.an,#dragdiv,#dsA ul{display:none}
.pa20{padding-bottom:20px}
.pat30{padding-top:30px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.mt70{margin-top:70px}
.bdr20{border-radius:20px}
.bdr10{border-radius:10px}
.bdr5{border-radius:5px}
.bdr1{border-right:1px solid #ccc !important}
.bdb1{border-bottom:1px solid #ccc}
.bd1{border:1px solid #ccc}
.bdn, .thongtin-duanbds td{border:none}
.w100, .noidung table, .ten, .cauhoi-item{width:100% !important}
.w98{width:98%}
.w96{width:96%}
.w94{width:94%}
.w92{width:92%}
.w90{width:90%}
.w73{width:73%}
.w69{width:69%}
.w68{width:68%}
.w65{width:65%}
.w58{width:58%}
.w55{width:55%}
.w48{width:48%}
.w46{width:46%}
.w43{width:43%}
.w30{width:30%}
.w35{width:35%}
.w31{width:31%}
.w25{width:24.5%}
.w23{width:23%}
.w22{width:22.8%}
.w16{width:16.3%}
.w40{width:40%}
.w60{width:60%}
.pa08{padding:0.8%} 
.pa1{padding:5px 1%} 
.pa2{padding:2%} 
.pa3{padding:3%}
.pa4{padding:4%}  
.pa5{padding:5%}  
.pa3p{padding:3px}
.pa5p{padding:5px}
.pa10p{padding:10px}
.pa510p{padding:5px 10px}
.mg1{margin:0.8%}
.mg03{margin:0 3%}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
#popupT{min-height:180px; width:250px; background:#fff; border:1px solid #ccc; display:none; top:0px; position:fixed}
img{max-width:100%;}
footer{overflow:hidden}
.cf, .button{color:#fff}
.bf{background-color:#fff}
.bg, tr:hover{background-color:#f1f2f3}
.cg{color:#999}
.tid{width:135px; text-align:left; padding:0 10px}
.button, .button2, button, .button3{border-radius:20px !important}           
.button, button{padding:5px 10px; border:none;}
.button{margin:5px; display:inline-block}
.button, .button3{ background: #4d8ab3; cursor: pointer; font-size: 14px !important; color: #fff!important; padding: 4px!important; }
.button2{padding:0 10px; font-size:14px}
.button3{position: fixed; right: 0; top: 100px; z-index: 99999; width: 25px; height:25px; line-height:25px; padding: 0 !important;}
.footer, .button, button, .button2,.xemuser, footer{background:#5a6b81; color:#fff}
.footer{padding-bottom:50px}
footer div{margin:0; padding:10px; color:#fff}
header, .ctsp{position:fixed !important}
header{height:50px; top:0; z-index:5;background:#fff} 
header span{line-height:50px; color:#fff; text-transform:uppercase; padding:0 10px; font-size:23px}
.mw{width:1145px; max-width:100%; position:relative}
.logo{margin:7px 0}
.dangnhap a{color:lightgreen; padding:5px}
.dangnhap{line-height:48px;}

.mb20{margin-bottom:20px}
.CapNhat{padding:10px}
table{max-width:100%; border:none; border-spacing:0; overflow:hidden;}
td{padding:3px; border-bottom:1px solid #ccc; border-right:1px solid #ccc}
td:last-child{border-right:none}
li{text-align:left; padding-left:10px}
li {padding: 10px; border-bottom: 1px dotted #ccc; }

#dragdiv{position:fixed; animation: mymove 1s; z-index:9; background-color:#f1f1f1; border:1px solid #d3d3d3; border-radius:5px; overflow:hidden}
#dragdivheader {cursor: move; z-index: 10; background-color: #266188; color: #fff; }
@keyframes mymove {
  from {top: 0px;}
  to {top: 80px;}
}
.tk{height:186px; position:relative; border-radius:5px; overflow:hidden; background:rgba(84,84,84,0.6)}
.tk-left{ background:rgba(27,46,69,0.3); height:186px}
.home-seach1{font-size: 16px; padding: 10% 8%; color: #fff; width:84%}
.home-seach1 strong, .home-seach2 strong {margin-bottom:15px; float:left; color:#fff}
.seach1{width:65%;border-radius: 5px 0 0 5px; padding: 11px;outline: none; border: none;}
.btn-search, .btn-search2{width: 28%; background: #9F224E; color: #fff; padding: 11px;border-radius: 0 !important;}
.form1,.form3{border-radius:5px; overflow:hidden; background:#fff}
.form2 a{text-decoration: underline; color:#fff}
.home-seach2{width:88%; padding:5.5%}
.form-them{width: calc((100% - 17%)/3);}
.form-them select{width:100%; padding:10px; border-radius:0; border:none}
.btn-search2{width: 15%}

.duan-item{background:#fff}
.duan-item1{background-image: linear-gradient(#fff,#e7e7e7)}
.ion-android-pin, .ion-chatbox, .ion-ios-paper-outline {color:#878686; }
.ion-checkmark-circled{color:#63a87f}
.thoidiemhoanthanh, .dientich, .tongsocan, .trangthaiduan{border:1px solid #ccc}
.icon-bathroom2,.icon-bedroom2,.icon-bedroom,.icon-area, .icon-huong{width:16px; height:16px; background-size:cover; float:left; margin-right:5px}
.icon-call, .icon-map, .icon-mail{width:20px; height:20px; background-size:cover; float:left; margin-right:5px}
.icon-call{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon_call.svg)}
.icon-map{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-map.svg)}
.icon-mail{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-mail.svg)}

.icon-huong{background-image:url(https://truongxua.tafalo.com/vhome/svg/huong.svg);}
.icon-bathroom2{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-bathroom2.svg);}
.icon-bedroom{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-bedroom.svg);}
.icon-bedroom2{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-bedroom2.svg);}
.icon-area{background-image:url(https://truongxua.tafalo.com/vhome/svg/icon-area.svg);}
.bdsgia{width:18px; height:18px; line-height:18px; border-radius:100%; color:#fff; background:#B27B34; margin-right:5px}
.name{font-size:25px; margin-bottom:10px; height:30px; overflow:hidden}
.name1{font-size:20px; margin-bottom:10px; height:26px; overflow:hidden}
.name2{font-size:18px; padding:5px ;height:22px; overflow:hidden}
.chudautu{font-size: 18px; color: #555; margin-bottom: 10px;}
.icon-duan{border: 1px solid #ccc; border-radius: 100%; width: 20px; height: 20px; float: left; text-align: center; line-height: 20px; margin-right: 5px;}
.thongtin-duan{margin-bottom:10px; color:#888; font-size:16px}
.readmore{font-size: 16px; color: #555; font-weight: bold; border-bottom: 1px solid #666;}
.dsspda-title{padding:10px 0; font-size:20px}
.phongngu, .phongtam, .dientich2, .huong,.gia, .dict{padding:7px 0; line-height:16px}
.anhsp{height:125px; overflow:hidden}
.anh{height:150px; overflow:hidden}

.tieudetintuc h2{padding: 20px 0; font-size: 30px;}
.anh-tintucchinh{height:305px; overflow:hidden}
.name-ttc{padding: 10px 0; font-size: 20px;height:22px; overflow:hidden}
.name-ttc a{color:#333}
.lead-ttc{font-size:16px;height:44px; overflow:hidden}
.anh-tintucphu{height:145px; overflow:hidden}
.name-ttp{height:42px; overflow:hidden}
.name-ttp a{color:#333}
.xemthem a{ border-bottom:1px solid #666; font-size:16px;font-weight: bold; color:#666}

.tieudegioithieu, .tieudechudautu{padding: 3%; font-size:20px}
.anhgt1{height:190px; border-radius:5px 5px 0 0; overflow:hidden}
.content-gioithieu{padding:5%; background:#fff;border-radius:0 0 5px 5px; overflow:hidden}
.content-gioithieu h3{font-size: 20px; margin-bottom: 5px;font-weight:bold; height:48px; overflow:hidden}
.content-gioithieu h3 a{color:#333}
.content-gioithieu p{font-size: 16px; height: 88px; overflow: hidden;}



.chitietbds{background-image: linear-gradient(#f1f2f3,#fff)}
.moc-danhmuc{margin-top:50px}
.moc-danhmuc .path, .bdskhac {width: 100%; float: left; margin: 20px 0 20px; padding-bottom: 0}
.moc-danhmuc .path ul li {float: left; list-style: none; padding: 0 7px; color: #E02012; border:none}
.moc-danhmuc .path ul li a {color: #999; text-decoration: none; text-transform:uppercase; padding-left: 7px}
.moc-danhmuc .path ul li:last-child a {color: #999}
.moc-danhmuc .path ul li a:hover {color: #E02012}
.clearfix{padding:3% 3% 0; width:94%}
.detail{padding:3%; width:94%; border:1px solid #ccc; border-radius:5px}
.ttbds{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc}
.ttbds-name{margin-bottom:15px}
.name a{color:#000; font-size:25px}
.name .edit{font-size:14px; color:#999}
.ttbds-map span{font-size:16px; color:#888}
.name-bds{margin-right:4%; border-right:1px solid #ccc;margin-bottom: 30px}
.name-bds h2{font-size:25px; margin-bottom:20px}
.thongtinbds .gia{line-height:25px; font-size:20px; margin-bottom:10px}
.thongtinbds .bdsgia{width:25px; height:25px; line-height:25px;font-size: 16px; font-weight: normal;}
.thongtinbatdongsan .phongngu, .thongtinbatdongsan .phongtam, .thongtinbatdongsan .dientich2{margin-right:30px}
.thongtinbatdongsan, .checklist{margin-bottom:25px}
.ion-android-checkbox-outline{font-size:20px; color: #666}
.dict{margin-right:30px}
.ratebox h2{font-size:25px; margin-bottom:20px}

/*Rating*/
.ratebox{width:710px; padding:30px 0px; margin:10px;}
.ratebox2{width:610px; padding:30px 50px;}
.rbar{width:346px; height:20px;background:#ccc; overflow:hidden}
.rbar div{height:20px;background:#333; }
.bcbutton{padding:5px 10px; border:1px solid #9F224E; color:#9F224E}
.num{font-size:18px}
.ion-android-star{color:orange; font-size:20px}
.total-rating{color:#9F224E; font-weight:bold; font-size:16px}
.ratebox2 td{border:none}
.tienichduan{font-size:25px}
.header-project{position:relative}
.noingoaikhu{position: absolute ;left:50%; top:25px }
#noikhu, #ngoaikhu{margin:0 15px; color:#333; font-size:18px;font-weight: bold;text-decoration: underline;}
#dstienichduan li{border:none;padding: 10px 3%;}
#dstienichduan li:nth-child(odd) {background:#fff; }
#dstienichduan li:nth-child(even) {background:#f1f2f3}

/*End Rating*/
/*chi tiết dự án BDS*/
.thongtin-duanbds td:nth-child(2){ color:#555 ;font-weight: bold; width:40%}
.sticky{ position: sticky;}
.clearfix{position:reletive}
.flexbox .tab-item{background: #fff; border-radius: 5px 5px 0 0; border-right: 1px solid #ccc; padding: 15px 0; font-size: 16px; color: #333;}
.flexbox .tab-item:last-child{border:none}
.flexbox .active, .flexbox .tab-item:hover{background: #55616F; color: #fff; font-weight: bold;}
.clearfix .tongquan{width: 100%; max-width: 710px; margin: 0 auto 25px; padding-bottom: 25px; border-bottom: 1px solid #E0E0E0; position: relative;}
.clearfix .tongquan p{text-align:left; font-size:16px; margin-bottom:10px}
/*End chi tiết dự án BDS*/

/*Tìm kiếm nâng cao*/
.name-block{padding:4% 5%; background: #666; color: #fff; font-size: 16px; font-weight: bold; border-radius: 7px 7px 0 0;}
.text-block{font-size:16px}
.tf-reamore{font-size: 16px; color: #9F224E !important; padding: 10px 30px; border: 1px solid #9F224E; border-radius: 5px;}
/*End tìm kiếm nâng cao*/
/*Tin tức*/
.tintuchinh h2{font-size:22px; height:26px; overflow:hidden; margin:10px 0}
.tintuchinh p{font-size: 16px; height: 44px; overflow: hidden;}
.tintuckhac h3{font-size:18px; height:48px;overflow:hidden; margin-bottom:15px}
.tintuckhac p{font-size:16px; height:190px; overflow:hidden}
/*End Tin tức*/
/*Liên hệ*/
.lh-content{font-size:16px; font-weight:bold}
.sao-lh{color:#9F224E; font-size:20px}
.input-lh, .textarea-lh{width:96%; border-radius:0; padding:2%; font-size:16px}
.textarea-lh{height:100px}
.button-lh{background: #9F224E; color: #fff; font-size: 16px; border-radius: 10px !important; padding: 10px 50px;}
/*End Liên hệ*/
/*Menu*/
.logo{width:102px; max-width:15%}
#login{width:105px; max-width:15%}
.logo, #login{z-index:999; position:relative}
nav{z-index:888; line-height:30px; position:absolute; width:100%; left:0}
nav ul li{border:none; padding:10px; display:inline-block; font-weight:bold}
nav .button2{color:#eee}
nav .button2:hover{color:#fff}
/*End Menu*/

@media (min-width: 1px) and (max-width: 1000px)
{

}

@font-face{
  font-family:'Glyphter'; 
  font-style: normal; 
  src: url('https://demo.tafalo.com/assets/Glyphter.woff');
}
.edit,.delete, .restore, .file, .folder,.setingA{
  width: 20px; height: 24px;
  line-height:24px; font-family:Glyphter; margin:0 5px; color:#999; 
  border:1px solid #fff; padding:0 3px; border-radius:3px; cursor:pointer; text-align:center;font-size:12px;
}
.edit:hover,.delete:hover,.restore:hover{font-size:16px;transition:.5s;}
.delete:hover{color:orange; border:1px solid orange;}
.edit:hover,.restore:hover, .setingA:hover{color:#99ca3b;border:1px solid #99ca3b;}
.folder{color:#99ca3b; margin:0 auto}
@media (max-width: 767px)
{
  /*home*/
  .logo, #login, .readmore{position:absolute; top:15px; right:20px; display:none}
  .tk-left{width:100%; margin-bottom:10px; height:auto}
  section, footer{ overflow:hidden}
  .tk{height:auto}
  .tk-right, .tintuc, .hiep{width:100%; float:left}
  .form-them { width: calc((100% - 23%)/3); }
  .btn-search2{width: 20%; padding: 11px 5px;}
  #anhduan1, .duannoibat a, .duannoibat .w55, .duan-item .w40, .duan-item .w58, .tintucchinh, .tintuckhac, .gioithieu1{width:100%; overflow:hidden}
  .sp-item{margin-bottom:20px; width:98%}
  .duan-item .chudautu, .name2{margin-top:10px}
  .dientich, .tongsocan, .trangthaiduan, .thoidiemhoanthanh, .tintucchinh {margin-bottom:10px}
  .dsspda-title{margin-top:30px}
  .anh, .anh-tintucchinh, .name-ttc{height:auto }
  .anh-tintucphu{height:115px}.w
  .tieudegioithieu h2, .tieudechudautu h2{font-size:16px}
  .gioithieu1{margin:0; margin-bottom:10px}
  .chudautu .w16{width:32%}
  footer .mw{width:96%}
  footer div{padding:2%}
/*End Home*/
  .name-bds, .thongtinbds .w65, .anh-chitietbds, .duannoibat .content-duanbds, .tintuc .w65, .tintuc .w31, .list-news .w48, .timkiemnangcao, .ttk-sp{width:100%}
  .name-bds{margin:0}
  .ttbds{padding:0}
  .name{height:auto; margin:10px 0}
  .name-bds h2, .thongtinbatdongsan, .checklist{margin-bottom:10px}
  .ratebox { width: 94%; padding: 30px 0px; margin: 3%;}
  .ion-happy-outline{top:8px !important; right:20px !important}
  .ratebox2{ width: 90%; padding: 30px 5%}
  .diemtrungbinh{margin:-40px -40px 0 0}
  .rbar{width:125px}
  .noingoaikhu{top:-4px}
  .content-tintuc, .tintuc .tintuchinh, #thongtinduan1{padding:3%; width:94% !important}
  .tintuckhac p{height:auto}
  .quangcao{height:72px; overflow:hidden}

  
 
 
}