body,
html {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #ffffff;
    font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
    font-weight: normal;
    font-size: 14px;
}

img {
    border: 0
}

.leftsearch {
    padding-right: 68px;
}

.rightsearch {
    padding-right: 12px;
}

.tablebottom {
    border: 2px solid #0abb04;
}

form {
    margin: 0;
    padding: 0
}

body,
td,
th,
div {
    font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif;
}

a:link {
    color: #0c6d09;
    text-decoration: none;
}

a:visited {
    color: #0c6d09
}

a:hover {
    color: #0c6d09;
    text-decoration: none;
}

.ui-widget-content {
    font-family: 'PingFang HK', STHeitiTC-Light, Arial, Meiryo, 'Microsoft JhengHei', sans-serif !important;
}

#top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-image: url(images/topbg.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 40px;
    text-align: center;
    z-index: 200
}

#top .data {
    width: 1002px;
    margin: auto
}

#top .data .left {
    width: 428px;
    height: 40px;
    text-align: left;
    float: left
}

#top .data .center {
    background-image: url(images/topfav_btn.png);
    background-repeat: no-repeat;
    width: 142px;
    height: 40px;
    float: left;
}

#top .data .center .info {
    margin: 10px;
    margin-right: 0;
    float: left;
    color: #FFF;
    font-size: 12px;
}

#top .data .topright {
    margin-top: 5px;
    height: 35px;
    float: right;
    width: 138px;
}

#main {
    width: 1002px;
    margin: auto;
    background-color: #FFF
}

#banner {
    height: 174px;
}

#menu {
    background-color: #0d8f4a;
    height: 34px;
    color: #ffffff;
}

#maindata {
    width: 1002px;
    background-color: #FFF;
    display: inline-block;
    padding-bottom: 10px;
}

#maindata .left {
    width: 275px;
    float: left;
    margin-top: 10px;
    margin-left: 8px;
}

#maindata .left div {
    float: left;
}

#maindata .left .bd {
    border: #43a6c6 5px solid;
    background-color: #e3f8ff;
    width: 265px;
    height: 320px;
}

#maindata .left .bd td {
    height: 36px
}

#maindata .left .bd .col1 {
    width: 75px;
}

#maindata .left .bd .left_arrow {
    width: 21px;
    text-align: center;
    margin-top: 5px;
}

#maindata .left .bd #bname {
    height: 21px;
    width: 155px;
    border: 1px #CCC solid;
    background-color: #FFF;
}

#maindata .left .bd #rent1,
#maindata .left .bd #rent2 {
    height: 21px;
    width: 67px;
    border: 1px #CCC solid;
    background-color: #FFF;
}

#maindata .left .bd input[type=checkbox] {
    height: 15px;
    width: 15px;
    background-color: #FFF;
}

#maindata #findForm {
    margin: 8px;
    margin-left: 12px;
}

#maindata #findForm input {
    color: #666
}

#maindata #findForm td {}

#maindata #findForm .otherselect {
    padding-bottom: 10px;
}

#maindata #findForm .otherselect div {
    padding-top: 5px;
    width: 150px;
}

#maindata .left .bd .detailsearch {
    color: #b97e01;
    text-align: right
}

#maindata .right {
    width: 715px;
    float: left
}

#maindata .right .toplisting div {
    float: left
}

#maindata .right .toplisting {
    margin-left: 13px;
}

.left .trans .data {
    height: 450px;
    width: 275px;
    padding-top: 5px;
}

.left .trans .tran_bd {
    width: 275px;
    min-height: 71px;
    margin-bottom: 5px;
    overflow: hidden;
}

.left .trans .tran_bd a:hover {
    text-decoration: none;
}

.left .trans .tran_bd .indata {
    margin: 10px;
}

.left .trans .tran_bd .tran_input {
    color: #616161;
}

.left .trans .tran_bd .tran_addr {
    display: block;
    width: 230px;
    height: 18px;
    overflow: hidden;
    color: #303030;
}

.left .trans .tran_bd .tran_price {
    color: #c95000
}

.left .trans .detail {
    position: absolute;
    margin-left: 230px;
    margin-top: 45px;
}

.right {
    margin-top: 10px;
}

.right .toplisting .data {
    background-image: url(image/toplisting_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    width: 672px;
    border: 1px solid #c1e9f9;
    border-top: none;
    height: 626px;
    padding: 10px;
    float: none;
    background-color: #e7f7ff
}

#maindata .right .currentlisting {
    margin-left: 13px;
}

#maindata .right .currentlisting div {
    float: left
}

#maindata .right .currentlisting #newlist_nav {
    float: right;
    margin-top: 5px;
    margin-right: 15px
}

#maindata .right .currentlisting #newlist_nav a {
    padding: 0;
    padding-top: 2px;
    margin: 3px;
    float: left;
    width: 20px;
    background-color: #299acc;
    height: 20px;
    text-align: center;
    color: #FFF;
    cursor: hand;
    cursor: pointer
}

#maindata .right .currentlisting #newlist_nav a.arrow {
    background-color: #299acc;
}

#maindata .right .currentlisting #newlist_nav a:hover {
    background-color: #006997;
}

#maindata .right .currentlisting #newlist_nav .active {
    background-color: #006997;
    color: #ffee35
}

#maindata .right .currentlisting #newlist_nav .normal {
    background-color: #299acc;
}

#maindata .right .currentlisting .more {
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
    cursor: hand;
    background: url(images/newlist_nav_more.gif);
    width: 40px;
    height: 20px;
}

.right .currentlisting .data .mdata {
    width: 692px;
    height: 450px;
    border: 1px solid #c1e9f9;
    padding-top: 5px
}

.bottominfo {
    background-image: url(images/footerbg.png);
    background-repeat: repeat-x;
    height: 194px;
    margin-top: 10px;
    margin-bottom: 10px
}

.bottominfo td {
    background-image: url(images/footemenu_vline.png);
    background-position: right;
    background-repeat: no-repeat;
}

.bottominfo .title {
    margin-top: 10px;
    text-decoration: underline;
}

.bottominfo .item {
    -webkit-transform: scale(0.91);
    height: 144px;
}

.bottominfo .item1 {
    margin-left: 10px;
    margin-right: 10px;
    height: 184px;
}

.bottominfo .item1 .title a {
    color: #000;
    display: block;
    line-height: 25px;
}

.bottominfo a {
    color: #4f4f4f;
    display: block;
    line-height: 25px;
}

.bottominfo a:hover {
    color: #F00
}

@-moz-document url-prefix() {
    .bottominfo .item1 {
        margin-left: 11px;
        margin-right: 11px;
        height: 184px;
    }
}

.clear {
    clear: both;
}


/*index top listing */

#index-promos {
    background-color: #FFF;
    padding: 3px;
    width: 209px;
    height: 300px;
    color: #343434;
    overflow: hidden
}

#index-promos .tn {
    width: 209px;
    margin: 0;
    height: 139px;
}

#index-promos .promoimg {
    width: 209px;
    height: 139px;
    margin: 0
}

#index-promos .promoimg img {
    width: 209px;
    height: 139px;
}

#index-promos .item {
    width: 100%;
    font-size: 12px;
    text-align: left;
    padding-left: 5px
}

#index-promos .bname {
    font-size: 15px;
    text-align: left;
    padding: 5px;
}

#index-promos .addr {
    text-align: left;
    padding: 5px;
}

#index-promos .addr span {
    font-size: 11px;
    font-style: italic;
}

#index-promos .bname span {
    text-align: left;
    font-size: 11px;
}

.price {
    color: #000;
}

#index-promos .promosbline {
    border-top: 1px solid #e5e5e5;
    padding-top: 3px;
    width: 100%;
}

#toplist1,
#toplist2 {
    cursor: hand;
    cursor: pointer
}


/* end index top listing */


/* end index new listing */

#sp_bd {
    height: 205px;
    overflow: hidden
}

#sp_bd .sp_pic {
    border: 1px #bababa solid;
    padding: 3px;
    background-color: #FFF;
    width: 134px;
    height: 104px;
}

#sp_bd img {
    width: 134px;
    height: 104px;
}

#sp_bd .sp_bldg {
    font-size: 12px;
    font-weight: bold
}

.sp_bldg {
    font-size: 12px;
}


/* end index top sales */

#topsales {
    color: #FFF;
}

#topsales a {
    color: #ffea00
}

#topsales .property {
    width: 199px;
    height: 72px;
    padding: 5px;
    background-image: url(images/topsalespropertybg.gif);
    background-repeat: no-repeat;
    overflow: hidden
}

#topsales .property img {
    width: 64px;
    height: 66px;
    padding-right: 5px
}

#topsales .agent {
    padding: 1px;
    background-color: #FFF;
    border: 1px solid #c3c3c3
}

#topsales .agent img {
    width: 50px;
    height: 68px;
}

#topsales .arrow {
    padding: 2px;
    margin-top: 30px;
}

#searchbuy,
#searchrent {
    cursor: hand;
    cursor: pointer
}

#mapinfo {
    float: left;
    padding: 8px 8px 5px 8px;
    width: 100px;
}

#mapinfo .caption {
    color: #fff600;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    padding: 0 0 3px 0;
}

#mapinfo .count {
    text-align: left;
    color: #d8addc;
    font-size: 13px;
}

#mapinfo a {
    color: #fff600;
    text-decoration: none;
}

.title_bg {
    background-color: #dff3f9;
    height: 39px;
}

.title_bg div {
    font-size: 15px;
    font-family: mainfont, Verdana, Geneva, sans-serif;
    color: #555555;
    margin-top: 10px;
    margin-left: 15px;
    float: left;
    font-weight: normal;
}

.title_bg a {
    color: #005d9e;
    font-size: 15px;
}

.title_bg a:hover {
    color: #FF0000
}

#myfav .info {
    float: left
}

.transbd {
    border: #868686 6px solid;
    border-top: none;
    width: 263px;
    margin-left: 4px;
}

#new_trans {
    padding: 8px;
}

.banner_bottom {
    background-image: url(images/banner_bottom.gif);
    height: 20px;
}

.back-to-top {
    position: fixed;
    bottom: 15em;
    right: 0px;
    text-decoration: none;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.80);
    font-size: 13px;
    padding: 1em;
    display: none;
}

a.back-to-top {
    color: #FFF
}

.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.50);
    text-decoration: none;
}

.red {
    color: #F00
}

.info_bold {
    font-size: 15px;
    font-weight: bold
}

@-moz-document url-prefix() {
    td {
        line-height: 18px;
    }
    #maindata .right .currentlisting #newlist_nav a {
        line-height: 18px
    }
}

.prop_title {
    background-color: #43a6c6;
    padding: 10px;
    width: 255px;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.trans_title {
    padding: 5px;
    width: 265px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: #004868;
    border-bottom: 3px solid #2799cb;
    margin-bottom: 5px;
}

#nav {
    text-align: right;
    line-height: 30px;
    font-size: 13px;
}

#nav a {
    border: 1px solid #CCC;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 3px;
}

#nav a:hover {
    TEXT-DECORATION: none
}

#nav b {
    /* color: #d10000 */
}


/* page number link */

#nav .stdPrevNext {
    COLOR: #000000;
}

#nav A.stdPrevNext:link {
    COLOR: #7e7e7e;
    TEXT-DECORATION: none
}

#nav A.stdPrevNext:visited {
    COLOR: #7e7e7e;
    TEXT-DECORATION: none
}

#nav A.stdPrevNext:active {
    COLOR: #7e7e7e;
    TEXT-DECORATION: none
}

#nav A.stdPrevNext:hover {
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    background-color: #0d8f4a
}

.button {
    background-color: #ce8322;
    color: #FFF;
    border: 0;
    padding: 7px;
    cursor: hand;
    cursor: pointer;
}

#listing {
    color: #FF0 !important;
    font-weight: bold;
}

form {
    margin: 0;
    padding: 0;
}

.title_right {
    background-image: url(images/new/title_right.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.htp_photobg {
    background-image: url(images/htppbg.gif);
    background-repeat: no-repeat;
    height: 172px;
    width: 242px;
    padding-top: 8px;
}

.main {
    background-color: #ffffff;
    width: 1200px;
    padding: 0px;
    margin: auto;
}

.main1000 {
    background-color: #FFF;
    width: 1000px;
    padding: 0px;
    margin: auto;
}

.left_bg {
    background-image: url(images/left_bg.gif);
    background-repeat: repeat-y;
}

.750table {
    border: 1px solid #f9e7ff;
}

.photo_border {
    border: 1px solid #c8c8c8;
}

.promos_table {
    border: 1px none #F3E3C7;
}

.main_bg {
    background-color: #FFC38E;
}

.databg {
    background-image: url(images/data_bg-ws.gif);
    background-repeat: repeat-y;
}

.bg {
    background-repeat: repeat-x;
    text-align: center;
}

.leftshadowbg {
    background-image: url(images/leftshadowbg.gif);
    background-repeat: repeat-y;
}

.copyright {
    font-size: 12px;
    color: #383838;
    line-height: 20px;
}

.gray {
    color: #484848;
}

.word9 {
    font-size: 9px;
}

.word10 {
    font-size: 10px;
}

.newproperty {
    background-image: url(images/newproperty.gif);
    background-repeat: no-repeat;
    height: 81px;
    width: 764px;
}

.special_rightbg {
    background-image: url(images/special_rightbg.gif);
    background-repeat: repeat-y;
    background-position: left;
}

.tran_bg {
    background-image: url(images/left_bg2.gif);
}

.special_title {
    font-size: 18px;
    font-weight: bold;
    color: #162B49;
}

.specialtitlebg {
    background-image: url(images/ht_sdata_title.gif);
    height: 42px;
    width: 248px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #2a2a2a;
}

.copyright2 {
    font-size: 12px;
    color: #585858;
}

.topcontent {
    font-size: 15px;
    color: #005928;
}

.news_title {
    color: #2e5c29;
}

.lang {
    font-size: 13px;
    color: #FFF;
}

.data_bd {
    border: 0px none #e6e6e6;
    background-repeat: repeat-y;
}

.share {
    position: absolute;
    z-index: 99;
    margin-top: 96px;
    margin-left: 1020px;
}

#finance {
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 2px;
}

#finance .change_up {
    color: #0a8f00;
    padding-left: 5px;
}

#finance .title {
    color: #FFFFFF;
    padding-left: 2px;
}

#finance .change_dn {
    color: #FF0000;
    padding-left: 5px;
}

#weather {
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 8px;
}

#weather .warningicon {}

#weather .weathericon {}

#weather .temperature {}

#weather .humidity {
    padding-left: 1px;
}

#weather .icon {
    width: 20px;
    margin: 0 0 -5px 0;
}

#weather .title {
    color: #FFFFFF;
    padding-left: 2px;
}

#property-enquiry {
    float: left;
    width: 100%;
}

#property-enquiry form {
    padding: 0;
    margin: 0;
}

#property-enquiry .hd {
    background-color: #e1e7ff;
    line-height: 16px;
    padding: 6px 3px 3px 3px;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

#property-enquiry .lbl {
    vertical-align: top;
    width: 90px;
    line-height: 12px;
    font-size: 13px;
    padding-top: 8px;
    padding-left: 1px;
}

#property-enquiry .val {
    vertical-align: top;
    font-size: 13px;
    padding-top: 1px;
}

#property-enquiry .input {
    padding: 1px;
    font-size: 13px;
}

#property-enquiry .control {
    padding-top: 10px;
    padding-bottom: 10px;
}

#property-enquiry .btnsend {
    padding: 4px 1px 4px 1px;
    font-size: 10pt;
    width: 120px;
    color: #ffffff;
    height: 24px;
    background-color: #0070a7;
    margin: 2px 0px 2px 0px;
    border-top: 1px solid #0070a7;
    border-left: 1px solid #0070a7;
    border-right: 1px solid #0070a7;
    border-bottom: 1px solid #0070a7;
}

.pics {
    width: 180px;
    height: 200px;
    overflow: hidden
}

.pics img {
    width: 180px;
}

#relate .data_border {
    border: 1px solid #F60;
}

#relate .data_title {
    background-color: #F60;
    font-size: 17px;
    font-weight: bold;
    color: #FFF;
}

#relate ul {
    padding: 5;
    margin: 0;
    padding-left: 20px;
}

#relate ul li {
    padding-bottom: 5;
    margin: 0;
}

.proplimage {
    height: 285px;
    overflow: hidden;
}

.proplimage img {
    max-width: 200px;
    max-height: 160px;
}

.detailprice {
    font-size: 15px;
    font-weight: bold;
    color: #0033ff
}

.gbt {
    cursor: hand;
    cursor: pointer;
}

.stdPrevNext {
    line-height: 30px
}

.green {
    color: #090
}

#myfav a {
    color: #fff;
    font-size: 14px;
}

.wts {
    position: fixed;
    bottom: 5px;
    right: 0px;
    z-index: 9999;
}

#myfav .glyphicon-star {
    display: block;
    float: left;
    vertical-align: middle;
    width: 16px;
    height: 20px;
    background-image: url(images/star.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    color: #ffd200;
    margin: 0 2px 0 0;
}

#home-search {
    font-size: 14px;
    margin: 0 0 5px 0;
}

#home-search .bd {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 807px;
    text-align: top;
    margin-left: 6px;
}

#home-search .hd {
    padding: 0 12px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #365899;
    border: none;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    z-index: 1;
}

#home-search input {
    border: none;
    border-radius: 0;
    display: table-cell;
    padding: 2px 12px;
    height: 30px;
    width: 630px;
    z-index: 999;
}

#home-search i.glyphicon {
    margin-right: 2px;
}

#home-search .btn {
    padding: 2px 12px;
    margin-top: -3px;
    height: 35px !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #365899;
    color: #fff;
}

@supports (-ms-ime-align: auto) {
    #home-search .btn {
        margin: -4px 0 0 -15px;
    }
}

#home-search .fd {
    width: 1%;
    display: table-cell;
}

#home-search .estate {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 6px 0 0 0;
    font-size: 13px;
}

#home-search .estate label {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding: 0 10px 0 0;
    color: #cb4b00;
}

#home-search .estate .top {
    display: table-cell;
    width: 100%;
    white-space: nowrap;
}

#home-search .estate .top a {
    margin: 0 8px 0 0;
    text-decoration: underline;
}

#home-search .estate .more {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
}

#home-search .estate .more span {
    color: #000;
    background: #fff;
    padding: 2px 6px;
    margin: 4px 0 0 0;
}

#home-search .estate .more span.on {
    color: #fff;
    background: #e65b00;
}

#home-search .estate .caret {
    margin-top: -2px;
}

#home-search .estate .more-estate {
    display: none;
    width: 860px;
    position: absolute;
    padding: 5px;
    background: #FFF;
    margin-top: 1px;
    margin-left: -808px;
    z-index: 8000;
    border: 1px solid #e65b00;
}

#home-search .estate .more-estate .district {
    width: 105px;
    float: left;
    margin: 0px 5px 5px 5px;
    font-size: 14px;
}

#home-search .estate .more-estate .district h4 {
    font-weight: bold;
    line-height: 30px;
    margin: 0px;
    border-bottom: 1px dotted #333;
    font-size: 15px;
}

#home-search .estate .more-estate .district ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#home-search .estate .more-estate .district li {
    padding: 3px 0px;
    height: 20px;
    line-height: 20px;
}


/* top-content */

#top-content {
    margin: auto;
    width: 100%;
    height: 180px;
}

#top-content .bar {
    float: left;
    width: 100%;
    min-width: 1200px;
    background: #005928;
    height: 30px;
}

#top-content .banner {
    float: left;
    width: 100%;
    min-width: 1200px;
    background-image: url("images/bannerbg.jpg");
    background-repeat: repeat-x;
}

.menu {
    margin-bottom: 10px;
}

#top-content .menu {
    float: left;
    width: 100%;
    background-image: url("images/menubg.jpg");
    background-repeat: repeat-x;
    height: 42px;
}

#top-content .menu .bdr {}

#top-content .menu table.menu-table {
    position: relative;
    top: 0;
    bottom: 0;
}

#top-content .marquee {
    width: 1200px;
    overflow: hidden;
    margin: 0 0 0 0;
}

#top-content .marquee b {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    margin: 2px;
}

#top-content .banner img.logo {
    float: left;
    margin: 10px 0 0 0;
}

#top-content .banner img.top1 {
    float: left;
    margin: 5px 0 0 10px;
}

#top-content .banner img.recruit {
    float: left;
    margin: 7px 15px 0 0;
}

#top-content .banner img.fb {
    float: left;
    margin: 17px 15px 0 0;
}

#top-content .banner img.s1 {
    float: left;
}


/* top-content */

#rphone {
    Z-INDEX: 99999;
    position: fixed;
    bottom: 0;
    right: 0;
    border: 1px solid #E6E6E6
}

#rphone #photo {
    border: 1px solid #E6E6E6
}

#rphone1 {
    Z-INDEX: 99999999;
    position: fixed;
    bottom: 0;
    right: 0;
}

.footer {
    padding: 8px 0;
    background-color: #0c6d09;
    color: #FFF;
    width: 100%;
    text-align: center;
    font-size: 15px;
}

.footer a {
    color: #FFF;
    margin-left: 12px;
    margin-right: 12px;
}

.pad-top {
    padding-top: 10px;
}

#search_frm td {
    padding-bottom: 5px;
    color: #5b5b5b;
}

.searchbtn {
    background-image: url(images/searchbg.jpg);
    border: none;
    width: 77px;
    height: 32px;
    cursor: pointer;
}

.search {
    background: #0c6d09;
    border: none;
    color: #FFF;
    cursor: pointer;
    width: 77px;
    height: 28px;
    font-size: 13px;
}

.tranbg {
    border: 2px solid #2fd152;
    width: 340px;
}

.searchbg {
    border: 2px solid #2fd152;
}