@font-face {
    font-family: 'Mulish Bold';
    src: url('../fonts/Mulish-Bold.eot');
    src: url('../fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold.woff') format('woff'),
        url('../fonts/Mulish-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Regular.eot');
    src: url('../fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular.woff') format('woff'),
        url('../fonts/Mulish-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Mulish Black';
    src: url('../fonts/Mulish-Black.eot');
    src: url('../fonts/Mulish-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-Black.woff2') format('woff2'),
        url('../fonts/Mulish-Black.woff') format('woff'),
        url('../fonts/Mulish-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Mulish ExtraBold';
    src: url('../fonts/Mulish-ExtraBold.eot');
    src: url('../fonts/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraBold.woff') format('woff'),
        url('../fonts/Mulish-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-ExtraBold.eot');
    src: url('../fonts/Barlow-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-ExtraBold.woff2') format('woff2'),
        url('../fonts/Barlow-ExtraBold.woff') format('woff'),
        url('../fonts/Barlow-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('../fonts/EncodeSans-ExtraBold.eot');
    src: url('../fonts/EncodeSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EncodeSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/EncodeSans-ExtraBold.woff') format('woff'),
        url('../fonts/EncodeSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

.w-clear:after{display:block;content:"";clear:both;}
.breadCrumbs{margin-bottom: 30px;margin-top: 0px}
*{margin: 0;padding: 0;}
body{background: #ffffff;height: 100%;margin: 0 auto;position: relative;top: 0 !important}
.wrap-body{margin: auto;padding: 0;font-family: Mulish;font-size: 14px;width: 1366px;}
ul{margin:0;padding: 0;}
a:hover{text-decoration: none;}
a{color: #000}
p{margin: 0;padding: 0;}
.main-width{width: 1300px;margin: auto;}
.main-width2{width: 1200px;margin: auto;}
.main-box{margin-top: 40px}
.title-main span{font-size: 30px;text-transform: uppercase;color: #333333;font-family: Encode Sans;}
.title-zone .title-main{margin-bottom: 0}
.title-zone{position: relative;margin-bottom: 50px}
.title-zone:after{content: '';position: absolute;width: 57px;height: 9px;left: 0;right: 0;margin: auto;bottom: -20px;background: url(../images/img/icon-title.png);}
.slogan-main{font-size: 14px;text-align: center;}
/*cus general*/
.wrap-home{margin: 0 auto;}
/*header*/
.header1-banner{padding: 15px 50px;background: url(../images/img/bg-banner.png) center center no-repeat;background-size: cover;}
.header1-info__top{position: relative;padding-left: 33px}
.header1-info__top:before{content: '';position: absolute;width: 68px;height: 68px;left: 0;top: 50%;transform: translateY(-50%);background: url(../images/img/ihotline.png);tr}
.header1-info__top > div{padding: 10px 15px 10px 38px;border-radius: 20px;border-bottom: 2px solid #fcd702;border-left: 2px solid #fcd702}
.phone-num{font-family: Mulish Black;font-size: 25px;color: #ec3237;}
.open-time{font-size: 11px}
.header1-info__bot{font-size: 16px;margin-top: 10px}
/*end header*/

/*menu box*/
/*search*/
.search-zone{position:relative;}
.search-zone input{width: 260px;height: 45px;background: #fff;border: none;border-radius: 50px;padding-left: 20px}
.search-zone p{width: 45px;height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;display: flex;justify-content: center;align-items: center;}
/*end search*/

/*menu*/
.w-menu{background: #ec3237}
.menu ul li ul{background: #ec3237}
.menu ul li ul li a h2{font-size: 13px}
.menu ul li a h2{font-size:14px;margin:0px;padding: 19px 21px;text-transform: uppercase;position: relative;color: #fff;font-family: Mulish ExtraBold}
.menu ul li a.active > h2,.menu ul li:hover > a > h2{background: #333333}
.fix-menu{position: fixed;top: 0;transition: 1s;left: 0;width: 1366px;z-index: 9999;margin: auto;right: 0;}
.fix-menu .logo{width: 120px}
/*end menu box*/

/*gioithieu*/
.gioithieu-left{width: 50%;padding: 0 10px}
.gioithieu-title{font-family: Mulish Black;font-size: 16px;}
.gioithieu-title p:first-child{padding-left: 40px;position: relative;}
.gioithieu-title p:first-child:before{content: '';position: absolute;width: 25px;border-top: 2px solid #000;left: 0;top: 50%;transform: translateY(-50%);}
.gioithieu-title .gioithieu-ten{font-family: Montserrat;font-size: 55px;color: #ec3237;line-height: 1.2}
.gioithieu-mota{-webkit-line-clamp: 5;line-height: 2}
.gioithieu-xemthem{margin-top: 20px}
.gioithieu-xemthem a{display: inline-block;padding: 14px 30px;background: #333;color: #fff;font-family: Mulish Black;border-radius: 5px;text-transform: uppercase;}
.gioithieu-xemthem a:hover{background: #ec3237}
.gioithieu-right{width: 50%;padding: 0 10px;display: flex;position: relative;}
.gioithieu-right:before{content: '';position: absolute;width: calc(263px*2 + 20px);height: 326px;border: 2px solid #d2dfef;left: 35px;top: 25px}
.gioithieu-img2{margin-top: 100px;margin-left: 20px}
/*end gioithieu*/

/*tieuchi*/
.tieuchi-img{width: 45px;}
.tieuchi-info{width: calc(100% - 45px);padding-left: 15px;font-family: Barlow;font-size: 20px;text-transform: uppercase;}
.tieuchi-zone{margin-top: 35px}
/*end tieuchi*/

/*taisao*/
.w-taisao{background: url(../images/img/bg-taisao.jpg);background-size: cover;padding: 50px 0;color: #fff}
.taisao-box{width: 60%}
.taisao-title{font-size: 24px;padding-bottom: 10px;border: 1px solid #fff;border-top: none;text-align: center;width: 550px;margin: auto;margin-bottom: 20px}
.taisao-title p:first-child{font-family: Montserrat;font-size: 30px;color: #ec3237;position: relative;top: -20px}
.taisao-title p:last-child{margin-top: -20px;letter-spacing: 2px}
.taisao-title p:first-child:before{content: '';position: absolute;width: 25px;left: 0;top: 20px;border-top: 1px solid #fff;}
.taisao-title p:first-child:after{content: '';position: absolute;width: 25px;right: 0;top: 20px;border-top: 1px solid #fff;}
.grid-taisao{margin-top: 20px;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px}
.taisao:nth-child(3),.taisao:nth-child(4){position: relative;left: -70px}
.taisao-stt{width: 65px;height: 65px;border-radius: 50%;background: #ec3237;color: #fff;font-size: 30px;display: flex;justify-content: center;align-items: center;}
.taisao-info{width: calc(100% - 65px);padding-left: 20px;}
.taisao-ten{font-family: Mulish Black;font-size: 16px;margin-bottom: 5px;text-transform: uppercase;}
.taisao-mota{-webkit-line-clamp: 2;line-height: 2}
/*end taisao*/

/*xaydung*/
.grid-xaydung{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 13.333px}
.xaydung{border: 1px solid #eae7e0;padding: 10px;}
.xaydung-ten{font-family: Mulish Bold;font-size: 15px;margin: 10px 0 5px;-webkit-line-clamp: 2}
.xaydung-mota{-webkit-line-clamp: 4}
.xaydung:hover .xaydung-ten{color: #ec3237}
/*end xaydung*/

/*noithat*/
.w-noithat{background: url(../images/img/bg-noithat.jpg);padding: 50px 0;}
.w-noithat .slogan-main, .w-noithat .title-main span{color: #fff}
.w-noithat .title-zone:after{background: url(../images/img/icon-title2.png);}
.grid-noithat{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px 22.5px}
.noithat:nth-child(2){grid-row: span 2}
/*end noithat*/

/*duan*/
.duan-ten{font-family: Mulish Bold;font-size: 16px;-webkit-line-clamp: 2;margin-bottom: 10px;text-transform: uppercase;}
.duan-info{padding: 20px;background: #e8e8e8;}
.duan-mota{line-height: 2}
.duan:hover .duan-ten{color: #ec3237}
/*end duan*/

/*newsletter*/
.w-newsletter{background: url(../images/img/bg-form.jpg);padding: 50px 0;background-size: cover;}
.newsletter-left{width: 350px;text-align: center;}
.newsletter-right{width: calc(100% - 350px);padding-left: 20px;}
.hotro-content{line-height: 2;color: #fff}
.hotro-mxh{margin-top: 20px;margin-bottom: 20px}
.hotro-mxh a{margin-left: 5px;transition: .2s;padding-bottom: 0;position: relative;bottom: 0;display: inline-block;}
.hotro-mxh a:hover{bottom: 5px}
.hotro-img{margin-bottom: 20px}

.newsletter-right .title-main span{color: #fff}
.newsletter-right .slogan-main{color: #fff}
.newsletter-input{width: 560px;}
.newsletter-input .form-control{width: 100%;border: none;height: 45px;border-radius: 0}
.newsletter-input textarea.form-control{height: 135px;}
.newsletter-input{padding: 0 5px;margin-bottom: 10px}
.newsletter-button{text-align: center;margin-top: 20px}
.newsletter-button input{width: 130px;height: 45px;background: #ec3237;color: #ffffff;font-size: 15px;color: #ffffff;border-radius: 50px;border: none;}
.newsletter-button input:hover{color: #333}
/*end newsletter*/

/*tintuc*/
.tintuc{margin-bottom: 20px}
.tintuc-img{width: 270px}
.tintuc-info{width: calc(100% - 270px);padding: 20px;box-shadow: 3px 3px 3px #e9e9e9;padding-bottom: 0}
.tintuc-ten{font-family: Mulish Black;text-transform: uppercase;margin-bottom: 10px}
.tintuc:hover .tintuc-ten{color: #ec3237}
.tintuc-mota{-webkit-line-clamp: 5;line-height: 1.8;opacity: .8}
.tintuc-date{font-size: 13px;color: #a7a7a7;margin-top: 10px;padding: 10px 0;border-top: 1px solid #a7a7a7}
/*end tintuc*/
.boxvideo_left{height: 440px;margin-bottom: 10px}
/*video*/

/*footer*/
#footer{background: #fafafa;padding: 50px 0;margin-top: 50px;position: relative;}
#footer:before{content: '';position: absolute;width: 264px;height: 430px;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/img/img-footer.png);}
.footer-top{position: relative;z-index: 2}
.footer-title{font-family: Roboto Black;font-size: 18px;text-transform: uppercase;margin-bottom: 20px}
.footer-name1{font-family: Mulish Black;font-size: 16px;}
.footer-name2{font-family: Montserrat;font-size: 40px;color: #ec3237;margin-bottom: 20px}
.footer-info >div{position: relative;padding-left: 40px;margin-bottom: 20px}
.footer-info >div:before{content: '';position: absolute;width: 30px;height: 30px;left: 0;top: calc(50% - 30px/2)}
.ifooter1:before{background: url(../images/img/ifooter1.png);}
.ifooter2:before{background: url(../images/img/ifooter2.png);}
.ifooter3:before{background: url(../images/img/ifooter3.png);}
.ifooter4:before{background: url(../images/img/ifooter4.png);}
.ifooter2 span{font-family: Mulish Bold;}
.footer-list a{display: block;margin-bottom: 20px;position: relative;padding-left: 10px}
.footer-list a:before{content: '';position: absolute;width: 4px;height: 4px;left: 0;top: calc(50% - 4px);border-radius: 50%;background: #ec3237}
.footer-list a:hover{color: #ec3237}
.footer1{width: 25%}
.footer2{width: 40%;padding: 0 15px}
.footer3{width: 30%}
.footer-tag{margin-top: 30px;position: relative;}
.footer-tag:before{content: '';position: absolute;width: 100%;border-top: 1px solid #ec3237;top: 50%;left: 0}
.footer-tag a{display: inline-block;padding: 13.5px 10px;background: #fff;color: #ec3237;font-family: Mulish ExtraBold;position: relative;text-transform: uppercase;}
.footer-tag a:hover{color: #000}
.footer-tag a:before{content: '';position: absolute;border-top: 25px solid transparent;border-right: 20px solid #fff;border-bottom: 25px solid transparent;right: calc(100% - 1px);top: -1px}
.footer-tag a:after{content: '';position: absolute;border-top: 25px solid transparent;border-left: 20px solid #fff;border-bottom: 25px solid transparent;left: calc(100% - 1px);top: -1px;z-index: 2}
.footer-tag p{position: relative;background: #ec3237;margin: 0 20px;padding: 1px 0}
.footer-tag p:before{content: '';position: absolute;border-top: 25px solid transparent;border-right: 20px solid #ec3237;border-bottom: 25px solid transparent;right: 100%;top: 0}
.footer-tag p:after{content: '';position: absolute;border-top: 25px solid transparent;border-left: 20px solid #ec3237;border-bottom: 25px solid transparent;left: 100%;top: 0}
.footer-copyright{margin-top: 30px;text-align: center;}
.footer-mxh{margin-top: 20px;font-weight: bold;font-size: 18px;margin-bottom: 20px}
.footer-mxh a{margin-left: 5px;transition: .2s;padding-bottom: 0;position: relative;bottom: 0;display: inline-block;}
.footer-mxh a:hover{bottom: 5px}
.footer-img__box > div{padding: 0 5px}
.footer-nd{margin-top: 20px}
.btn-map a{display: inline-block;width: 136px;height: 136px;background: url(../images/img/i_pos.png);opacity: .8}
.btn-map a:hover{opacity: 1}

.footer-bottom{padding: 25px 0;text-align: center;font-size: 13px;border-top: 1px solid #14630a;margin-top: 50px}
.footer-bottom .d-flex{justify-content: space-between;}
.statistic span{margin-left: 20px;position: relative;}
.statistic span:before{content: '';position: absolute;height: 17px;border-left: 1px solid #fff;left: -10px;top: 50%;transform: translateY(-50%);}
.statistic span:first-child:before{display: none;}
/*ajax phantrang*/
.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 4px 0px 4px;border:1px solid #fff;font-size:12px;cursor:pointer;padding:7px 13px;border-radius: 5px;color: #fff}
.pagination-ajax a.current,.pagination-ajax a:hover{background-image: linear-gradient(to right, #ec8225 , #f2c032);border-color:transparent;color: #fff}
.pagination-ajax .last,.pagination-ajax .first{display: none;}

.grid-hinhanh-f{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 20px}

/*hover_sang2*/
.vach_sang{overflow: hidden;position: relative;}
.vach_sang::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.vach_sang:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine{100%{left:125%}}
@keyframes shine{100%{left:125%}}
/*end hover_sang2*/

/* Make it a marquee */
.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}



/* width */
/*::-webkit-scrollbar {
  width: 10px;
  height: 5px
}*/

/* Track */
/*::-webkit-scrollbar-track {
  background: #f1f1f1;
}
*/
/* Handle */
/*::-webkit-scrollbar-thumb {
  background: #888;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
  background: #555;
}*/

.banggia{margin-bottom: 10px;}
.banggia-ten{padding: 10px 20px;border: 1px solid #ccc;font-family: Mulish Bold;font-size: 17px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.banggia-ten:hover{color: #ec3237}
.banggia:last-child{margin-bottom: 0}
.banggia-nd{border: 1px solid #ccc;border-radius: 0 0 5px 5px;border-top: none;padding: 10px;display: none;}

.content-main ul li{list-style-type: none;}


/*news_detail*/

.detail-left{width: 300px;position: sticky;top: 60px;left: 0;float: left;}
.detail-right{width: calc(100% - 300px);padding-left: 20px;float: left;}
.danhmuc-box{margin-bottom: 20px}
.title-danhmuc{background: #ec3237;color: #fff;font-family: Mulish Bold;font-size: 20px;text-align: center;padding: 10px 20px;text-transform: uppercase;}
.danhmuc-list{border: 1px solid #e7e7e7;border-top: none;}
.danhmuc-list a{display: block;padding: 10px;border-bottom: 1px solid #e7e7e7;text-transform: uppercase;}
.danhmuc-list a:hover{color: #ec3237}
.danhmuc-list a:last-child{border-bottom: none;}
.nd-detail{margin-top: 20px}
.detail-box{position: relative;}


/* tinh phi xay dung*/
div.box-bangtinh{padding: 10px 0 30px 0;}
div.box-bangtinh div.noidung_tc,div.box-bangtinh div.mota_tc{color: #fff;}
div.box-bangtinh div.noidung_tc{margin-top: 20px;color: #ccc;margin-bottom: 55px;}
div.box-bangtinh div.tieude_tc .t_center{color: #fff;}
div.box-bangtinh div.tieude_tc .gach_trai {
    background: url(images/icon-vuong2.png) no-repeat right center,url(images/line-td2.png) repeat-x left center; }
div.box-bangtinh div.tieude_tc .gach_phai {
    background: url(images/icon-vuong2.png) no-repeat left center,url(images/line-td2.png) repeat-x left center; }
div.box-bangtinh .thongtincb{
    padding: 30px 20px 20px 20px;
    position: relative;
    margin-top: 40px;
    background: #ebebeb;
}
div.box-bangtinh .thongtincb .td-main{
    display: table;
    max-width: 260px;
    line-height: 40px;
    color: #fff;
    background: #00a8f3;
    margin-top: -50px;
    width: 100%;
    padding-left: 40px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
}
div.box-bangtinh div.frm_lienhe .item_lienhe{
    width: 23.5%;
    float: left;
    margin-bottom: 13px;
}
div.box-bangtinh div.frm_lienhe .item_lienhe p{
    color: #000;
    margin-bottom: 11px;
    vertical-align: top;
}
div.box-bangtinh div.frm_lienhe .item_lienhe p b{color: #f12f2f;font-size: 20px;display: inline-block;vertical-align: top;line-height: 19px;}
div.box-bangtinh div.frm_lienhe .item_lienhe:nth-child(1){}
div.box-bangtinh div.frm_lienhe .item_lienhe:nth-child(2){
    margin: 0 2%;
}
div.box-bangtinh div.frm_lienhe .item_lienhe:nth-child(3){}
div.box-bangtinh div.frm_lienhe .item_lienhe:nth-child(4){
    float: right;
}
div.box-bangtinh div.frm_lienhe .item_lienhe:nth-child(5){}
div.box-bangtinh div.frm_lienhe .item_lienhe input[type='text'],div.box-bangtinh div.frm_lienhe .item_lienhe input[type='number']{
    background: #fff;
    border: 0;
    width: 100%;
    height: 37px;
    padding: 0 12px;
}
div.box-bangtinh div.frm_lienhe .item_lienhe select{
    padding: 8px 10px;
    background: #ffffff;
    border: 0;
    width: 100%;
}
div.box-bangtinh div.frm_lienhe .itemrieng{width: 100%;float: none;text-align: center;margin-top: 25px;margin-bottom: 0;}
div.box-bangtinh div.frm_lienhe .itemrieng input[type='button']{
    background: #00a8f3;
    color: #fff;
    border: 1px solid #00a8f3;
    text-transform: uppercase;
    padding: 10px 65px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    transition: 0.3s;
}
div.box-bangtinh div.frm_lienhe .itemrieng input[type='button']:hover{
    background: none;
    color: #00a8f3;
}
p.tieude_main1{text-align: center;font-size: 27px;margin-bottom: 25px;margin-top: 30px;}
p.tieude_main{text-align: center;text-transform: uppercase;font-size: 30px;margin-bottom: 25px;margin-top: 30px;}
p.tieude_dongia{text-align: right;text-transform: uppercase;font-size: 25px;border: 1px solid #ccc;padding-right: 10px;border-bottom: 0;}
p.tieude_tonggia{text-align: right;text-transform: uppercase;font-size: 25px;border: 1px solid #ccc;padding-right: 10px;}
.tbl_banggia {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    font-size: 13px;
}
.tbl_banggia th
{
    font-size:15px;
    background: #e8e8e8;
}
.tbl_banggia th, .tbl_banggia td {
    border: 1px solid #d2d2d2;
    padding: 10px 1%;
}
/* tinh phi xay dung*/
.title-zone.title-zone_pt{margin-bottom: 20px;}

.dutoan_phongthuy{padding: 60px 0px;background: url(../images/image/banner2.png)no-repeat;background-size: cover;}
.dutoan_left{width: 45%;}
.phongthuy_r{width: 50%;}
.tg_xd{font-size: 30px;color: #ffff;font-family: 'UTMHelvetIns';}
.box_tracuu_pt{justify-content: space-between;}
/* tracuuphongthuy */
.tracuu_phongthuy .frm_select {width: 100%;display: inline-block;vertical-align: top;padding: 6.5px;background: #FFF;border: solid 1px #CCC;border-radius: 2px;margin-bottom: 10px;font-size: 15px}
.tracuu_phongthuy .xemhuongnha {width: 150px;display: inline-block;vertical-align: top;padding: 5px;text-align: center;background: #00a8f3;cursor: pointer;font-size: 16px;color: #FFF;transition: 0.4s;}
.tracuu_phongthuy .xemnamxay { width: 150px;display: inline-block;vertical-align: top; padding: 5px;text-align: center; background: #00a8f3;cursor: pointer;font-size: 16px;color: #FFF; transition: 0.4s;}
.tracuu_phongthuy .xemhuongnha:hover , .tracuu_phongthuy .xemnamxay:hover {background: #ffc708;transition: 0.4s;}
.tracuu_phongthuy .khungxempt {width: 100%;display: flex;flex-wrap: wrap;max-width: 1000px;margin: 0px auto;}
.show-phongthuy {position: fixed;top: 10%;left: 10%; width: 80%;height: 80%;background: #F8F8F8;padding: 15px;padding-right: 0px;border: solid 5px #EEE;z-index: 999;display: none;-moz-box-shadow: 0 0 8px #888;-webkit-box-shadow: 0 0 8px#888;box-shadow: 0 0 8px #888;}
.noidung_phongthuy {width: 100%;max-height: 100%;overflow-x: hidden;padding-right: 10px;overflow-y: scroll;}
.close-phongthuy {position: absolute;top:-10px;right:15px;z-index: 99;font-size: 40px;cursor: pointer;color: red;}
.tit {
    text-transform: uppercase;
    background: #00a0ff;
    color: #fff;
    text-align: center;
    padding: 0.5em;
    font-weight: 700;
}

.title_frm {
    font-weight: 700;
    display: block;
    margin: 4px 0;
    width: 100%;
}
.flex{display: flex;}
.rows_select .c1{width: 49%;}
.rows_select .c2{width: 49%;}
.rows_select{justify-content: space-between;}


.box_dt_cp{display: flex;flex-wrap: wrap;}
.dt_l{flex: 1;margin-right:1em;}
.dt_r{width:25% ;}

.xempttrai,.xemptphai{padding:5px;
    box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.12);}
.center{text-align: center;}
.xempttrai{margin-bottom: 30px;}