﻿
.broker-top-search {
    width: 1000px;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
    margin-bottom: 20px;
    position: relative;
}
.broker-top-search  *{color: #555;}

    .broker-top-search .col1 {
        float: left;
        width: 160px;
        margin-right: 10px;
    }
    .broker-top-search .col1 .label_search {
         color: #055699;
         text-transform: uppercase;
        font-weight: bold;
    }

        .broker-top-search .col1 div {
            font-size: 14px;
            line-height: 25px;
        }

    .broker-top-search .col2 {
        float: left;
        width: 685px;
    }

    .broker-top-search .col3 {
        float: right;
        padding-top: 8px;
    }

    .broker-top-search .search {
        background: url('http://file4.batdongsan.com.vn/images/project/tim-kiem-du-an.jpg') no-repeat;
        width: 101px;
        height: 25px;
        color: #ffffff;
        padding-left: 35px;
        border: none;
        margin: 0;
    }


    .broker-top-search .advance-select-box {
        color: #000;
        height: 29px !important;
        line-height: 29px;
        position: relative;
        text-align: left;
        width: 160px;
        z-index: 10;
        display: inline-block;
        margin-right: 10px;
    }
    #divBrProject {
        margin-right: 0;
    }
        .broker-top-search .advance-select-box span.select-text {
            border-radius: 4px;
            height: 25px;
        }

    .broker-top-search .suggest {
        width: 646px;
        border: 1px solid #ccc;
        border-radius: 4px;
        line-height: 23px;
        padding: 0 30px 0 5px;
        height: 23px;
        background: url('https://file4.batdongsan.com.vn/images/broker/ico-search.png') no-repeat right center;
        
    }

.body-right .broker-top-by-cate { margin: 20px 0 10px;padding-bottom: 6px;}
.body-right .broker-top-by-cate span{ font-size: 17px !important;padding-bottom: 3px;}
.broker-top-by-cate {
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 9px;
   
}
.broker-top-by-cate span {
    border-bottom: 2px solid #055699;
    color: #055699;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    /*margin-right: 25px;*/
    padding-bottom: 5px;
    text-transform: uppercase;
    padding-right: 10px;
}
.broker-top-select{ margin: 0 0 15px;}
.broker-top-select a{
    width: 134px;
    height: 28px;
    line-height: 28px;
    color: #777777;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 12px;
    margin-right: 15px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.broker-top-select a.selected, .broker-top-select a:hover{
    color: #ffffff;
    border: 1px solid #439914;
    border-radius: 12px;
    background: #439914;
}
.broker-list{ color: #555;}
.broker-list .avamg{ width: 120px;float: left;}
.broker-list .avamg img {
    width: 120px;
    height: auto;
    border: none;
    padding: 0;
}
.broker-list .ttmgl{ width: 460px;}
.broker-list .ttmg{ width: 330px;padding-left: 10px;float: left;}
.broker-list .kvmg{ width: 250px;}
.broker-list .tenmg a {
    color: #444;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}
.broker-address{ position: relative;padding-left: 20px;margin-bottom: 3px;}
.broker-address:before {
    content: url('https://file4.batdongsan.com.vn/images/broker/br_location.png');
    width: 13px;
    top: 3px;
    left: 0;
    position: absolute;
}
.broker-mobile{ position: relative;padding-left: 20px;margin-right: 50px;}
.broker-mobile:before {
    content: url('https://file4.batdongsan.com.vn/images/broker/br_mobile.png');
    width: 13px;
    top: 1px;
    left: 0;
    position: absolute;
}
.broker-phone{ position: relative;padding-left: 20px;}
.broker-phone:before {
    content: url('https://file4.batdongsan.com.vn/images/broker/br_phone.png');
    width: 13px;
    top: 1px;
    left: 0;
    position: absolute;
}
.broker-link a {
    width: 136px;
    height: 28px;
    line-height: 28px;
    color: #2795f0;
    text-align: center;
    border: 1px solid #2795f0;
    border-radius: 4px;
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
}
.broker-list .kvmg .header {
    background: none;
    color: #444;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    padding: 0 0 5px;
}
.broker-list .kvmg ul { padding-top: 8px;padding-left: 0;}
.broker-list .kvmg ul li{ list-style: none;position: relative;padding-left: 10px;color: #555;margin-bottom: 3px;}
.broker-list .kvmg ul li:before{ content: url("https://file4.batdongsan.com.vn/images/broker/disc.jpg");position: absolute;top: 8px;left: 0;width: 5px;}
#broker-page .pager-block .style-pager-row-selected, .ent-page .pager-block .style-pager-row-selected {
    background: none;
    color: #055699 !important;
}
#broker-page .pager-block a div, .ent-page .pager-block a div{ margin-left: -1px !important;margin-right: 0 !important;height: 28px!important;line-height: 28px!important;
    padding-left: 11px !important;padding-right: 11px !important;color: #888888 !important;border: 1px solid #dedede !important;
}
#broker-page .borderpad10{ border: 1px solid #dedede;}
.broker-detail{ color: #333;}
.broker-detail .avamg img {
    /*width: 100%;
    max-height: 145px;*/
    max-height: 100%;
    width: auto;
}
.broker-detail .broker-name{ font-size: 16px;color: #055699;margin-bottom: 10px;}
.broker-detail .avamg {
    float: left;
    width: 200px;height: 150px;margin-right: 15px;
    text-align: center;

}
.broker-detail .avamg img{ border: 0;padding: 0;}
.broker-detail .ttmg {
    width: 530px;
    padding-left: 0;
    position: relative;
}
.broker-detail .ttmg .broker-link{ position: absolute;bottom: 0;right: 0;}
.broker-detail  .br-icon{ background: url('https://file4.batdongsan.com.vn/images/broker/s-icon.jpg') no-repeat;width: 30px;height: 25px;display: inline-block;vertical-align: middle;}
.broker-detail  .br-address{ background-position: 0px 0px;float: left;}
.broker-detail  .br-mobile{ background-position: 0 -24px;}
.broker-detail  .br-phone{ background-position: 0 -104px;margin-left: 30px;}
.broker-detail  .br-email{ background-position: 0 -50px;}
.broker-detail  .br-web{ background-position: 0 -78px;}
.broker-detail  .br-icon:before{ clear: both;}
.mb5{margin-bottom: 5px}
#broker_intro{ padding-top: 10px;}
#broker_intro h2{ font-size: 14px;}
#broker_intro ul li{ list-style: none;position: relative;padding-left: 15px;}
#broker_intro ul li:before{ content: url("https://file4.batdongsan.com.vn/images/broker/disc.jpg");position: absolute;top: 7px;left: 0;width: 5px;}
.broker-detail  .ltrAreaIntro{ margin: 10px 0;}
.broker-detail .ltrAreaIntro ul li {
    color: #439914;
    list-style: disc;
    margin-left: 15px;
    padding: 2px 0 2px 4px;
}
#broker-by-city h2{ font-size: 17px !important;}
.broker-detail #broker_intro ul{ padding: 0;}
.broker-detail .ltrAreaIntro ul{ margin: 5px 0 10px 0;}
.broker-detail .ltrAreaIntro ul li span{ color: #333;}
#broker_intro{ border: 1px solid #dedede;padding: 15px;}
.mgklist li img{ max-width: 105px;}
.mgklist li .o-br-img { width: 117px;height: 89px;border: 1px solid #dedede;box-sizing: border-box;padding: 5px;text-align: center;margin-bottom: 10px;}
.mgklist li{ float: left;margin-right: 10px;width: 115px;}
.mgklist li a{ color: #444 !important;}
.mgklist li:last-child{ margin-right: 0;}
.o-br-lnk{ float: right;color: #055699 !important;}
#plOtherBrokers{ margin-top: 35px;}
.broker-detail .introcontent{ line-height: 22px;}
.broker-detail .introcontent ul{ margin-left: 20px;}
.broker-detail #lnkSendEmail{ width: 90px;}
.other-product .Main{ border-top: 1px solid #055699;}
#broker-by-category  a{ color: #333333;display: block;margin-bottom: 15px;}
#broker-by-category ul{ border: 1px solid #dedede;padding: 15px 0;}
#broker-by-category ul li { list-style: none;padding: 0 15px;}
#broker-by-category ul li a{ font-size: 14px;}
#broker-by-category ul li ul{ border: none; padding: 0}
#broker-by-category ul li ul li{ list-style: disc;color: #055699;padding: 0;font-size: 11px;margin-left: 10px;}
#broker-by-category ul li ul li a{font-size: 12px;}
#broker-by-city  h2{ color: #055699;text-transform: uppercase;font-size: 18px;font-weight: normal;line-height: 24px;}
#broker-by-city span{ line-height: 0px;position: absolute;width: 210px;bottom: -6px;}
#broker-by-city .broker-top-by-cate{ position: relative;}
#broker-by-city .ulbox{border: 1px solid #dedede;padding: 15px 15px 5px 15px;}
#broker-by-city .viewmore-prd{ text-align: right;}
#broker-by-city ul li{list-style: disc;color: #055699;padding: 0;font-size: 11px;margin-left: 10px;}
#broker-by-city a{color: #333333;display: block;margin-bottom: 10px;}
.box-banxehoi ul{border: 1px solid #dedede;padding: 15px 0 5px 15px;}
.box-banxehoi ul li{list-style: disc;color: #055699;padding: 0;font-size: 11px;margin-left: 10px;}
.box-banxehoi a{color: #333333;display: block;margin-bottom: 15px;}
.box-banxehoi .broker-top-by-cate span{ font-size: 17px;padding-bottom: 3px;}
.broker-result{ padding: 5px 0 15px 10px;color: #555;}
.broker-result span{ color: #439914;}
.broker-no-result{ color: #555;padding: 20px;text-align: center;font-size: 20px;}
.broker-ul-list ul{border: 1px solid #dedede;padding: 15px 0 5px 15px;}
.broker-ul-list ul li{list-style: disc;color: #055699;padding: 0;font-size: 11px;margin-left: 10px;}
.broker-ul-list a{color: #333333;display: block;margin-bottom: 15px;}
.broker-ul-list .list ul li{ background: none;}
.broker-faq .list ul li{ background: url('https://file4.batdongsan.com.vn/images/broker/ask.jpg') no-repeat 0px 7px;padding: 5px 0px 5px 22px;}
.broker-faq {border: 1px solid #dedede;padding: 10px;}
.broker-faq label{ display: none;}
.broker-faq textarea{ border: 1px solid #dedede;width: 216px;}
.broker-faq #btnSend{ background: #055699;color: #ffffff;border: none;border-radius: 2px;padding: 3px;}
.enterprise-top-search .col1{ width: 190px;}
.enterprise-top-search .col2{ width: 665px;}
.enterprise-top-search .suggest{ width: 609px;}
.enterprise-top-search .advance-select-box{ width: 207px;}
.enterprise-top-search .advance-select-box .select-text span.select-text-content{ padding: 0 5px 0 10px;}
.enterprise-top-search .suggest{ padding-left: 10px;}
.enterprise-list h1{ font-size: 14px;color: #333;margin-bottom: 0px;}
.enterprise-list .list-company{ margin-bottom: 20px;}
.enterprise-list .list-company h2 a{ font-size: 18px;color: #055699;text-transform: uppercase;background-color: #e0f0fe;line-height: 32px;padding: 5px 15px;border-left: 3px solid #055699;font-weight: normal;}
.enterprise-list .list-company h2 {margin: 25px 0 15px; }
.enterprise-list .list-company ul{  overflow: hidden;}
.enterprise-list .list-company ul li{width: 174px;list-style: none;border: 1px solid #dedede;float: left;margin-right: 15px;height: 185px;overflow: hidden;padding: 10px;box-sizing: border-box;}
.enterprise-list .list-company ul li:last-child{ margin-right: 0;}
.enterprise-list .list-company ul li a{ display: block;text-align: center;color: #555;}
.enterprise-list .list-company ul li h3{ margin: 5px 0;}
.enterprise-list .list-company ul li .parentitem a{height: 110px;width: 152px;}
.enterprise-list .list-company ul li img{ max-height: 100%;max-width: 100%;margin-bottom: 8px;}
.enterprise-list .list-item ul li{ border: 1px solid #dedede;list-style: none;margin-bottom: 15px;padding: 10px;position: relative;color: #555;}
.enterprise-list .list-item .ava { width: 120px;margin-right: 10px;}
.enterprise-list .list-item .ava a{ width: 120px;height: 92px;}
.enterprise-list .list-item .ava img{ max-width: 100%;max-height: 100%;}
.enterprise-list .list-item h3 a, .enterprise-list .list-item h3 a span{ font-size: 14px;color: #555;}
.enterprise-list .list-item .infoitem{ position: relative;width: 585px;min-height: 95px;}
.enterprise-list .list-item  .contact-area{ position: absolute;left: 0;bottom: 0;line-height: 20px;width: 430px;}
.enterprise-list .broker-link{ position: absolute;right: 0;bottom: 30px;}
.prj-list ul li{ list-style: none;border: 1px solid #dedede;margin: 10px 0;color: #333;}
.prj-list ul li .thumb a{ float: left;display: block;margin-right: 10px;}
.prj-list ul li .detail{ float: left;width: 510px;padding: 5px 0 15px 10px;}
.prj-list ul li .detail h3 a{ color: #055699;font-size: 14px;padding: 15px 0;display: block;}
.prj-list ul li .detail .info{ margin-bottom: 5px;}
.prj-list ul li .detail .info:after{ clear: both;content: '';display: block;}
.prj-list ul li .detail .left{ float: left;width: 60px;}
.prj-list ul li .detail .right{ float: left;}
.clearafter:after{ clear: both;content: '';display: block;line-height: 0;height: 0px;}

#hotarticle li {
    margin-left: 20px;
    margin-bottom: 10px;
    color: #055699;
    list-style: outside !important;
    list-style: circle;
    display: list-item;
}

.hot-article ul li a {
    color: #555;
    font-weight: normal;
}

.hot-article .bor_box {
    border: 1px solid #dedede;
    padding-bottom: 15px;
    position: relative;
}

.hot-article .imgthumb img {
    width: 78px;
    max-height: 78px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    height: auto !important;
}

.hot-article .progress {
    list-style: none;
    padding: 10px 10px 0 10px;
    margin: 0px;
    height: 78px;
}
.prj-line {
    border-bottom: 1px solid #dedede;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

    .prj-line span {
        color: #055699;
        font-size: 18px;
        padding-bottom: 2px;
        border-bottom: 2px solid #055699;
        text-transform: uppercase;
    }
.prj-prgress, .prj-prgress ul li {
    width: 240px !important;
    display: inline-block;
    max-height: 560px;
    overflow: hidden;
}
.slide {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 36px;
}

    .slide .slideprev, .slide .slidenext, .slide .slideprevprogress, .slide .slidenextprogress {
        margin: 0;
        cursor: pointer;
    }
    .arclink a{ color: #055699 !important;}
    .slidenext, .slidenextprogress {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('https://file4.batdongsan.com.vn/images/opt/next.jpg') no-repeat;
    vertical-align: middle;
    margin-left: 20px;
}

.slideprev, .slideprevprogress {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('https://file4.batdongsan.com.vn/images/opt/prev.jpg') no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.broker-borbox{ border: 1px solid #dedede;padding: 8px 0;}

.ent-by-category ul{ border: 1px solid #dedede;padding: 10px 0;}
.ent-by-category ul li { list-style: none;padding: 5px 15px;}
.ent-by-category ul li a{ font-size: 14px;color: #055699;font-weight: bold;}
.ent-by-category ul li a span{ color: #555;}
.ent-by-category ul li ul{ border: none; padding: 0}
.ent-by-category ul li ul li{ list-style: disc;color: #055699;padding: 5px 0;font-size: 11px;margin-left: 20px;}
.ent-by-category ul li ul li a{font-size: 12px;color: #333333;font-weight: normal;}

.fone {
        color: #333;
        line-height: 20px;
    }
    #broker-typical { overflow: hidden;}
    #dntb { width: 238px !important;}
    #dntb ul{overflow: hidden;}
    #dntb ul li{ width: 228px;display: block;}
    #broker-typical #dntb{ border: 1px solid #dedede;padding-bottom: 10px;}
    
    #broker-typical  #dntb .dntb-row .avatar a{
        width: 80px !important;
        height: 80px !important;
        text-align: center;
        float: left;
        border: 1px solid #dedede;
        /*display: flex;*/
        /*margin: 0 5px 0 0;
        overflow: hidden;*/
        display: block; 
    }
    #broker-typical #dntb .dntb-row{padding: 10px 5px 0 5px;}
    #broker-typical #dntb .dntb-row .avatar a{ margin-right: 10px;}
    #broker-typical #dntb .dntb-row .avatar img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        vertical-align: middle;
    }
    #broker-typical  #dntb .dntb-row  .info-row {
    float: left;
    width: 130px;color: #555; }
    .viewall{ text-align: center;border: 1px solid #dedede;border-top: none;padding: 10px 0;}
    .viewall a{ color: #055699;text-decoration: underline;}
        #dntb ul li{ width: 100%;}
.broker-ul-list .list ul li a:hover{ color: #000 !important;}
.list ul li a:hover{ color: #000 !important;}
.imgthumb{ width: 75px;margin-right: 10px;float: left;}
.arclink{ width: 135px;float: right;}

.verticalbox {
    width:100%;
    height:100%;
    text-align: center;  
    font: 0/0 a;
    display: block; 
}

.verticalbox:before {    
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

.childbox {
    display: inline-block;
    vertical-align: middle;          /* vertical alignment of the inline element */
    max-width: 100%;
}