#fix_height
{
    padding-top:20px;
}

#wrapper {
    min-height: 315px;
}

.form-login .form-control.small, .form-login .select-box.small {
    height: 40px;
}

.form-control, .select-box {
    font-size: 14px;
}

.gr-content .error {
    padding: 0px;
}

.field-validation-error {
    color: red;
    font-size: 14px;
    position: relative;
}

.gr-content .error .field-validation-error {
    padding: 0 20px;
}

.loading {
    position: fixed;
    left: 47.8%;
    top: 50%;
    z-index: 100;
    width: 50px;
}

.required {
    color: #f00;
    padding-left: 2px;
    font-weight: bold;
}

#lblMessage {
    padding-bottom: 10px;
}

/* Autocomplete */

.autocomplete-list-all ul li a {
    width: 198px;
}

.autocomplete-container {
    position: absolute;
    display: none;
    border-radius: 3px;
    z-index: 3;
}

    .autocomplete-container .autocomplete-container-default {
        background: #fff;
        float: left;
        border-radius: 3px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    }

        .autocomplete-container .autocomplete-container-default .autocomplete-list-all {
            height: 300px;
            float: left;
            overflow-y: hidden;
            outline: none;
            background-color: #fff;
            border-radius: 3px;
        }

.autocomplete-container-brand-homepage .autocomplete-container-default .autocomplete-list-all {
    height: 382px !important;
    max-height: 382px !important;
}

.autocomplete-container .autocomplete-container-default .autocomplete-list-all ul li a {
    border-bottom: 1px solid #f2f2f2;
    color: #373737;
    display: block;
    line-height: 18px;
    padding: 8px 15px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .autocomplete-container .autocomplete-container-default .autocomplete-list-all ul li a:hover {
        background-color: #2070D2;
        color: #fff;
    }

.autocomplete-container-listpage .autocomplete-list-all ul li a {
    width: 197px !important;
}

.autocomplete-container .autocomplete-container-default .autocomplete-list-all {
    height: auto;
    max-height: 300px;
}
/*End Autocomplete*/
#cbRememberPage {
    cursor: pointer;
}

.lbl {
    float: left;
    width: 110px;
    margin-top: 11px;
    color: #666 !important;
}

.tit {
    width: 115px;
    margin-top: 11px;
    color: #666 !important;
}

.cont {
    float: left;
    position: relative;
}

.select2-chosen {
    color: #010101 !important;
}

.ddl-select {
    color: #010101 !important;
}

.span-unit {
    display: inline-block;
    margin-top: 11px;
}

.form-postnews .tit {
    float: left;
}

.field-validation-error span {
    position: absolute;
    left: 100%;
    white-space: nowrap;
    padding-left: 10px;
    top: 6px;
}

.main-post {
    width: 778px;
    margin: auto;
}

.group-form-postnews {
    border: solid 1px #999;
    border-top: 0px;
    padding: 20px;
    width: 778px;
}

.lbl-post {
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    background-color: #2070D2;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: Calibri;
}

.error-price {
    padding-left: 115px;
    padding-top: 5px;
    color: red;
}

#totalPrice {
    color: red;
    display: block;
    margin-top: 12px;
}

#ui_select_phaplylist .ng-binding.ng-scope,
#ui_select_huongnhalist .ng-binding.ng-scope,
#ui_select_huongbclist .ng-binding.ng-scope {
    color: #010101;
}

.selectize-dropdown .active,
.select2-results .select2-highlighted {
    background: #2070D2 !important;
    color: #fff !important;
}

    .selectize-dropdown .active .ng-binding.ng-scope {
        color: #fff !important;
    }

.selectize-input {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.fileinput-button {
    margin-right: 20px;
}

.ui-datepicker .ui-datepicker-title {
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 13px;
}

.main-post .field-validation-valid {
    display: none;
    color: #f00;
    margin-top: 2px;
}

.main-post .field-validation-error span {
    display: none !important;
}

input.required, textarea.required, .cont .required {
    color: #010101 !important;
    font-weight: normal !important;
}

.frm-product input.req,
.frm-product textarea.req {
    color: #010101 !important;
    font-weight: normal !important;
}

#upload_error .error-item {
    float: right;
    width: 524px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    color: red;
    border-bottom: dotted 1px #dcdcdc;
}

    #upload_error .error-item .span-1 {
        float: left;
        width: 150px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #upload_error .error-item .span-2 {
        float: left;
        width: 338px;
        margin-left: 10px;
    }

    #upload_error .error-item .span-3 {
        float: right;
        cursor: pointer;
    }

.bds_upload {
    margin-left: -20px;
}

.message-successful {
    color: #2070D2;
    font-size: 14px;
}

.error-common {
    color: red;
    min-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mn-post {
    display: block;
}

.pn-isdate {
    position: absolute;
    left: 0px;
    top: 33px;
}

.pn-status #ddlStatus {
    display: none;
    position: absolute;
    border: solid 1px #5897fb;
    background-color: #fff;
    width: 110px;
    left: -1px;
    top: 28px;
    border-top: 0px;
    z-index:10;
}

.pn-status #ddlStatus li {
    padding: 4px;
    padding-top: 5px;
    padding-left: 10px;
    border-top: solid 1px #ccc;
    cursor: pointer;
}

.pn-status #ddlStatus li:first-child {
    border-top: solid 1px #5897fb;
}

.pn-status #ddlStatus li.active {
    font-weight: bold;
    font-size: 12px !important;
    cursor: default;
}

.pn-status:hover #ddlStatus {
    display: block;
}

.pn-status.form-control:hover {
	 border-radius: 4px 4px 0px 0px; 
}

.pn-status #ddlStatusVip {
    display: none;
    position: absolute;
    border: solid 1px #5897fb;
    background-color: #fff;
    width: 172px;
    left: -1px;
    top: 28px;
    border-top: 0px;
    z-index:10;
}

.pn-status #ddlStatusVip li {
    padding: 4px;
    padding-top: 5px;
    padding-left: 10px;
    border-top: solid 1px #ccc;
    cursor: pointer;
}

.pn-status #ddlStatusVip li:first-child {
    border-top: solid 1px #5897fb;
}

.pn-status #ddlStatusVip li.active {
    font-weight: bold;
    font-size: 12px !important;
    cursor: default;
}

.pn-status:hover #ddlStatusVip {
    display: block;
}

.pn-status .icon-sort-down {
    margin-top: -15px;
    margin-right: -5px;
}

.mn-row {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: dotted 1px #bebebe;
}

    .mn-row .a-img {
        float: left;
        margin-right: 15px;
        width: 90px;
        height: 90px;
        position: relative;
    }

        .mn-row .a-img .sp-expired {
            background: rgba(0, 0, 0, 0.7);
            position: absolute;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            color: #fff;
            text-align: center;
            line-height: 90px;
            pointer-events: none;
        }

    .mn-row .title {
        font-weight: bold;
        font-size: 13px;
    }

    .mn-row .date {
        color: #888;
        margin-top: 3px;
        display: inline-block;
        font-size: 13px;
    }

    .mn-row .btn-act {
        display: inline-block;
        min-width: 78px;
        border: solid 1px #ccc;
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        margin-left: 10px;
        border-radius: 5px;
        color: #c22e29;
        font-size: 13px;
        cursor: pointer;
    }

    .mn-row .btn-buyvip {
        background-color: #fbe3e3;
        position: relative;
    }

        .mn-row .btn-buyvip ul {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 100%;
            background-color: #fbe3e3;
            border: solid 1px #ccc;
            border-top: 0px;
            z-index: 1;
            margin-top: -2px;
            margin-left: -1px;
            margin-right: -1px;
            display: none;
        }

        .mn-row .btn-buyvip:hover ul {
            display: block;
        }

        .mn-row .btn-buyvip ul li {
            border-top: solid 1px #ccc;
            padding-top: 3px;
            padding-bottom: 3px;
            cursor: pointer;
            color: #333;
            position: relative;
        }

            .mn-row .btn-buyvip ul li.actived:before,
            .mn-row .btn-buyvip ul li:hover:before {
                font-family: "fontello";
                position: absolute;
                content: '\e81c';
                left: 3px;
                top: 3px;
                color: #39B54A;
                width: 10px;
                height: 10px;
                font-size: 12px;
            }

.buyvip-numberday {
    position: absolute;
    background-color: #39b54a;
    border: solid 1px #39b54a;
    color: #fff;
    border-radius: 5px;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    left: 449px;
    top: 0px;
}

    .buyvip-numberday i {
        position: absolute;
        right: -15px;
        top: -15px;
        color: red;
        font-size: 16px;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }

.buyvip-totalmoney {
    font-size: 13px;
    text-align: left;
    margin-left: 150px;
    padding-left: 27px;
    position: relative;
    color: #c22e29;
}

    .buyvip-totalmoney .icon-money-1 {
        position: absolute;
        left: 2px;
        font-size: 21px;
        top: -8px;
    }

    .buyvip-totalmoney span {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
    }

.chosen-container .chosen-single {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 14px;
    border: 1px solid #aaa;
    white-space: nowrap;
    color: #010101;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.chosen-container a:hover {
    text-decoration: none;
}

.chosen-container .chosen-drop {
    line-height: 18px;
    box-shadow: none;
    border: solid 1px #5897fb;
    border-top: none;
    left: 0px;
    border-radius: 0px;
    margin-top: -3px;
}

.chosen-container .chosen-results {
    color: #010101 !important;
}

.chosen-container.chosen-with-drop .chosen-single {
    border: solid 1px #5897fb;
    background-image: none;
}

.chosen-container .chosen-single div {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

    .chosen-container .chosen-single div b {
        background-position-x: 3px;
    }

.chosen-container.chosen-with-drop .chosen-single div b {
    background-position-x: 4px;
}

.ddl-select.required {
    padding-left: initial !important;
}

#frm_BoxSearch td {
    vertical-align: top;
    padding: 2px;
    text-align: center;
}

#frm_BoxSearch span.select-text {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding: 0 0 0 14px;
    border: 1px solid #aaa;
    white-space: nowrap;
    cursor: pointer;
    color: #010101;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

    #frm_BoxSearch span.select-text:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #aaa;
        border-radius: 0 4px 4px 0;
        background-clip: padding-box;
        background: #ccc;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
        background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
        background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
        background-image: linear-gradient(top, #ccc 0%, #eee 60%);
    }

    .post-otherinfo span.select-text:after,
    #frm_BoxSearch span.select-text:after {
        content: '';
        display: inline-block;
        width: 18px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: url('/Content/js/chosen_v1.8.2/chosen-sprite.png') no-repeat 3px 10px;
    }

#frm_BoxSearch .searchrow {
    color: #000;
    height: 35px !important;
    line-height: 29px;
    position: relative;
    text-align: center;
    width: 100%;
}

.advance-select-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000000;
    background: #fff;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    right: 0px;
    border: solid 1px #5897fb;
    border-top: 0px;
}

.advance-select-options {
    z-index: 10000;
}

.header-options {
    background: #F0EEE5;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    width: 100%;
}

#frm_BoxSearch .min-value {
    width: 70px;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}

    #frm_BoxSearch .min-value:focus,
    #frm_BoxSearch .max-value:focus {
        border-color: #77baf2;
    }

#frm_BoxSearch .max-value {
    width: 70px;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}

#frm_BoxSearch .unit-value {
    height: 27px;
    margin: 2px 0 2px 5px;
    border: 1px solid #ccc;
}

#frm_BoxSearch .header-options div {
    white-space: nowrap;
    font-weight: bold;
    color: #2070D2;
}

#frm_BoxSearch ul li {
    padding: 3px 10px;
    cursor: pointer;
}

#frm_BoxSearch ul.advance-options li.current,
#frm_BoxSearch ul.advance-options li:hover {
    background-color: #77baf2;
}

#frm_BoxSearch .searchrow.open span.select-text {
    border: solid 1px #5897fb;
    background-image: none;
}

    #frm_BoxSearch .searchrow.open span.select-text:before {
        display: none;
    }

#frm_BoxSearch ul.advance-options {
    max-height: 180px;
    overflow: auto;
}

.select2-search input {
    width: 100% !important;
}

#osgslide .show-img a {
    cursor: default;
}

    #osgslide .show-img a img {
        cursor: pointer;
    }

.menufilter div {
    display: inline-block;
    padding: 3px;
    background-color: #ebebeb;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
    color: #888;
}

    .menufilter div a {
        text-decoration: none;
    }

.btn-boxsearch .icon-search {
    background-color: #fff;
    color: #39b54a;
    border-radius: 5px 20px 20px 5px;
    height: 38px !important;
    line-height: 38px !important;
    margin-top: 1px;
    margin-left: -21px;
    margin-right: 5px;
    width: 30px;
    display: inline-block;
}

    .btn-boxsearch .icon-search:before {
        font-size: 18px;
    }

.brc-partner {
    display: block;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin-top: 2px;
    font-style:italic;
}

.tabinfo {
    float: left;
    width: 100%;
    border-bottom: solid 1px #2070D2;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .tabinfo a {
        float: left;
        margin-right: 20px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .tabinfo .tab-act {
        background-color: #2070D2;
        color: #fff;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 5px 5px 0px 0px;
        text-decoration: none;
    }

.prj-desc * {
    max-width: 100% !important;
}

.prj-desc em {
    display: block;
    text-align: center;
}

.prj-desc {
    clear: both;
    margin-top: 10px;
}

    .prj-desc h2,
    .prj-desc h3,
    .prj-desc h4 {
        font-size: 13px;
    }

.pj-gioithieu {
    font-family: Tahoma;
    color: #2070D2;
    font-size: 17px !important;
    text-transform: uppercase !important;
    margin-top: 0px;
    font-weight: normal !important;
    padding-left: 22px;
    position: relative;
    width: 100%;
    clear:both;
}

    .pj-gioithieu:before {
        content: '\e808';
        position: absolute;
        width: 10px;
        height: 10px;
        left: 0px;
        font-family: "fontello";
        font-size: 16px !important;
        color: #39b54a;
        top: 1px;
    }

.slide-tdduan {
    width: 100%;
    height: 470px;
    margin: auto;
    display: block;
    margin-top: 20px;
    padding-bottom: 35px;
}

#slide-tongquan {
    width: 670px;
    height: 450px;
    margin: auto;
    display: block;
    margin-top: 20px;
}

    .slide-tdduan .item-slide,
    #slide-tongquan .item-slide {
        position: relative;
        width: 100%;
        height: 100%;
    }

.slide-tdduan .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}


#slide-tongquan .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

.slide-tdduan .pagi-pjtongquan,
#slide-tongquan .pagi-pjtongquan {
    position: absolute;
    left: 0px;
    top: 30%;
    left: 50%;
    height: 22px;
    background-color: transparent;
    text-align: center;
    z-index: 1;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.slide-tdduan .swiper-pagination-bullet,
#slide-tongquan .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background-color: #bebebe;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
    opacity: 1;
}

.slide-tdduan .swiper-pagination-bullet-active,
#slide-tongquan .swiper-pagination-bullet-active {
    background-color: #2070D2;
}

#slide-tongquan .swiper-button-next,
#slide-tongquan .swiper-button-prev,
.slide-tdduan .swiper-button-next,
.slide-tdduan .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 62px;
    margin-top: -46px;
    z-index: 10;
    cursor: pointer;
    background: none !important;
    opacity: 1.0 !important;
}

#slide-tongquan .swiper-button-prev,
.slide-tdduan .swiper-button-prev {
    left: 10px;
    right: auto;
}

#slide-tongquan .swiper-button-next,
.slide-tdduan .swiper-button-next {
    right: 10px;
    left: auto;
}

.aniimated-thumbnials,
#aniimated-thumbnials {
    display: none;
}

.img-tongquan {
    cursor: pointer;
}

.img-tongquan1 {
    cursor: pointer;
    width: 600px;
    margin: auto;
    margin-top: 20px;
    display: block;
}

.adv-300x250-dtpj {
    width: 300px;
    height: 250px;
    float: left;
    border: solid 1px #ebebeb;
    box-sizing: border-box;
}

.pj-detail .ul-info {
    float: left;
    min-width: 340px;
    margin-left: 20px;
    width: calc(100% - 340px);
}

    .pj-detail .ul-info li {
        float: left;
        width: 100%;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: dotted 1px #bebebe;
    }

    .pj-detail .ul-info .s-head {
        float: left;
        width: 30%;
        font-weight: bold;
    }

    .pj-detail .ul-info .s-content {
        float: left;
        width: 70%;
        padding-left: 15px;
    }

.ul-matbang {
    display: block;
}

    .ul-matbang li {
        display: inline-block;
        margin-right: 5px;
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;
        background-color: #ebebeb;
        border-radius: 10px;
        white-space: nowrap;
        margin-bottom: 5px;
        min-width: 90px;
        text-align: center;
    }

        .ul-matbang li.active {
            background-color: #A0C6F3;
            cursor: default;
            color: #2070D2;
        }

        .ul-matbang li:hover {
            background-color: #A0C6F3;
            color: #2070D2;
        }

.item-mn {
    width: 25%;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}

    .item-mn span {
        display: block;
    }

    .item-mn .mn2 span:first-child {
        font-weight: bold;
        max-height: 42px;
        overflow: hidden;
    }

    .item-mn .subitem-mn {
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        border: solid 1px #C7C7C7;
        height: 290px;
        overflow: hidden;
        position: relative;
    }

        .item-mn .subitem-mn .mn1 {
            position: relative;
            width: 100%;
            height: 205px;
            text-align: center;
            overflow: hidden;
        }

            .item-mn .subitem-mn .mn1 img {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 0px;
                transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

        .item-mn .subitem-mn .mn2 {
            position: absolute;
            left: 5px;
            right: 5px;
            bottom: 5px;
        }

.item-album {
    width: calc(30% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    height: 270px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

.album-title {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 229px;
    font-weight: bold;
    max-height: 41px;
    overflow: hidden;
}

.item-album .album {
    border: 6px solid #fff;
    float: left;
    height: 205px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-sizing: border-box;
}

    .item-album .album:before {
        content: "";
        height: 205px;
        width: 100%;
        background: #eff4de;
        border: 6px solid #fff;
        position: absolute;
        z-index: -1;
        top: 0px;
        left: -10px;
        -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
        box-sizing: border-box;
    }

    .item-album .album img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

.img-counter {
    position: absolute;
    right: 0px;
    bottom: 64px;
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2070D2;
    color: #fff;
    border-radius: 3px;
}

.img-caption {
    position: absolute;
    width: 100%;
    bottom: -35px;
    text-align: center;
    font-style: italic;
}


.pn-logo {
    width: 150px;
    margin-right: 10px;
    display: inline-block;
}

.ul-pn-info {
    width:calc(100% - 170px);
    text-align: left;
    display: inline-block;
}

    .ul-pn-info li {
        padding-bottom: 5px;
    }

        .ul-pn-info li:first-child {
            font-family: Tahoma;
            color: #2070D2;
            font-size: 18px;
            text-transform: uppercase;
            padding-bottom:10px;
        }

        .ul-pn-info li span {
            display: inline-block;
            font-weight: bold;
            padding-right: 5px;
        }

        .ul-pn-info li a {
            text-decoration: none !important;
        }

.view-album-videos {
    width: 100%;
    height: 450px;
    float: left;
    margin-bottom: 20px;
}

.album-videos {
    width: 616px;
    height: 108px;
    display: block;
    margin-bottom: 30px;
}

    .album-videos .swiper-slide {
        width: 192px !important;
    }

        .album-videos .swiper-slide div {
            width: 192px;
            height: 108px;
            border: 1px solid #ddd;
            box-sizing: border-box;
            position: relative;
            cursor:pointer;
        }

            .album-videos .swiper-slide div.active {
                border: solid 1px #2070D2;
                cursor:default;
            }

            .album-videos .swiper-slide div img {
                position: absolute;
                width: 100%;
                top: 50%;
                left: 0px;
                transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                z-index: 1;
            }

    .album-videos .swiper-button-next,
    .album-videos .swiper-button-prev {
        width: 20px;
        height: 108px;
        position: absolute;
        background: none !important;
        background-color: #fff !important;
        opacity: 0.7 !important;
        margin-top: 0px !important;
    }

    .album-videos .swiper-button-prev {
        top: 0px;
        left: 0px;
    }

    .album-videos .swiper-button-next {
        top: 0px;
        right: 0px;
    }

        .album-videos .swiper-button-next:before {
            width: 20px;
            height: 20px;
            position: absolute;
            content: '\ef89';
            font-family: "fontello";
            color: #333;
            top: 50%;
            margin-top: -10px;
            text-align: center;
            font-size: 18px;
        }

    .album-videos .swiper-button-prev:before {
        width: 20px;
        height: 20px;
        position: absolute;
        content: '\ef88';
        font-family: "fontello";
        color: #333;
        top: 50%;
        margin-top: -10px;
        text-align: center;
        font-size: 18px;
    }

    .album-videos .swiper-button-disabled {
        display: none;
    }

.album-videos .swiper-slide div label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding:5px;
    z-index: 2;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    max-height:90px;
    background:url('/Content/img/bg-trans.png');
    background-repeat:repeat;
}
.o-img
{
    width:100%;
    height:170px;
    position:relative;
    overflow:hidden;
    float:left;
}
.o-img img
{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.o-item
{
    border:solid 1px #e7e7e7;
    box-sizing:border-box;
    margin-left:15px;
    width: calc(33.33% - 10px);
    height:318px;
}
.o-viewmore
{
    display:inline-block;
    position:relative;
    color:#2070D2;
    font-weight:bold;
    font-style:italic;
    padding-right:10px;
}
.o-viewmore:before{
    font-family: "fontello";
    position:absolute;
    content:'\f101';
    right:0px;
}
.pro-pj
{
    display:block;
    font-weight:normal;
    font-size:13px;
    position:relative;
    padding-left:18px;
    color:#666;
}
.pro-pj a{
    color :#2070D2;
}
.pro-pj:before{
    font-family: "fontello";
    content: '\e809';
    position:absolute;
    left:0px;
}
.pro-expired
{
    position:absolute;
    top:50px;
    right:10%;
    padding:10px 15px;
    background:url('/Content/img/bg-trans.png');
    background-repeat:repeat;
    color:#fff;
    font-size:16px;
    border:dashed 5px #CA3635;
    border-radius:3px;
    transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
}
.project-product
{
    width:100% !important;
    margin-top:0px !important;
}
.project-product ul.mg-left-10
{
    margin-left:0px !important;
}
.project-product .header1
{
    text-align:left !important;
    padding-left:8px;
    position:relative;
}
.project-product .w-per30
{
    width:20% !important;
}
.project-product .w-per70
{
    width:80% !important;
}
.project-product .viewmore
{
    position:absolute;
    right:2px;
    top:2px;
    font-weight:bold;
    font-size:13px;
    background-color:#39b54a;
    color:#fff !important;
    text-decoration:none;
    padding:3px;
    padding-left:7px;
    padding-right:20px;
    border-radius:5px;
}
.project-product .viewmore:after
{
    position:absolute;
    font-family: "fontello";
    content: '\f101';
    right: 3px;
    top: 3px;
    color: #fff;
    width: 10px;
    height: 10px;
    font-size: 14px;
}
.user-more
{
    border:solid 1px #e7e7e7;
    border-radius:10px;
    padding:10px 5px;
    margin-top:20px;
}
.user-more a{
    background-color:#bcd7ec;
    display:block;
    padding:3px;
    padding-left:0px;
    border-radius:10px;
    text-decoration:none;
    line-height:26px;
    color:#2070D2;
}
.user-more .icon-user-circle
{
    color:#39b54a;
    font-size:26px;
    display:inline-block;
}
.user-more .icon-angle-double-right:before
{
    margin-left:-3px;
}
.cp-mmenu
{
    height:40px;
    display:block;
}
.mmenu
{
    background-color:#2070D2;
    display:block;
}
.mmenu .ul-menu
{
    background-color:#2070D2;
    display:block;
    max-width: 1160px;
    min-width: 1000px;
    padding: 0 0px;
    margin: 0 auto;
    list-style:none;
}
.mmenu .ul-menu li.item
{
    display:inline-block;
    list-style:none;
    position:relative;
}
.mmenu .ul-menu li.item a.cate
{
    display:block;
    padding:17px;
    padding-top:10px;
    padding-bottom:10px;
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}
.mmenu .ul-menu li.mn-active,
.mmenu .ul-menu li.item:hover
{
    background-color:#2070D2;
}
.mmenu .ul-menu li.item:first-child
{
    background-color:#2070D2 !important;
    border-left:0px !important;
}
.mmenu .ul-menu li.item:hover a.cate
{
    /*color:#010101;*/
}
.mmenu .ul-menu li.item .icon-home:before
{
    font-size:16px;
    color:#fff !important;
}
.mmenu .ul-menu li.item
{
    border-left:solid 1px #056CC0;
    border-right:solid 1px #033661;
}
.ul-submenu
{
    display:none;
    background-color:#2070D2;
    position:absolute;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:25px;
    z-index:100;
}
.mmenu .ul-menu li.item:hover .ul-submenu
{
    display:block;
}
.ul-submenu .li-submenu
{
    display:table-cell;
}
.ul-submenu .li-submenu li
{
    display: block;
    padding-left: 18px;
    padding-right: 20px;
    position: relative;
}
.ul-submenu .li-submenu li:before
{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #fff;
    left: 7px;
    top: 13px;
}
.ul-submenu .li-submenu li.mn-active:before
{
    background-color: #39b54a;
}
.ul-submenu .li-submenu li.mn-active > a
{
    color: #39b54a;
    font-weight:bold;
    text-decoration:none !important;
}
.ul-submenu a
{
    color:#fff;
    white-space:nowrap;
    padding-top:5px;
    display:block;
    font-size:13px;
}
.mmenu-fixed 
{
    position:fixed;
    left:0px;
    right:0px;
    top: 0px;
    z-index:1000;
}
.mmenu-fixed {
    /*-webkit-transition: top 0.8s;
    -moz-transition: top 0.8s;
    -o-transition: top 0.8s;
    transition: top 0.8s;
    top: 70px;
    margin-top: -70px;*/
}

.cp-action
{
    display:block;
    max-width: 1160px;
    min-width: 1000px;
    padding: 0 0px;
    margin: 0 auto;
    height:26px;
    margin-bottom:5px;
    margin-top:5px;
    position:relative;
}
.postproduct
{
   float: right;
    height: inherit;
    line-height: inherit;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 4px;
   height: 26px;
}
.postproduct-fixed
{
   position:fixed;
   top:7px;
   z-index:1001;
   margin-right:5px;
}
.postproduct i:before
{
   margin-right:0px;
}
.user-name .acount-control-nav
{
    position:absolute;
    right:4px;
    top:17px;
    padding-top:4px;
    display:none;
    width:128px;
   z-index:1202;
}
.user-name:hover .acount-control-nav
{
    display:block;
}
.user-name .acount-control-nav a
{
    font-weight:normal;
    font-size:13px !important;
}
.user-name-fixed
{
   position:fixed;
   top:7px;
   width:40px;
   height:26px;
   z-index:1030;
   width:160px;
   text-align:right;
}
.user-name-fixed i
{
   color:#fff !important;
   font-size:25px;
}
.user-name-fixed span
{
    display:none;
}
.user-name-fixed .acount-control-nav
{
    right:-45px;
    top:24px;
    padding-top:4px;
    text-align:left;
}
.swiper-topbanner
{
    float:right;
    width:728px;
    height:90px;
}
.more-duan
{
    float:right;
    color:#2070D2;
    position:relative;
    padding-right:10px;
    margin-top:5px;
    margin-right:3px;
    font-style:italic;
}
.more-duan:after{
    right:0px;
    font-family: "fontello";
    position: absolute;
    content: '\f101';
}
.more-duan:hover
{
    font-style:normal;
}

.footer
{
    background-color: #2070D2;
    display: block;
    color:#fff;
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
    border-top:solid 2px #39b54a;
}

.footer a
{
    font-weight:bold;
    color:#B4B4B4;
}

#scroll-up
{
    position:fixed;
    height:47px;
    width:43px;
    right:20px;
    bottom:8px;
    display:none;
    background:url(/Content/img/icon-control-scroll.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:pointer;
}
#advsearch
{
    color:#39b54a;
    font-weight:bold;
    cursor:pointer;
    padding-bottom:1px;
    border-bottom:solid 1px #39b54a; 
}
#cpsearchadvanced
{
    width:278px;
}
.header1{
    background-color:#bcd7ec;
    padding:5px;
    padding-left:8px;
    color:#2070D2;
    font-weight:bold;
}
.more-linkcount
{
    text-align:center;
    padding-top:5px;
}
.more-linkcount:before
{
    display:none;
}
.more-linkcount span
{
    position:relative;
    padding-right:12px;
    font-size:13px;
    color:#2070D2; 
    padding-top:5px;
    cursor:pointer;
}
.more-linkcount span:after
{
    position:absolute;
    content: '\f103';
    font-family: "fontello";
    right:0px;
    top:3px;
    font-size:13px;
}
.home-boxlink
{
    background-color:#f1f1f1;
    display: block;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.home-boxlink .colum
{
    display:inline-block;
    width:25%;
}
.home-boxlink .colum .c-title h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
}
.home-boxlink .colum .c-title h2 a{
    color:#2070D2
}
.home-boxlink .colum .c-link{
    display:block;
    padding-right:10px;
}
.home-boxlink .colum .c-link h3 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 8px;
}
#loginFacebook .col-gr-50per
{
    padding : 0px 5px;
}

.txt_role1
{
    padding-bottom:5px;
}

.txt_role2
{
    padding-left:10px;
     padding-top:5px;
}

.txt_role3
{
    text-align:left;
    width:22px;
    vertical-align:top;
    padding-top:3px;
    padding-left:22px;
}

.txt_role4
{
    vertical-align:top;
    padding-top:5px;
    padding-left:5px;
    text-align:justify;
    padding-top:3px;
    padding-bottom:3px;
}

.txt_role5
{
    text-align:justify;
    vertical-align:top;
    padding-top:5px;
    padding-left:10px;
}
.popup-termsofuse
{
    position: fixed;
    z-index: 2001;
    width: 742px;
    height:600px;
    top: 20px;
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    font-size: 14px;
    color: #333;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.popup-termsofuse .content
{
    display:block;
    height:100%;
    overflow:auto;
    padding-right:10px;
    position:relative;
}
.popup-termsofuse .icon-cancel-circled-outline
{
    position: absolute;
    z-index: 2013;
    right: -2px;
    top: -2px;
    color: red;
    width: 30px;
    height: 30px;
    font-size: 24px;
    cursor:pointer;
}

.ul-baogia-thanhtoan
{
    display:block;
    border:solid 1px #ccc;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
}
.ul-baogia-thanhtoan .row
{
    display:block;
    margin-left:20px;
    margin-right:20px;
    padding-top:15px;
    padding-bottom:15px;
    border-bottom:dotted 1px #ccc;
    position:relative;
    min-height:138px;
}
.ul-baogia-thanhtoan .row .img
{
    position:absolute;
    left:0px;
    top:15px;
    width:149px;
    height:109px;
    border:solid 1px #ccc;
}
.ul-baogia-thanhtoan .row .col-r
{
    display:block;
    padding-left:161px;
}
.ul-baogia-thanhtoan .row .col-r .lb-01
{
    display:block;
    font-size:15px;
    font-weight:bold;
}
.ul-baogia-thanhtoan .row .col-r .lb-01 font
{
    padding-left:3px;
    font-size:13px;
    font-weight:normal;
}
.ul-baogia-thanhtoan .row .col-r .lb-02
{
    font-size:13px;
    float:left;
    width:100%;
    margin-top:5px;
}
.ul-baogia-thanhtoan .row .col-r .lb-02 font
{
    color:#d64136;
}
.thanhtoan-note
{
    clear:both;
    display:block;
    margin-left:20px;
    font-size:13px;
    padding-bottom:5px;
    margin-top:10px;
    line-height:20px;
    color:#d64136;
    font-style:italic;
}
/*Bao gia*/
.bao-gia-L {
    float: left;
    width: 100%;
}
.head-hl-bg
{
  width:690px;
}

.ul-baogia
{
    float:left;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
    font-size:13px;
    margin-top:10px;
    width: 100%;
    box-sizing:border-box;
}
.ul-baogia-01
{
    float:left;
    margin-top:15px;
}
.ul-baogia-01 img
{
    width:688px;
    border:solid 1px #ccc;
}
.ul-baogia label
{
    float:left;
    padding:8px;
}
.ul-baogia .lb-h01,
.ul-baogia .lb-n01,
.ul-baogia .lb-p01
{
    width: 33.33%;
    box-sizing:border-box;
    border-left:solid 1px #ccc;
    font-size:13px;
    font-weight:bold;
}

.ul-baogia .lb-h02,
.ul-baogia .lb-n02,
.ul-baogia .lb-p02
{
    width: 33.33%;
    box-sizing:border-box;
    border-left:solid 1px #ccc;
}
.ul-baogia .lb-h03,
.ul-baogia .lb-n03,
.ul-baogia .lb-p03
{
    width: 33.33%;
    box-sizing:border-box;
    border-left:solid 1px #ccc;
}
.row-bg {
    float: left;
    width: 100%;
    border-top: solid 1px #ccc;
}
.ul-baogia .lb-p01 span
{
    padding-left:3px;
    color:#e62d27;
    font-weight:normal;
}
.ul-baogia .lb-n02,
.ul-baogia .lb-n03
{
    color:#666;
}
.ul-baogia .lb-h02
{
    color:#e62d27;
    font-weight:bold;
    font-size:16px;
}
.ul-baogia .lb-h03
{
    color:#003e95;
    font-size:13px;
}
.ul-baogia .lb-p03
{
    color:#666;
    font-style:italic;
}
.ul-baogia .lb-p02 .sp1
{
    text-decoration:line-through;
}
.ul-baogia .lb-p02 .sp2
{
    padding-left:10px;
    color:#e62d27;
}
.lb-h-bg
{
    display:block;
    padding-bottom:12px;
    font-size:16px;
    color:#010101;
}
.lb-h-bg font
{
    color:#e62d27;
}
.lb-h-bg-1
{
    display:block;
    text-align:right;
    padding-top:6px;
    font-size:13px;
    color:#e62d27;
    font-style:italic;
}
.note-h {
    font-weight:bold;
    display:block;
    color:#e62d27;
    padding-top:10px;
    font-size:13px;
}
.note-1 {
    display:block;
    color:#333;
    padding-top:3px;
}
.note-1 span{
    color:#e62d27;
}
.lb-lienhe
{
    font-family:Tahoma;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: 39px;
    text-transform: uppercase;
    color:#555;
}
.lb-hotline
{
    display:block;
    margin-top:10px;
}
.lb-hotline font
{
    color:#e62d27;
    font-size:13px;
    padding-right:10px;
}
.lb-email
{
    display:block;
}
.div-email
{
    display:block;
    margin-top:5px;
}
.div-email font
{
    color:#e62d27;
    font-size:13px;
    display:inline-block;
    width:50px;
    vertical-align:top;
}
.div-email div 
{
    display:inline-block;
    width:200px;
}
.div-email div a
{
    color:#333;
}
.div-skype
{
    display:block;
    margin-top:10px;
    margin-left:-5px;
}
.div-skype a
{
    display:inline-block;
    position:relative;
    text-decoration:none;
    color:#01A0DA;
}
.div-skype a:last-child
{
    margin-left:20px;
}
.div-skype a i
{
    font-size:20px;
}
.bg-hd
{
    padding:0px;
    display:table;
    width:100%;
    line-height:20px;
    border:0px;
}
.bg-hd .row
{
    border-bottom:0px;
    
    font-size:13px;
    min-height:inherit;
    display:table-row;
}
.bg-hd .sp-index
{
    float:inherit;
    color:#000;
    display:table-cell;
    width:68px;
    vertical-align:top;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:15px;
    min-height:60px;
}
.bg-hd .div-buoc
{
    float:inherit;
    display:table-cell;
    vertical-align:top;
    padding-top:15px;
    padding-bottom:15px;
}
.bg-hd .div-buoc a
{
    color:#2070D2;
    border-bottom:solid 1px #2070D2;
}
.bg-hd .div-buoc a:hover
{
    text-decoration:none;
}
.bg-hd .div-buoc .sp-1
{
    color:#e62d27;
}
.bg-hd .div-buoc .img-vip
{
    margin-bottom:15px;
    margin-top:20px;
    border:solid 1px #ebebeb;
}
.adv-300-250
{
    border:solid 1px #999;
    box-sizing:border-box;
    width:300px;
    overflow:hidden;
}
.buyvip-totalmoney .icon-money-1:before
{
    margin-top:6px;
}
.pn-status .text-status
{
    display: inline-block;
    width: 81px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.adaction
{
    display:block;
    margin-top:10px;
}
.adaction .btn-act:first-child
{
    margin-left:0px;
}
.li-actvip {
    font-size: 13px;
    text-align: left;
    margin-top:10px;
    position:relative;
}
.li-actvip div{
    float:left;
    padding:2px;
    border-radius:2px;
    padding-top:3px;
    padding-left:26px;
    padding-right:5px;
    background-color:#fbe3e3;
}
.mn-info
{
    display:inline-block;
    width: calc(100% - 105px);
}
.li-actvip b{
    color: #c22e29;
}
.li-actvip:before {
    font-family: "fontello";
    position: absolute;
    content: '\e81c';
    left: 4px;
    top: 0px;
    color: #39B54A;
    width: 10px;
    height: 10px;
    font-size: 18px;
}
#fix_height .item
{
    padding-left:5px;
    padding-right:5px;
    border:solid 1px #e7e7e7;
    margin-bottom:10px;
}
#fix_height .item-vip{
    border:1px solid #E41B23;
}
#fix_height .item-vip h3{
        position:relative;
        padding-left:28px !important;
}
#fix_height .item-vip h3:before{
    font-family: "fontello";
    position: absolute;
    content: '\e81C';
    left: 3px;
    top: -2px;
    color: #39B54A;
    width: 23px;
    height: 25px;
    font-size: 18px;
    padding-left: 3px;
}
#fix_height .item-vip2 h3:before{
    top: -5px;
    left: 0px;
}
#fix_height .item-vip h3 a.clr-055699{
    color:#E41B23 !important;
}
.sg-email
{
    position:relative;
}
.form-login .sg-email .gr-action,
.form-login .sg-email .gr-content {
    padding-bottom: 30px;
}
    .form-login .sg-email .gr-content:before {
        content: 'Nhập email đang hoạt động để nhận được thông tin từ Batdongsanviet.VN';
        position: absolute;
        left: 0px;
        top: 43px;
        font-style: italic;
        color: #777;
    }
.item-user .field-validation-error {
    position: absolute;
    left: 360px;
    top: 4px;
}
.ms-captcha.field-validation-error {
    left: 276px;
}
.item-user .group-tbstyle .gr-content {
    position: relative;
}
.item-user .group-tbstyle .gr-content .field-validation-error {
    left: 320px;
}
.frm-changepass .item-user .field-validation-error {
    left:220px;
}
.btn-recaptcha
{
    font-size:20px;
    display:inline-block;
    margin-top:11px;
    color:#444;
}
.disabled
{
    background-color:#ccc !important;
    cursor:not-allowed;
}
.frm-product label.error
{
    display: none !important; 
}
.col-gr-25per .acount-control-nav li a
{
    position:relative;
    padding-left:26px;
}
.col-gr-25per .acount-control-nav li a:before {
    position: absolute;
    left: 8px;
    content: '\e80e';
    font-family: "fontello";
    color: #39b54a;
}
.user-name .full-name {
    color: #2070D2 !important;
    text-decoration:none !important;
}
.user-name-fixed .full-name {
    color: #fff !important;
    white-space: nowrap !important;
    width: 120px;
    display: inline-block;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
.ls-viewmore {
    display: inline-block;
    position: relative;
    padding-right: 12px;
    color: #2070D2;
    font-size:14px;
    font-style:italic;
}
.ls-viewmore:before {
    position: absolute;
    content: '\f101';
    font-family: "fontello";
    right: 0px;
    top: 0px;
}
.hdt-duan
{
    position:relative;
}
    .hdt-duan .viewmore {
        position: absolute;
        right: 5px;
        padding-right: 20px;
        font-style: italic;
        color: #39b54a;
    }
.hdt-duan .viewmore::after {
    right: 7px;
    font-family: "fontello";
    position: absolute;
    content: '\f101';
}
td > .advance-options {
    display: inline-block;
    margin-top: 3px;
}

.ul-baogia-banner {
    float: left;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    font-size: 13px;
    margin-top: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom:30px;
}

    .ul-baogia-banner > div:first-child {
        background-color: #f1f1f1;
    }

    .ul-baogia-banner label {
        float: left;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
        font-weight: bold;
        box-sizing: border-box;
        border-left: solid 1px #ccc;
    }

    .ul-baogia-banner .lb-h01,
    .ul-baogia-banner .lb-h05,
    .ul-baogia-banner .lb-h06,
    .ul-baogia-banner .lb-n01,
    .ul-baogia-banner .lb-n05,
    .ul-baogia-banner .lb-n06
    {
        width: 12%;
    }

    .ul-baogia-banner .lb-h02,
    .ul-baogia-banner .lb-h03,
    .ul-baogia-banner .lb-n02,
    .ul-baogia-banner .lb-n03
    {
        width: 20%;
    }

    .ul-baogia-banner .lb-h04,
    .ul-baogia-banner .lb-n04 {
        width: 24%;
    }

    .ul-baogia-banner .lb-h02 span {
        padding-left: 3px;
        color: #e62d27;
        font-weight: normal;
    }

    .ul-baogia-banner .lb-n02,
    .ul-baogia-banner .lb-n03,
    .ul-baogia-banner .lb-n04,
    .ul-baogia-banner .lb-n05,
    .ul-baogia-banner .lb-n06 {
        font-weight: normal;
    }

.banner-price
{
    clear:both;
    border:solid 1px #ccc;
    padding:10px;
}

#lblMessage span {
    position: inherit;
    left: inherit;
    white-space: inherit;
    padding-left: inherit;
    top: inherit;
    display:block;
    text-align:left;
}
#lblMessage .field-validation-error {
    position: inherit;
    left:inherit;
    top: inherit;
}
.main-detail .sidebar.is_stuck {
    top: 40px !important;
    background-color:#fff;
    z-index:999 !important;
}
.main-hpnews
{
    display:block;
    position:relative;
    height:303px;
    margin-top:20px;
}
.main-hpnews::after {
    clear:both;
}
.hpnews-l {
    float:left;
    width: 300px;
}
.hpnews-r {
    float: right;
    width: calc(100% - 315px);
}
.hpnews-l .h-title {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    float: left;
    background-color: #EEEEEE;
}
.hpnews-r .n-row {
    position: relative;
    padding: 5px;
    border: solid 1px #EEEEEE;
    box-sizing: border-box;
}
.n-row:hover,
.swiper-slide-active .n-row {
    background-color: #EEEEEE;
    cursor:pointer;
}

.n-row .h-title {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    left: 113px;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.n-row .a-img {
    display:inline-block;
    width:100px;
}
.swiper-hpnews {
    height: 300px;
}
.hpnews-l .h-title a,
.n-row .h-title a
{
    color: #2070D2;
}

    .n-row:hover .h-title a,
    .swiper-slide-active .n-row .h-title a,
    .hpnews-l .h-title a:hover,
    .n-row .h-title a:hover {
        color: #39b54a;
        text-decoration: none;
    }

.hpnews-l .h-title a {
    position: relative;
    display:block;
    padding:5px;
    padding-left: 20px;
    padding-right:20px;
}
    .hpnews-l .h-title a::before {
        position: absolute;
        content: '\e80f';
        font-family: "fontello";
        left: 4px;
        top: -2px;
        font-size: 13px;
        color: #E41B23;
        opacity: 0.8;
    }
    .hpnews-l .h-title a::after {
        position: absolute;
        content: '\e810';
        font-family: "fontello";
        right: 4px;
        bottom: -2px;
        font-size: 13px;
        color: #E41B23;
        opacity: 0.8;
    }
.dt-news .dt-summary {
    font-weight:bold;
    color:#666;
    margin-bottom:10px;
}
.dt-news img
{
    padding-bottom:3px;
}
.dt-news * {
    max-width:100% !important;
    line-height:23px;
}
.dt-news a {
    opacity: 0.9;
    font-size: 15px;
    font-weight: bold;
    color: #2070D2;
}
.dt-news a:hover {
    color: #39b54a;
    text-decoration:none;
}
.ul-related {
    margin-bottom: 10px;
    background-color: #f6f6f6;
    padding: 5px;
    padding-bottom: 3px;
}
    .ul-related li a {
        display: block;
        position: relative;
        color: #2070D2;
        text-decoration: none !important;
        font-weight: bold;
        padding-bottom: 3px;
        padding-left: 9px;
        opacity:0.9;
    }
    .ul-related li a::before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        background-color: #2070D2;
        left: 0px;
        top: 7px;
    }
        .ul-related li a:hover{
            color: #39b54a;
            text-decoration: none;
        }
.pr-related {
    padding: 10px;
    background-color: #f1f1f1;
    width: 600px;
    margin: auto;
    margin-bottom: 20px;
}
.pr-related a {
    display: block;
    position: relative;
    color: #2070D2;
    text-decoration: none !important;
    padding-bottom: 3px;
    padding-left: 9px;
    opacity: 0.9;
    font-size:13px;
    font-weight:normal;
}
    .pr-related a::before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        border-radius:50%;
        background-color: #2070D2;
        left: 0px;
        top: 9px;
    }
    .pr-related a:hover {
        color: #39b54a;
        text-decoration: none;
    }
.hpnews-l .adv-300-250
{
    border:0px !important;
    float:left;
}
.news-item
{
    float:left;
    width:calc(50% - 10px);
    margin-right:20px;
    position:relative;
    height:100px;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
}
.news-item .h-title {
    font-size:13px;
    line-height:20px;
    font-weight:bold;
    position:absolute;
    left:190px;
    right:0px;
    top:50%;
    transform:translateY(-50%);
}
.news-item .h-title a {
    color: #2070D2;
}
.news-item:hover .h-title a {
    color: #39b54a;
    text-decoration: none;
}
.ul-mostview {
    margin-bottom: 0px;
    padding: 5px;
    padding-bottom: 0px;
}
    .ul-mostview li {
        margin-bottom:10px;
    }
    .ul-mostview li a {
        color: #2070D2;
        text-decoration: none !important;
        font-weight: normal;
    }
    .ul-mostview li a img{
        float:left;
        margin-right:5px;
        margin-bottom:5px;
    }
.ul-mostview li a:hover {
    color: #39b54a;
    text-decoration: none;
}
.source {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-style: italic;
    color: #999;
}

.pn-rating .icon-star-empty {
    font-size: 18px;
    position: relative;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.pn-rating .star-number-half {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 9px;
    height: 18px;
}

.star-number {
    position: absolute;
    left: 9px;
    top: 0px;
    z-index: 99;
    width: 9px;
    height: 18px;
}

.pn-rating {
    color: #FDB614;
    width: 90px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.rate-tooltip {
    display: none;
    padding-top: 1px;
    padding-bottom: 0px;
    border-radius: 5px;
    background-color: #e9e8e8;
    width: 40px;
    text-align: center;
    color: #666;
    position: absolute;
    left: 95px;
    top: -2px;
}

.pn-rating:hover .rate-tooltip {
    display: inline-block;
}

.pn-rating:hover + .rate-text {
    opacity: 0.0;
}

.row-rate {
    display: inline-block;
    pointer-events: visible;
    white-space: nowrap;
    margin: auto;
    position: relative;
    height: 20px;
    padding-left: 98px;
    margin-top: 5px;
}

.rate-text {
    display: inline-block;
    color: #888;
    padding-top: 2px;
}
.main-rate {
    position: absolute;
    left: 4px;
    top: -58px;
}

.dt-news h1, .dt-news h2, .dt-news h3, .dt-news h4, .dt-news h5, .dt-news h6 {
    font-size:13px !important;
    font-weight:bold !important;
    line-height:18px !important;
}
.pn-social {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom:10px;
    height:21px;
    overflow:hidden;
}
.pn-social .pn-g-plus {
    position: absolute;
    left: 0px;
    top: -13px;
}
.popup-ct .note-social {
    margin-top:15px;
    font-style:italic;
    color:#888;
}

#slide-projecthome .swiper-slide li {
    overflow: hidden;
}
.fb-like-ex {
    float: right;
    margin-right: 18px;
    margin-top: 4px;
}
.fb-like-ex-fixed {
    top: 6px;
    position: fixed;
    z-index: 1001;
}
.popup-sg {
    width: 430px !important;
}
    .popup-sg .lbl-head {
        color:#999;
    }
.main-detail
{
    min-height:1600px;
}
.popup-fengshui {
    width: 650px;
    margin-left: inherit;
    transform: translateX(-50%);
    position:absolute;
}
    .popup-fengshui .fs-head {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #2070D2 !important;
        border-radius:5px 5px 0px 0px;
        color:#fff;
        text-transform:uppercase;
        font-size:15px;
    }
    .popup-fengshui .icon-cancel-circled-1 {
        position: absolute;
        right: 33px;
        top: 5px;
        font-size: 23px;
        color: #999;
        cursor: pointer;
    }
    .popup-fengshui .icon-cancel-circled-1:after {
        position: absolute;
        content: '';
        width: 13px;
        height: 13px;
        background-color: #fff;
        left: 10px;
        top: 5px;
        z-index: 1;
    }
.icon-cancel-circled-1:before {
    z-index: 2;
    position: absolute;
}
.fs-xhn,
.fs-xtxd {
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    color: #575757;
    cursor: pointer;
    width: 179px;
    border: solid 1px #2070D2;
    border-radius: 7px 7px 0px 0px;
    text-align: center;
    box-sizing: border-box;
}
.fs-xtxd
{
    right:0px !important;
}
.fs-active {
    background-color: #2070D2 !important;
    color: #fff !important;
    border-radius: 7px 7px 0px 0px;
}
.fs-pntab
{
    width:360px;
    margin:auto;
    position:relative;
    margin-top:45px;
    display:block;
    margin-bottom:20px;
    padding-top:34px;
}
.fs-pntab:before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    top: 33px;
    height: 1px;
    background-color: #2070D2;
}
.dr-content {
    display: block;
    border: solid 1px #2070D2;
    border-top: 0px;
    padding: 10px;
    padding-top: 20px;
}
    .dr-content li {
        display: block;
        margin-top:10px;
    }
    .dr-content .lblfs {
        display: inline-block;
        width: 160px;
        padding-top: 11px;
    }
#frmFengShuiDirection .chosen-container-single .chosen-search {
    display: none !important;
}
#frmFengShuiDirection #ExpectedYear + div .chosen-search,
#frmFengShuiDirection #BirthDay + div .chosen-search {
    display: block !important;
}
#frmFengShuiDirection .btn {
    width: 147px !important;
    margin-left: 86px;
    margin-top: 12px;
    margin-bottom: 20px;
}
.fs-result {
    line-height:24px;
}
.fs-result .boldLabel {
    font-weight:bold;
}
.fs-result .boldCenter {
    font-weight: bold;
    display: block;
    text-align: center;
}
.i-fengshui {
    display: block;
    position: relative;
    height: 32px;
    padding-left: 42px;
    cursor: pointer;
    margin-top: 20px;
    padding-top: 5px;
    color: #2070D2;
    font-weight: bold;
    font-size: 13px;
}
    .i-fengshui:before {
        content: '';
        position: absolute;
        width: 33px;
        height: 32px;
        background: url(/Content/img/i-batquai.png);
        background-position: center;
        background-repeat: no-repeat;
        left: 0px;
        top: 0px;
    }
.new-view .w-per-17 {
    width: 20% !important;
}
.new-view .w-per-83 {
    width: 80% !important;
}
.new-view .small-img1 {
    float: left;
    margin-top: 2px;
    width: calc(50% - 1px) !important;
    margin-right: 1px;
    max-height: 48px;
    overflow: hidden;
    color: #f1f1f1;
}
.new-view .small-img2 {
    float: left;
    margin-top: 2px;
    width: calc(50% - 1px) !important;
    margin-left: 1px;
    max-height: 48px;
    overflow: hidden;
    color: #f1f1f1;
}
.new-view .left-per-17 {
    left: 20% !important;
}
.new-view .clr-000 {
    color: #000 !important;
}
.new-view .bottom-per-23 {
    bottom: 21px !important;
}
.new-view > a img {
    border: solid 1px #e7e7e7;
    box-sizing:border-box;
}
.breadcrumb-cate
{
    margin-top: 17px;
    position:relative;
    padding-left:8px;
}
    .breadcrumb-cate:before {
        left: 0px;
        font-family: "fontello";
        position: absolute;
        content: '\e801';
    }
.view-all-news {
    font-size: 15px;
    float: right;
    color: #2070D2;
    position: relative;
    padding-right: 12px;
    margin-top: 5px;
    margin-right: 3px;
    font-style:italic;
    text-decoration:underline;
}
    .view-all-news:after {
        right: 0px;
        font-family: "fontello";
        position: absolute;
        content: '\f101';
    }

        @media screen and (max-width: 1124px) {
            .mmenu .ul-menu li.item a.cate {
                padding-left: 13px;
                padding-right: 13px;
            }
        }