﻿body {
    min-width: 320px;
    margin: 0;
    font-family: tahoma, Arial;
    font-size: 13px;
}
sup{
       font-size:10px;
    }
input, select, span, textarea, p, strong, div, h1, h2, h3, h4, h5, a {
    font-family: tahoma, Arial;
    font-size: 13px;
    /*padding:0 5px;*/

}
/*input{
    -webkit-appearance: none;
}
    */

.zindex-lessthen-0{
    position:absolute;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
}
textarea {
     -webkit-appearance: none !important;
    -moz-appearance:none !important;
}

.house-form-group input{
    -webkit-appearance: none !important;
    -moz-appearance:none !important;
}
.textbox input{
    -webkit-appearance: none !important;
    -moz-appearance:none !important;
}
.house-form-group-no-inline  input{
    -webkit-appearance: none !important;
    -moz-appearance:none !important;
}

a:active {
    color:#029d6f !important;
}

.checkbox-color-029d6f {
    color: #029d6f !important;
}

.height-38{
    height:38px !important;
}
.color-red {
    color: #FF0000 !important;
}

.color-029d6f {
    color: #029d6f !important;
}

.color-144377 {
    color: #144377 !important;
}

.color-e15555 {
    color: #e15555 !important;
}

.height-200{
    height:200px !important;
}
.font-size-14{
    font-size:14px;
}
select.desktopDropDown::-ms-expand {
    display: none;
}

.row {
    width: 100%;
    float: left;
}

.header {
    margin: 0;
    vertical-align: middle;
}

#headerbox {
    margin: 0 12px 0 0;
    display: block;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.header .logo {
    /*margin-top: 5px;*/
    margin:0;
}
.header .logo h1, .header .logo h2
{
    margin:0;
    padding:0;
}

.header .logo a
{
    display:block;
    padding:3px 0;
}
    .header .logo img {
        height: 34px;
      
        margin-left: 10px;
    }

.menu-icon {
    position: absolute;
    right: 11px;
    top: 12px;
    width: 30px;
}

    .menu-icon span {
        float: right;
        height: 4px;
        margin-top: 3px;
        width: 21px;
        background-color: #144377;
    }

.horizontal-separater {
    height: 2px;
    background: url('../styles/images/horizontalseparater_Header.png') repeat-x;
    margin: 0;
    padding: 0;
    display: block;
}

.clear {
    clear: both;
}

.container {
    display: block;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    width: 100%;
}

    .container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.bg-contact {
    /*background-color: #f9f9f9;
    bottom: 0;
    
    left: 0;
    margin: 0;
    padding: 12px 5px;
    position: fixed;
    width: 100%;
    z-index: 1000;*/
    background-color: #e8e8e8;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 12px 5px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    height: 45px;
    padding-top: 6px !important;
}

#headerbox_All {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.bg-header-fix {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-color: #FFF;
}

.desktop-version {
    text-align: center;
    margin-bottom: 10px;
    vertical-align: middle !important;
}

    .desktop-version a {
        color: #fff;
        display: block;
        font-size: 13px;
        height: 25px;
        line-height: 23px;
        margin: auto;
        padding-bottom: 10px;
        text-align: center;
        text-decoration: none;
        width: 137px;
    }

        .desktop-version a .icon-desktop {
            background: rgba(0, 0, 0, 0) url("../styles/images/Desktop_Version.png") no-repeat scroll center center;
            display: block;
            float: left;
            height: 15px;
            margin: 5px auto;
            width: 19px;
        }

.TitleSite {
    color: #144377;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 11px;
    text-align: center;
}

#ApartmentSearch {
    margin: 0 10px;
    text-align: center;
}

.SelectGroup {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    float: left;
}

.SelectGroup select {
        
        background: url(../styles/images/icon-dropbox-down.png) no-repeat right;
        height: 35px;
        border: 1px solid #dbdbdb;
        border-right:0;
        border-radius: 3px;
        width: 100%;
        color: #5b5b5b;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
}

.SelectGroup select option {
    color: #5b5b5b;
}

.SelectGroup select:focus {
    color: #5b5b5b !important;
    background-color: #FFFFFF !important;
}

.FromGroup {
    width: 100%;
    height: 35px;
    border: none;
    float: left;
    padding: 5px;
    color: #FFFFFF;
}

    .FromGroup input {
        width: 100px;
        height: 35px;
        border-radius: 3px;
        border: #029d6f hidden 1px;
        background-color: #029d6f;
        padding: 5px;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
    }
    .FromGroup #btSearch {
        width: 110px;
    height: 38px;
    border-radius: 3px;
    border: #029d6f hidden 1px;
    background-color: #029d6f;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    line-height: 38px;
    }
#RegionRealProperty {
    margin: 10px;
}

.regionitem {
    border: 1px solid #dbdbdb;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    padding: 0;
    width: 100%;
    margin: 0;
}

#RegionRealProperty h2 {
    background-color: #144377;
    border-right: 1px solid #144377;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: lighter;
    height: 26px;
    margin: 20px 0 0;
    padding: 7px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#RegionRealProperty h2.region-home-page {
    background-color: #144377 !important;
    border-right: 1px solid #144377 !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    color: #ffffff !important;
    display: inline-block !important;
    font-size: 15px !important;
     width: 100% !important;
    height: 35px !important;
    margin: 20px 0 0 !important;
    text-transform: uppercase !important;
    line-height: 35px !important;
    padding: 0 !important;
    font-weight:bold !important;
}
#RegionRealProperty #RealPropertyWithRegionLeft {
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
}

#RegionRealProperty #RealPropertyWithRegionRight {
    float: right;
    margin: 10px 10px 0 0;
    padding: 0;
}

.regionitem ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    width: 46%;
}

    .regionitem ul li {
        line-height: 26px;
        list-style: outside none none;
    }
    .regionitem ul li h3{
        margin:0;
        padding:0;
        
    }
        .regionitem ul li h3 a {
            background: url('../styles/images/liRegionRealProperty.png') no-repeat left #fff;
            color: #5b5b5b;
            display: inline-block;
            font-size: 13px;
            height: 24px;
            margin-right: 10px;
            overflow: hidden;
            padding-left: 9px;
            text-decoration: none;
            white-space: nowrap;
            width: 95%;
            font-weight:normal !important;
        }

           .regionitem ul li h3 a span {
                text-decoration: none;
                color: #5b5b5b;
                font-size: 13px;
                line-height: 15px;
            }



.footer {
    background-color: #144377;
    margin-left: 0;
    width: 100%;
    height: auto;
    color: #FFF;
    float: left;
}

    .footer h4 {
        font-size: 15px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .footer strong {
        font-size: 14px;
        font-weight: bold;
        margin-left: 10%;
        width: 10px !important;
        display: inline-block;
    }

    .footer span {
        font-size: 14px;
        margin-left: 50px;
    }

    .footer p {
        font-size: 14px;
        color: #FFF !important;
        text-align: center;
        margin: 0;
        padding: 0px;
    }

.horizontal-separater-footer-all {
    height: 5px;
    width: 100%;
    background: url('../styles/images/footer-border-line.png') repeat-x left #144377;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.horizontal-separater-footer {
    height: 5px;
    float: left;
    width: 60%;
    /*background: url('../styles/images/FooterSepareter.png') repeat-x left #fff;*/
    background: url('../styles/images/footer-border-line.png') repeat-x left #144377;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.toTopWebsite {
    background-color: #029d6f;
    background-image: url("../styles/images/ArrowDownScroll.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    /*bottom: 131px;*/
    right: 20px;
    z-index: 0;
}

.margin-bottom-separater {
    width: 100%;
    float: left;
    height: 20px;
}

.container .title-list-page {
    margin: 10px;
    /*width: 100%;*/
}

    .container .title-list-page h1 {
        
        color: #383740;
        font-size: 14px;
        font-weight: normal;
        margin: 0 10px 0 0;
        padding:0;
        font-weight:bold;
    }

    .container .title-list-page div {
        color: #383740;
        font-size: 14px;
    }

        .container .title-list-page div .color-fe7a6e {
            color: #fe7a6e;
            font-size: 14px;
        }

.container-items {
    margin: 10px 10px 19px;
    padding: 0;
}

    .container-items li {
        border-bottom: 1px solid #ededed;
        list-style: outside none none;
        padding: 0 0 9px;
    }

        .container-items li a {
            margin-top: 10px;
            text-decoration: none;
        }

            .container-items li a h3 {
                /*color: #546e92;*/
                color: #144377;
                font-size: 15px;
                font-weight: bold;
            }

        .container-items li .item-detail {
            margin: 0;
            padding: 0;
            font-size: 14px;
        }

            .container-items li .item-detail a {
                display: inline-block;
                margin: 0;
                padding: 0;
                width: 111px;
            }

                .container-items li .item-detail a img {
                    height: 84px;
                    width: 111px;
                }

            .container-items li .item-detail .item-detail-content {
                display: inline-block;
                font-size: 14px;
                margin: 0 0 0 10px;
                padding: 0;
                width: calc(100% - 121px) !important;
            }

 .item-detail-content strong {
    font-size: 14px !important;
}

.item-detail-content span {
    width: 30% !important;
    color:#424243 !important;
    font-size: 14px !important;
}

.item-detail-content strong {
    width: 66% !important;
}

.container-items li .item-detail .item-detail-content div {
    line-height: 24px;
}

    .container-items li .item-detail .item-detail-content div strong {
        color: #424243;
        font-weight: normal;
    }

    .container-items li .item-detail .item-detail-content div .price {
        font-weight: normal;
        /*color: #34a880;*/
        color: #029d6f;
        font-weight: bold;
    }

    .container-items li .item-detail .item-detail-content div.date {
        color: #7d7d7d;
        font-weight: normal;
        font-size: 13px;
        width: 100%;
        text-align: right;
    }

ul.pagging {
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
}

    ul.pagging li {
        border-color: #ededed;
        border-image: none;
        border-style: solid solid solid none;
        border-width: 1px 1px 1px medium;
        display: inline-block;
        height: 37px;
        line-height: 36px;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 38px;
    }

        ul.pagging li.start {
            border-left: 1px solid #dbdbdb;
            margin: 0 0 0 10px;
            width: 54px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        ul.pagging li.end {
            width: 45px;
            margin: 0 10px 0 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        ul.pagging li a {
            text-decoration: none;
            color: #959595;
            margin: 0;
            padding: 0;
        }
/*----------------------filter-order--------------------------------------*/
ul.filter-order {
    display:block;
    width: 100%;
    margin: 0;
  
    padding: 0;
    
}

    ul.filter-order li {
       
        margin:0;
        padding:0;
        display:inline-block;
        height: 35px;
        line-height: 35px;
        width: calc((100% - 30px)/2) !important;
        margin-left:10px;
    }
    ul.filter-order li  a{
         border-radius: 3px;
        display: inline-block;
        text-align: center;
        height: 35px;
        line-height: 35px;
        width: 100% !important;
        position:relative;
        border: 1px solid #029d6f;
        color: #959595;

    }
        ul.filter-order li a i {
                position: absolute;
                margin-top: 10px;
        }
         ul.filter-order li a span {
            display: inline-block;
            margin-left: 16px;
        }
        ul.filter-order li.filter {
            
        }

        ul.filter-order li.order {
          
        }

        
        ul.filter-order li a .icon-filter-search {
                background: rgba(0, 0, 0, 0) url(../styles/images/x3/filter.png) no-repeat scroll top left;
                height: 13px;
                margin-right: 5px;
                width: 13px;
                background-size: 13px 13px;
        }

        ul.filter-order li a .icon-order-search {
           background: url(../styles/images/x3/sort.png) no-repeat top left;
            height: 13px;
            width: 13px;
            background-size: 13px 13px;
            
        }


/*-------------------------------- Start detail --------------------------------*/
.border-none {
    border: none !important;
}

/*-------------------------------- register --------------------------------*/
.container-register {
    margin: 10px;
    padding: 0;
    display: block;
}

    .container-register h1 {
        background-color: #144377;
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: normal;
        height: 35px;
        line-height: 35px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-bottom: 0;
    }

    .container-register .textbox {
        text-align: center;
        padding: 0;
        /*width: 100%;*/
    }

    .container-register input_OLD {
        height: 30px;
        margin: 7px 0 0;
        padding-left: 5px;
        width: 100%;
        display: flexbox;
        border: #dbdbdb 1px solid;
        border-radius: 3px;
        text-align: left;
    }

    .container-register input {
        border: 1px solid #dbdbdb;
        border-radius: 3px;
        height: 35px;
        margin: 10px 0 0;
        width: 100%;
        padding-left: 5px;
    }

        .container-register input.txtcode {
            border: 1px solid #dbdbdb;
            border-radius: 3px;
            height: 29px;
            line-height: 28px;
            margin: 7px 0 0;
            width: 30%;
            padding-left: 5px;
        }

        .container-register input.no-null {
            border-left: 3px solid #029d6f;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .container-register input.confirm {
            display: inline-block;
            width: 151px;
        }

    .container-register .code-confirm {
        display: inline-block;
        height: 40px;
    }

        .container-register .code-confirm input {
            /*margin-left:10px !important;*/
        }

        .container-register .code-confirm img {
            width: 20px;
            display: inline-block;
            margin-top: 0px;
        }

        .container-register .code-confirm a {
            display: inline-block;
        }

            .container-register .code-confirm a img {
                display: inline-block;
                height: 15px;
                width: 15px;
            }

.textbox .btnRegister, #btnLogin_______________OLD {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    height: 38px;
    margin: 19px 0 17px;
    width: 110px;
    font-size: 14px;
    font-weight: bold;
}
.textbox #btnLogin {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height:38px;
    
    width: 114px;
    margin-top:38px;
}

.textbox .btnRegister {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    display: block;
    
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height:38px;
    
    width: 114px;
    margin-top:38px;
    margin-left: auto;
    margin-right: auto;
}

.register-login-now {
   font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

    .register-login-now a {
        color: #029d6f;
        font-size: 14px;
    }

        .register-login-now a.login-register {
            color: #029d6f;
            float: right;
            font-size: 14px;
            margin: 30px 3px 10px 0;
            padding: 0;
        }

        .register-login-now a.password-forget {
            color: #029d6f;
            float: left;
            font-size: 14px;
            margin-bottom: 10px;
            margin-left: 3px;
            margin-top: 30px;
        }

.float-right {
    float: right;
}

.text-align-right {
    text-align: right !important;
}

.text-align-justify {
    text-align: justify !important;
}
/*-------------------------------- End  --------------------------------*/

.required {
    z-index: 999;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    font-size: 14px;
}
/*.textbox div {
     position:relative;
   
}
.textbox div:before{
   color: red;
    content: "*";
    left: 53px;
    position: absolute;
    top: 18px;
}
.textbox div:visited{
   color: #FFF;
    content: "***";
    left: 53px;
    position: absolute;
    top: 18px;
}*/
/*.textbox label {
    color: #6a6a6a;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}*/

.textbox label {
    color: #383740;
    display: block;
    font-family: tahoma, Arial;
    font-size: 13px;
    font-weight: bold;
    margin: 18px 0 0;
    padding: 0;
    text-align: left;
    width: 100%;
}


.btnSendPasswordForget input {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    margin: 19px 0 110px;
    width: 155px;
    line-height: 34px;
}
.btnSendPasswordForget a {
 background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 34px;
    margin: 20px auto;
    width: 155px;
    line-height:38px;
}
.vertical-align-justify {
}

.checkbox {
    text-align: left;
    display: block;
    width: 99%;
}

.chbRemembered input {
    display: inline-block;
    width: 14px !important;
    height: 14px;
}

.checkbox input {
    border: 1px solid #cfcfcf !important;
}

.checkbox label {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    display: inline-block;
    font-size: 14px;
    color: #a2a2a2;
}

/*---------------------------404---------------------------------*/


.h1-404 {
    color: #144377;
    display: block;
    font-size: 40px;
    font-weight: bold;
    height: 50px;
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 90%;
}

.container p.not-found {
    color: #9b9b9b;
    display: block;
    font-size: 11px;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}

.container strong.please-search {
    color: #777777;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
    width: 67%;
}

.footer-1-404 {
    background-color: #FFF;
    display: block;
}

    .footer-1-404 .image-404 {
        background-color: #FFF;
        background: rgba(0, 0, 0, 0) url("../styles/images/bg-404.png") no-repeat scroll center center;
        display: block;
        height: 393px;
        width: 100%;
    }
/*-----------------------------Post manager------------------------------------*/
.form-group-column-2 {
    display: block;
    margin: 10px;
    padding: 0;
    text-align: center;
}

    .form-group-column-2 div {
        display: inline-block;
    }

        .form-group-column-2 div select {
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff url("../styles/images/SelectBlueWhite.png") no-repeat scroll right center;
            border: 1px solid #dbdbdb;
            border-radius: 3px;
            color: #5b5b5b;
            height: 35px;
            margin-top: 5px;
            width: 147px;
        }

        .form-group-column-2 div input {
            border: 1px solid #dbdbdb;
            border-radius: 3px;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin-top: 5px;
            width: 138px;
            padding-left: 5px;
        }

.form-group-column-1 {
    display: block;
    width: 100%;
    margin: 10px;
    text-align: center;
}

    .form-group-column-1 input {
        width: 100px;
        height: 35px;
        border-radius: 3px;
        border: #029d6f hidden 1px;
        background-color: #029d6f;
        padding: 5px;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
    }
     .form-group-column-1 a {
       background-color: #029d6f;
    border: 1px hidden #029d6f;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    margin: 10px auto;
    padding: 10px;
    width: 102px;
    }
.result-search {
    color: #383740;
    display: block;
    font-size: 15px;
    margin: 19px 10px 0;
    text-align: left;
}

.posted-content {
    margin: 10px;
    padding: 0;
    display: block;
    text-align: center;
}

.posted-all {
    border-collapse: collapse;
    margin: 3px auto 20px;
    padding: 0;
    width: 100%;
}

    .posted-all tr td {
        border: solid 1px #dbdbdb;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .posted-all tr {
        margin: 0;
        padding: 0;
    }

    .posted-all .post-header {
        font-size: 13px;
        color: #555555;
        font-family: tahoma, Arial;
        font-weight: bold;
        height: 30px;
    }

.post-header-visitor {
    font-size: 13px;
    color: #555555;
    font-family: tahoma, Arial;
    font-weight: bold;
    height: 30px;
}


.posted-all-column-left {
}

    .posted-all-column-left span {
        color: #959595;
        font-size: 13px;
        display: block;
        width: 67px;
        text-align: center;
    }

    .posted-all-column-left a {
        color: #029d6f;
        font-size: 13px;
        text-decoration: none;
        display: block;
        width: 67px;
        text-align: center;
    }

.posted-all-column-right {
    margin: 0;
    padding: 5px;
}

    .posted-all-column-right a {
        color: #164478;
        display: block;
        font-size: 13px;
        margin: 8px 5px 0 0;
        padding: 0 0 0 5px;
        text-align: left;
        text-decoration: none;
    }

.list-news-view a {
    text-align: right;
}

.list-news-delete a {
    text-align: left;
}

.posted-all-column-right a.list-news-title {
    color: #164478;
    display: block;
    font-size: 13px;
    margin: 12px 0 10px 0;
    padding: 0 0 0 5px;
    text-align: left;
    text-decoration: none;
    /*width: 100%;*/
}

.posted-all-column-right span {
    color: #818386;
    display: block;
    font-size: 12px;
    margin: 0 0 10px 0;
    text-align: center;
}

.posted-all-column-right ul {
    margin: 10px 0 0 0;
    padding: 0;
}

    .posted-all-column-right ul li {
        display: inline-block;
        list-style: none;
    }

        .posted-all-column-right ul li a {
            color: #818386;
            display: block;
            font-size: 14px;
            height: 20px;
            text-align: center;
            width: 61px;
            margin-bottom: 6px;
        }

.icon-re-posted {
    display: inline-block;
    background: url("../styles/images/icon-re-posted.png") no-repeat center center;
    height: 16px;
    width: 13px;
    margin-right: 5px;
    
}

.icon-edit {
    display: inline-block;
    background: url("../styles/images/icon-edit.png") no-repeat center center;
    height: 16px;
    width: 13px;
    margin-right: 5px;
}

.icon-new-upload {
    display: inline-block;
    background: url("../styles/images/icon-new-upload.png") no-repeat center center;
    height: 16px;
    width: 13px;
    margin-right: 5px;
    
}

.icon-delete {
    display: inline-block;
    background: url("../styles/images/icon-delete.png") no-repeat center center;
    height: 16px;
    width: 13px;
    margin-right: 5px;
}

.icon-see {
    display: inline-block;
    background: url("../styles/images/icon-see-manager-new-save.png") no-repeat center center;
    height: 11px;
    width: 17px;
    margin-right: 5px;
}

.post-action-left {
   margin: 0;
    padding: 0;
    /* width: 50% !important; */
    display: inline-block;
    /* border: 1px solid #029d6f; */
    position: absolute;
    left: 13px;
    top: 0;
}

    .post-action-left div button {
       width: 96px;
    border: #FFF;
    background-color: #FFF;
    margin-top: 11px;
    height: 25px;
    line-height: 17px;
    font-size: 14px;
    }

    .post-action-left div a {
        color: #818386;
        display: block;
        font-size: 14px;
        height: 30px;
        text-align: center;
        width: 96px;
        border: none;
        border: #FFF;
        /*background-color: #FFF;*/
    }
.posted-all-column-right table tr td{
    width:50% !important;
    margin:0;
    padding:0;
    /*display:inline-block;*/
    position:relative;
}
.posted-all-column-right-content{
    width:100%;
    margin:0;
    padding:0px;
    display:block;
}

.post-action-right {
    margin: 0;
    padding: 0;
    display:inline-block;
    /*width:50% !important;*/
    /*border:1px solid #029d6f;*/
}

    .post-action-right a {
        color: #818386;
        display: block;
        font-size: 14px;
        height: 30px;
        text-align: center;
        width: 96px;
        border: #FFF;
        background-color: #FFF;
    }

.posted-all-column-right table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
}

    .posted-all-column-right table tr {
        border: none !important;
    }

        .posted-all-column-right table tr td {
            border: none !important;
        }
/*------------------------------------instroduce------------------------------------*/
.textbox #btnSaveChangedPassword {
    background-color: #029d6f;
    border: 1px solid #029d6f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    margin: 19px 0 20px;
    width: 76px;
}

.profile-form-group {
    display: block;
    margin: 10px 0 0 3px;
    padding: 0;
}

    .profile-form-group select {
        background: url('../styles/images/SelectBlueWhite.png') no-repeat right #fff;
        height: 35px;
        border: 1px solid #dbdbdb;
        border-radius: 3px;
        width: 57%;
        color: #5b5b5b;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-left: 5px;
    }

    .profile-form-group label {
        color: #8a8a8a;
        display: inline-block;
        font-size: 14px;
        margin: 0;
        padding: 0;
        width: 40%;
    }

    .profile-form-group input {
        color: #8a8a8a;
        display: inline-block;
        font-size: 14px;
        margin: 0;
        padding: 0 0 0 5px;
        width: 55%;
    }
/*------------------------------------instroduce------------------------------------*/
.instroduce-content {
    margin: 0;
    padding: 0;
    display: block;
}


    .instroduce-content p {
        color: #555;
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 5px;
        text-align: justify;
        margin-bottom: 5px;
    }

        .instroduce-content p a {
            text-decoration: none;
            color: #4fb08d;
        }

    .instroduce-content h2 {
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: bold;
        color: #555555;
    }

    .instroduce-content ul {
        margin: 10px 0 20px 10px;
        padding: 0;
    }

        .instroduce-content ul li {
            display: block;
        }

            .instroduce-content ul li a {
                background: rgba(0, 0, 0, 0) url("../styles/images/icon-li-introduce.png") no-repeat scroll left center;
                color: #555;
                display: block;
                font-size: 14px;
                height: 24px;
                line-height: 21px;
                margin: 0;
                padding: 0 0 0 20px;
                text-decoration: none;
                width: 100%;
            }
/*---------------------------------contact---------------------------------*/
.contact-error-c {
    color: #e15555;
    font-size: 13px;
    padding-bottom: 3px;
    padding-left: 115px;
    text-align: left;
    width: 100%;
    display: none;
    font-style: italic;
}

.contact-error-height {
    height: 1px !important;
    display: none !important;
}

.contact-form-group {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
}

.contact-separater-header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 10px;
}

.contact-form-group label {
    color: #5b5b5b;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 110px;
}

.contact-form-group span.contact-not-emty {
    display: block;
    float: right;
    font-size: 11px;
}

.contact-form-group input {
    color: #5b5b5b;
    display: inline-block;
    font-size: 13px;
    margin: 5px 0 5px 0;
    padding: 0 0 0 5px;
    width: calc(100% - 115px) !important;
}

.contact-form-group-no-inline {
    display: block;
    margin: 10px 0 0 3px;
    padding: 0;
}
.contact-form-group-no-inline #er-noidung{
    padding-left:0px !important;
    font-size:13px !important;
}
label.contact-textarea-label {
    display: block;
    color: #5b5b5b !important;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.contact-code-group {
    display: block;
    width: 100%;
}

    .contact-code-group div #txtCode {
        margin: 5px 0 0 0 !important;
    }

.contact-form-group-no-inline textarea {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    color: #8a8a8a;
    display: block;
    font-size: 13px;
    margin: 5px 0 0 0;
    padding: 0 0 0 5px;
    width: 100%;
    height: 75px;
}

.contact-form-group-no-inline span {
    display: inline-block;
    font-size: 11px;
}

.textbox #btnSentContact {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    margin: 19px 0 20px;
    width: 109px;
}

.textbox .ButtonSentContact {
    background-color: #029d6f;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    line-height: 40px;
    margin: 30px auto;
    width: 122px;
}



.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}


.contact-form-group-no-inline img {
    display: inline-block;
    margin-left: 12px;
    width: 71px;
}

.contact-form-group-no-inline .contact-confirm-code-group {
    display: block;
    width: 100%;
}

.contact-form-group-no-inline .contact-confirm-code-label {
    display: block !important;
    color: #8a8a8a !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
    margin-top: 20px !important;
    width: 100% !important;
}

    .contact-form-group-no-inline .contact-confirm-code-label span {
        display: inline-block;
    }

.contact-form-group-no-inline a {
    display: inline-block;
}

    .contact-form-group-no-inline a img {
        height: 15px;
        width: 15px;
    }

.contact-form-group-no-inline input#txtCode {
    width: 161px;
    display: inline-block;
}

.code-comfirm {
    display: block;
    width: 100%;
}

    .code-comfirm input#txtCode {
        display: inline-block;
        width: 151px;
    }
/*---------------------------------regulations---------------------------------*/
.regulations-content {
    margin: 10px;
    padding: 0;
    display: block;
}

    .regulations-content ul {
        margin: 0;
        padding: 0;
        display: block;
    }

        .regulations-content ul li {
            margin: 0 !important;
            padding: 0;
            text-align: left;
            color: #555;
            font-size: 13px;
            list-style: none;
            line-height: 20px;
            text-align: left;
        }

            .regulations-content ul li h2 {
                color: #144377;
                font-size: 13px;
                font-weight: bold;
                margin: 10px 0 0 0 !important;
                padding: 0;
            }

            .regulations-content ul li h3 {
                color: #555555;
                font-size: 13px;
                font-weight: bold;
                margin: 10px 0 0 0 !important;
                padding: 0;
            }

.regulations-duty {
    display: block;
    width: 100%;
}
/*------------------------------------------------------------------*/
.GuidePostNews-guide-content {
    margin: 10px;
    padding: 0;
    display: block;
}

    .GuidePostNews-guide-content p {
        margin: 10px 0 10px 0;
        padding: 0;
        display: block;
        color: #555;
        font-size: 13px;
        line-height: 20px;
    }

    .GuidePostNews-guide-content h3 {
        margin: 10px;
        padding: 0;
        display: block;
        margin: 10px 0 10px 0;
        color: #144377;
        font-size: 13px;
    }

.GuidePostNews-guide-line-point {
    width: 100%;
    display: block;
    position: relative;
}

    .GuidePostNews-guide-line-point img {
        width: 290px !important;
        height: 310px !important;
        display: block;
        position: relative;
    }

.GuidePostNews-icon-line-point-guide {
    background: rgba(0, 0, 0, 0) url("../styles/images/guide1_menu_line_point1.png") no-repeat scroll 0 10px;
    display: inline-block;
    height: 77px;
    left: 196px;
    position: absolute;
    top: -25px;
    width: 12px;
    z-index: 99;
}

.GuidePostNews-guide-content img {
    margin: 10px;
    padding: 0;
    display: block;
    margin: 10px 0 10px 0;
    
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    width:290px;
}

.GuidePostNews-guide-content ol {
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: 20px;
}

.GuidePostNews-guide-content .guide-post-img {
    /*border: 1px solid #dbdbdb;*/
    border-radius: 3px;
    /*padding: 5px;
        margin: 5px 0 5px 0;*/
    box-shadow: inset;
}

.GuidePostNews-guide-content ol li {
    color: #555;
    font-size: 13px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 11px;
    text-align: left;
    position:relative;
    padding-left:10px;
}

.GuidePostNews-guide-content ol li:before {
    content:'';
    width:5px;
    height:10px;
    background: url("../styles/images/icon-list-left-blue.png") no-repeat scroll left center;
    position:absolute;
    top:6px;
    left:0px;
}
    .GuidePostNews-guide-content ol li h2 {
        color: #144377;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

.GuidePostNews-guide-content h4 {
    color: #313131;
    font-family: tahoma, Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0;
}

.GuidePostNews-guide-post-success-for-you {
    display: block;
    color: #313131;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.GuidePostNews-guide-post-exampble-border {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 0 5px 0;
    color: #555;
    font-size: 13px;
    line-height: 20px;
}

.GuidePostNews-guide-post-exampble-color {
    color: #144377;
}

.GuidePostNews-position-relative {
    position: relative !important;
}

.GuidePostNews-position-absolute {
    position: absolute !important;
}

/*-------------------------------------------------------------------*/
.guide-content {
    margin: 10px;
    padding: 0;
    display: block;
}

    .guide-content p {
        margin: 10px 0 10px 0;
        padding: 0;
        display: block;
        color: #555;
        font-size: 12px;
        line-height: 20px;
    }

    .guide-content h3 {
        margin: 10px;
        padding: 0;
        display: block;
        margin: 10px 0 10px 0;
        color: #144377;
        font-size: 12px;
    }

.guide-line-point {
    width: 100%;
    display: block;
    position: relative;
}

    .guide-line-point img {
        width: 290px !important;
        height: 310px !important;
        display: block;
        position: relative;
    }

.icon-line-point-guide {
    background: rgba(0, 0, 0, 0) url("../styles/images/guide1_menu_line_point1.png") no-repeat scroll 0 10px;
    display: inline-block;
    height: 77px;
    left: 196px;
    position: absolute;
    top: -25px;
    width: 12px;
    z-index: 99;
}

.guide-content img {
    margin: 10px;
    padding: 0;
    display: block;
    margin: 10px 0 10px 0;
    
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    width:290px;
}

.guide-content ol {
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: 20px;
}

.guide-content .guide-post-img {
    /*border: 1px solid #dbdbdb;*/
    border-radius: 3px;
    /*padding: 5px;
        margin: 5px 0 5px 0;*/
    box-shadow: inset;
}

.guide-content ol li {
    background: rgba(0, 0, 0, 0) url("../styles/images/icon-list-left-blue.png") no-repeat scroll left top;
    color: #555;
    font-size: 14px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 11px;
    text-align: left;
}

    .guide-content ol li h2 {
        color: #144377;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

.guide-content h4 {
    color: #313131;
    font-family: tahoma, Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0;
}

.guide-post-success-for-you {
    display: block;
    color: #313131;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    margin: 10px 0 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.guide-post-exampble-border {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 0 5px 0;
    color: #555;
    font-size: 14px;
    line-height: 20px;
}

.guide-post-exampble-color {
    color: #144377;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.left-260 {
    left: 260px !important;
}

.top-12 {
    top: 12px !important;
}

.top-16 {
    top: 16px !important;
}

.top-6 {
    top: 6px !important;
}

/*--------------------------pagging----------------------------------*/
.session-pager {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

    .session-pager a:first-child {
        border-bottom-left-radius: 4px;
        border-left-width: 1px;
        border-top-left-radius: 4px;
    }

    .session-pager a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #fff;
        border-color: #ddd;
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 1px 0;
        /*color: #029e6f;*/
        color: #777777;
        display: inline-block;
        font-family: tahoma, Arial;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none;
        width: 42px;
    }

a, a:hover {
    text-decoration: none;
}

.session-pager a div {
    padding: 8px 9px;
    white-space: nowrap;
}

.style-pager-row-selected {
    /*background-color: #029e6f;*/
    color: #029e6f;
    font-weight: bold;
    cursor: default;
}

.pbackground {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.5;
}

.pcontent {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    left: 3%;
    padding: 10px;
    position: absolute;
    top:46%;
    width: 88%;
}
.pcontentGetPassword {
        background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    left: 3%;
    padding: 10px;
    position: absolute;
    top: 20%;
    width: 88%;
}
.pcontentGetPassword .btn-ok {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 32px;
    width: 22px;
}
.popup {
}

    .popup .mesage {
        display: block;
        line-height: 20px;
        margin: 10px 10px 20px;
        padding: 5px;
        text-align: center;
    }
    .popup .mesageGetPassword {
        display: block;
    line-height: 20px;
    /* margin: 10px 10px 20px; */
    padding: 5px;
    text-align: center;
    }
.pcontent .btn-ok {
    background-color: #029d6f;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 5px 32px;
    width: 22px;
}

.pcontent .btn-cancel {
    background-color: #ccc;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
}

.item-r {
    color: #f00;
    display: none;
    width: 100%;
    font-family: tahoma, Arial;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-align: left !important;
    float: left;
}
.item-r-forgot-email {
    color: #f00 !important;
    display: none;
    width: 100%  !important;
    
    font-size: 13px  !important;
    font-weight: 400 !important;
    margin-top: 5px  !important;
    text-align: left !important;
    
}

#ForgetPassword {
    display: none;
}

.erro-note {
    color: #c34c4c;
    font-family: tahoma, Arial;
    font-size: 14px;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 5px;
}

#map_canvas {
    width: 100%;
    min-height:480px;
}

.text-align-left {
    text-align: left !important;
    margin-left: 5px !important;
}

.error-c {
    color: #e15555;
    font-size: 14px;
    margin: 10px;
    padding-bottom: 3px;
    padding-left: 28%;
    text-align: left;
    width: 100%;
}

.loading_contact {
    background-color: #000;
    border-radius: 5px;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.textbox .heigth-38 {
    height: 38px !important;
}

.btn-re-up-news {
    position: relative;
}

    .btn-re-up-news i {
        position: absolute;
        top: 0px;
        left: 10px;
        display: inline-block;
    }

    .btn-re-up-news span {
        position: absolute;
        top: 0;
        left: 30px;
        display: inline-block;
    }


    .SelectGroup-SearchResult {
    width: 100%;
    margin:0;
    padding:0;
    display:block;
}

.SelectGroup-SearchResult select {
        
        background: url(../styles/images/icon-dropbox-down.png) no-repeat right;
        height: 35px;
        border: 1px solid #dbdbdb;
        border-right:0;
        border-radius: 3px;
        width: 100%;
        color: #5b5b5b;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0 5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        width:calc(100% - 20px)  !important;
        margin-left: 10px;
        margin-bottom: 10px;
}

.SelectGroup-SearchResult select option {
    color: #5b5b5b;
}

.SelectGroup-SearchResult select:focus {
    color: #5b5b5b !important;
    background-color: #FFFFFF !important;
}
.btn-disable{
    color: #ccc !important;
    font-size:14px !important;
}
.btn-disable span{
    color: #ccc !important;
    font-size:14px !important;
}