
.districtSelect-iso {
    width: 76%;
    padding: 2.5em 0;
    margin: 0 auto;
    text-align:center;
}

.districtSelect-iso br {
    display:none;
}

.districtSelect-iso .vault {
    width:24%;
    text-align:center;
    display:inline-block;
    text-align:center;
    /*float:left;*/
}

.districtSelect-iso .vault div {
    /*width:4em;*/
    display:inline-block;
    padding: 0.5em 0.1em;
    cursor:pointer;
    color:#808080;
}

.districtSelect-iso .vault div.active {
    border-bottom:4px solid #00a7a8;
    color:#333333;
}

body.majorProject .breadcrumb-iso .magnifier-wrap {
    display:none;
}

body.majorProject main .majorproject-iso {
    position: relative;
    padding: 1em 0 5em 0;
}

body.majorProject main .majorproject-iso .index-sub-title-wrap {
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

body.majorProject main .majorproject-iso .index-sub-title-wrap .index-sub-title .index-sub-title-content {
    height: 30px;
}

body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper {
    height:initial;
    background-size: 120%;
}

body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper:hover {
	background-size: 120%;
	background-position: bottom right;
}

body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper .overlay-bg {
    height: 50em;
}

body.majorProject main .majorproject-iso .mp-slider .slider-nav {
    width:92%;
}

body.majorProject main .index-sub-title-wrap .index-sub-title {
    padding:0;
    height: 30px;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content {
    width:100%;
    padding:0;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .mobile-dropdown {
    display:none;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content span {
    display:none;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content .dropdown-wrap {
    display:none;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content .pArrow {
    bottom: 0;
    left: 2%;
}

body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content .nArrow {
    bottom: 0;
    right: 2%;
}

@media screen and (max-width: 991px) {
    
    body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content .pArrow {
        left: 0%;
    }

    body.majorProject main .index-sub-title-wrap .index-sub-title .index-sub-title-content .nArrow {
        right: 0%;
    }

}


@media screen and (max-width: 767px) {

    .districtSelect-iso {
        width:100%;
        padding: 1em 0;
    }

    body.en .districtSelect-iso br {
        display:block;
    }

    .districtSelect-iso .vault div.active {
        border-bottom:0.3em solid #00a7a8;
    }

    body.majorProject main .majorproject-iso {
        padding: 1em 0 2em 0;
    }






    body.majorProject main .majorproject-iso .index-sub-title-wrap {
        display:none;
    }

    body.majorProject main .majorproject-iso .mp-slider .slider-nav {
        width: 88%;
    }

    body.majorProject main .majorproject-iso .mp-slider .slider-nav:after {
        display:block;
        content:" ";
    }

    body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper {
        height:initial;
        margin-bottom: 2em;
    }

    body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper {
        background-size: 100%;
        background-position: center;
    }

    body.majorProject main .majorproject-iso .mp-slider .slider-nav .mp-wrapper:hover {
	    background-size: 100%;
	    background-position: center;
    }

    


}





body.majorProject .details-combine {
    border:none;
}

body.majorProject .details-combine .building {
    width:30%;
}

body.majorProject .details-combine .building img {
    width:100%;
}

body.majorProject .details-combine .contents {
    width:67%;
}

body.majorProject .details-combine .contents .content-title .short-address {
    padding-top:0.3em;
}

body.majorProject .details-combine .contents .content-title {
    width:93%;
    padding-bottom: 0.4em;
}

body.majorProject .details-combine .contents .content-title h1 {
    line-height:1.3em;
}

body.majorProject .details-combine .contents .box {
    width:86%;
    padding:2%;
    background:#eeeeee;
    margin: 1em 0 -1em 0;
}

body.majorProject .details-combine .contents .box .mp-content-bottom .exp-date img.clock {
    width:1.4em;
    vertical-align:middle;
}

body.majorProject .details-combine .contents .box .mp-content-bottom .time-left {
    display:block;
    padding-top:0.5em;
    padding-left:1.6em;
}

body.majorProject .details-combine .contents .content-detail {
    width:93%;
    padding:1.5em 7% 0 0;
}



body.majorProject .details-combine .contents .content {
    line-height:1.2em;
}

body.majorProject .details-combine .contents .content-detail .title,
body.majorProject .details-combine .contents .content-detail .content {
    padding-top:0.8em;
}

body.majorProject .details-combine .contents .content-detail .title {
    display:inline-block;
    width:7em;
    vertical-align:top;
    line-height:1.2em;
}

body.majorProject .details-combine .contents .content-detail .content {
    display:inline-block;
    line-height:1.2em;
    width:80%;
}

body.majorProject .details-combine .contents .content-structure {
    padding:3em 0 1.5em 0;
}

body.majorProject .details-combine .contents .content-structure .structure {
    padding-bottom:1em;
}

body.majorProject .details-combine .contents .content-structure .structure .title {
    vertical-align:top;
}

/*body.majorProject .details-combine .contents .content-structure .manual {
    display:none;
}*/

body.majorProject .details-combine .contents .content-structure .title {
    display:inline-block;
    width:7em;
    line-height: 1.6em;
}

body.majorProject .details-combine .contents .content-structure .content {
    display:inline-block;
    width: 70%;
    line-height: 1.6em;
}

body.majorProject .details-combine .contents .content-structure .content span {
    display:block;
    padding-bottom:0.6em;
}

body.majorProject .details-combine .contents .content-structure .manual .content a.pdf-download img {
    width:3em;
    vertical-align:middle;
}








body.majorProject .details-combine .contents .relatedSales {
    border-top: 5px solid #ff1654;
    background:#eeeeee;
    max-height: 27em;
    overflow-y: auto;
    overflow-x: hidden;
}

body.majorProject .details-combine .contents .relatedSales .block-iso {
    margin: 0 2%;
    padding: 2% 0;
    width: 96%;
    position: relative;
    border-bottom: 1px solid #999999;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agent-pic-wrapper {
    width:8em;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agent-pic-wrapper img {
    width: 100%;
    border-radius: 50%;
    background: #ffffff;
}
    
body.majorProject .details-combine .contents .relatedSales .block-iso:hover .agent-pic-wrapper img {
    box-shadow: 0px 0px 10px #aaaaaa;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info {
    width: 83%;
    position: absolute;
    left: 11em;
    top: 0;
    bottom: 0;
    margin: auto;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic {
    position: absolute;
    width:42%;
    height: 5.5em;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

body.majorProject .details-combine .contents .relatedSales .block-iso:hover .agentblog-info .agentblog-info-basic .ab-agent-name {
    color:#00a6a7;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic .ab-agent-code {
    color:#999999;
    padding:0.2em 0;
}
    
body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method {
    width: 23em;
    
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}



body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic {
    width:100%;
    margin:0 auto;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .appointmentInit {
    display: inline-block; 
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .appointmentInit img {
    width:28px; 
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .email {
    display: inline-block; 
}


body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .email img{
    width:28px;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .whatsAppAccess {
    
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess{
    display: inline-block;
    width: 13.5em;
    padding-left:0%;
    vertical-align:top;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess img{
    width:28px;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess .phoneRight {

}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess .phoneRight span {
    font-weight:bold;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons .second {
    width: 100%;
    background: #00a6a7;
    text-align: center;
    margin-top: 8px;
    display: block;
    padding: 0.5em 0;
    text-decoration:none;
    cursor:pointer;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons .second:hover {
    background: #008686;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons .second img {
    width: 1.3em;
    margin-bottom: -0.2em;
    margin-right: 0.2em;
}

body.majorProject .details-combine .contents .relatedSales .block-iso .agent-wrapper {
    position:relative;
}


















body.majorProject main .index-sub-title-wrap {
    /*display:none;*/
}

body.majorProject main .map-iso .map-title {
    display:none;
}

body.majorProject .map-iso .map-slider .branch.embedmap {
    /*display:none;*/
}

body.majorProject main .map-iso .map-nav {
    position:relative;
    width:100%;
}

body.majorProject main .map-iso .map-nav .row .icon.active span {
    display:none;
}

body.majorProject .trade-combine .nearbyRecommend-iso {
    width:94%;
    padding: 22px 3%;
}

body.majorProject main .iso .pArrow {
    top: 0;
    bottom: 0;
    left: -3%;
    margin: auto;
    z-index: 60;
}

body.majorProject main .iso .nArrow {
    top: 0;
    bottom: 0;
    right: -3%;
    margin: auto;
    z-index: 60;
}

body.majorProject .trade-combine .nearbyRecommend-iso .nearbySlide {
    margin-bottom:0;
}

body.majorProject .trade-combine .nearbyRecommend-iso .nearbySlide .op-wrapper {
    margin:0 0.2%;
}

body.majorProject .trade-combine .nearbyRecommend-iso .title a.more {
    display: inline-block;
    right: 0;
    left: 14em;
    height: 1em;
    bottom: 0;
    /*margin: auto;*/
    width:5em;
    top:initial;
}


@media screen and (max-width: 1300px) {

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info {
        width:80%;
    }

}

@media screen and (max-width: 1230px) {

    body.majorProject .trade-combine .nearbyRecommend-iso {
        text-align:initial;
    }

    

}

@media screen and (max-width: 1150px) {

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info {
        width:78%;
    }

}

@media screen and (max-width: 1050px) {

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info {
        left:10em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic {
        width:41%;
    }

}

@media screen and (max-width: 991px) {

    body.majorProject .trade-combine .nearbyRecommend-iso {
        text-align:center;
    }

    body.majorProject .trade-combine .nearbyRecommend-iso .title {
        display:inline-block;
    }

    body.majorProject .trade-combine .nearbyRecommend-iso .title a.more {
        left:16em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info{
        width: 78%;
        position: relative;
        left: 0%;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic {
        width: 100%;
        position: relative;
        height: initial;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic .ab-agent-code {
        color:#999999;
        padding:0.2em 0;
        display:inline-block;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic .ab-agent-hold {
        padding:0.2em 0;
        display:inline-block;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method {
        width: 100%;
        position: relative;
        height: initial;
        margin-top:0.3em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons {
        margin-top:0.2em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons .second {
        margin-top:0em;
    }





}

body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic .ab-agent-name br {
    display:none;
}


@media screen and (max-width: 767px) {

    body.majorProject .details-combine .contents .content-detail .content {
        max-width:12.5em;
    }

    body.majorProject .details-combine .building { 
        float:none; 
    }
     

    body.majorProject .details-combine .contents {
        width: 90%;
        margin: 5% auto;
        float: none;
    }

    body.majorProject .details-combine .contents .content-detail {
        width: 100%;
        padding: 1.5em 0% 0 0;
    }

    body.majorProject .details-combine .contents .content-structure {
        padding: 1em 0 1.5em 0;
    }

    body.majorProject .details-combine .contents .content-structure .content {
        width: 63%;
    }
    
    body.majorProject .trade-combine .nearbyRecommend-iso .title a.more {
        right:-7em;
        width:2em;
        left:initial;
    }

    body.majorProject .trade-combine .nearbyRecommend-iso .title a.more span {
        display:none;
    }

    body.majorProject main .map-iso .map-nav .mobileMap-nav {
        display:none;
    }

    body.majorProject .details-combine .contents .box {
        width: 92%;
        padding: 1.3em 4%;
        background: #eeeeee;
        margin: 2em 0 0em 0;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso {
        margin: 0px 3%;
        padding: 5% 0;
        width: 94%;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agent-pic-wrapper {
        width: 5.5em;
        position: absolute;
        left: 0;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info {
        width: 100%;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic {
        width: 65%;
        margin-left: 35%;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic {
        width: 65%;
        margin-left: 35%;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .whatsAppAccess img {
        width:3em;
        height:3em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .weChatAccess img {
        width:3em;
        height:3em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess {
        width:initial;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .email img {
        width:3em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .basic .phoneAccess img {
        width:3em;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .agentblog-info-basic .ab-agent-name br {
        display:block;
    }

    body.majorProject .details-combine .contents .relatedSales .block-iso .agentblog-info .contact-method .extra-buttons {
        margin-top: 0.8em;
    }

}



body.majorProject main#panel .agent-details {
    display:none;
}

#majorProjectDetail .row .appointmentInit {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

#majorProjectDetail .row .appointmentInit img {
    width:2.15em;
    height:2.15em;
}

#majorProjectDetail .row .whatsAppAccess {
    vertical-align: middle;
    
}

#majorProjectDetail .row .weChatAccess {
    vertical-align: middle;
}

#majorProjectDetail .row .contactWrap {
    width: 32%;
    height: 2.3em;
    position: initial;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

#majorProjectDetail .row .phoneAccess {
    display: inline-block;
    vertical-align: top;
}

#majorProjectDetail .row .phoneAccess img {
    width:2.15em;
    height:2.15em;
}

#majorProjectDetail .row .phoneAccess .phoneRight {
    padding-left:0;
}

#majorProjectDetail .row .phoneAccess .phoneRight span {
    margin-right: 0em;
}

#majorProjectDetail .row a {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

#majorProjectDetail .row .email > img {
    width: 24px;
}

#majorProjectDetail .map-iso {
    padding-top:0;
}

body.majorProject #majorProjectDetail .map-iso .index-sub-title-wrap {
    display:none;
}

#majorProjectDetail .map-slider {
    height: auto;
}

#majorProjectDetail .row {
    min-height: auto;
    display: block;
    padding: 1% 2%;
    width: 96%;
    position:relative;
}

#majorProjectDetail .row .content {
    padding: 0%;
    width: 80%;
    display: inline-block;
    padding-left: 2%;
}

#majorProjectDetail .row .content span.title {
    padding-bottom:0;
}

#majorProjectDetail .row .content span.font-std-11 {
    display:none;
}

#majorProjectDetail .row .agentWrapper {
    position:relative;
    text-align:right;

}

#majorProjectDetail .row .picNContent {
    width: 67%;
    display: inline-block;
    vertical-align: middle;
    text-align:left;
}

#majorProjectDetail .row .agent-pic-wrapper {
    width:5em;
    display: inline-block;
    vertical-align: middle;
}

#majorProjectDetail .row .agent-pic-wrapper img {
    width:100%;
    border-radius:50%;
    background: #ffffff;
    box-shadow: 0px 0px 10px #aaaaaa;
}

#majorProjectDetail .map-nav .branch-wrapper {
    width: 100%;
    margin-left: -2%;
    margin-bottom: 0%;
    margin-top: 1%;
}

@media screen and (max-width: 991px) {

    #majorProjectDetail .row .content {
        width: 72%;
    }

    #majorProjectDetail .row .picNContent {
        width: 57%;
    }

    #majorProjectDetail .row .contactWrap {
        width: 42%;
    }

}


@media screen and (max-width: 767px) {

    #majorProjectDetail .map-nav .branch-wrapper .phoneDetail {
        width: 102%;
    }

    #majorProjectDetail .map-nav .branch-wrapper .branchDetail {
        width:102%;
    }

    #majorProjectDetail .row .picNContent {
        width: 67%;
    }

    #majorProjectDetail .row .contactWrap {
        width: 32%;
        text-align: right;
        float:none;
        height:54%;
        right:2%;
    }

    #majorProjectDetail .row div.appointmentInit {
        display: inline-block;
        width: 2.37em;
    }

    #majorProjectDetail .row .phoneAccess {
        margin-top: initial;
        margin: auto;
        right: 0.5em;
        top: 0;
        bottom: 0;
        padding: 0;
        position: initial;
        display: inline-block;
        width: 2.37em;
        height:auto;
    }

    #majorProjectDetail .row div.appointmentInit > img {
        width: 100%;
        height: initial;
    }

    #majorProjectDetail .row .whatsAppAccess {
        width: 2.37em;
    }

    #majorProjectDetail .row .whatsAppAccess img {
        width:100%;
        height:initial;
    }

    #majorProjectDetail .row .weChatAccess {
        width: 2.37em;
    }

    #majorProjectDetail .row .weChatAccess img {
        width:100%;
        height:initial;
    }

    #majorProjectDetail .row .agent-pic-wrapper {
        width:28%;
    }

    #majorProjectDetail .row .content {
        padding: 0%;
        width: 70%;
    }

    #majorProjectDetail .row .phoneAccess img {
        width:100%;
        height:100%;
    }

    #majorProjectDetail .row a {
        display: block;
    }

    #majorProjectDetail .row .email > img {
        width: 100%;
    }
}

div.tempSlide {
    width:100%;
}

div.tempSlide a.ts-iso {
    width:23%;
    margin-right:1%;
    display:inline-block;
}

div.tempSlide a.ts-iso img {
    width:100%;
}






















