﻿

#rec_type {
    float: left;
    margin-bottom: 20px;
}

.rec_Topic {
    /*margin-top:20px;*/
    color:#58595B;
    font-size: 1.42rem;
    width:100%;
    float:left;
}

.rec_option {
    width:100%;
    float:left;
}

.rec_select {
    /*min-width:45px;*/
    border: 1px solid #CACACA;
    height:18px;
    font-size: 0.63rem;
    -ms-appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    -o-appearance:none;
    border-radius:2px;
    background: #FFFFFF url("../images/arrow_small.png");  
    background-position:right;  
    background-repeat:no-repeat;
    color:#838587;
    /*margin-left:10px;*/
}
.rec_option1 .rec_select{
    width:45px;
}
.rec_option2 .rec_select{
    width:85px;
}

select::-ms-expand {
    display: none;
}

.rec_property {
    width:100%;
    float:left;
    position:relative;
    margin-top: 10px;
}

.rec_triangle {
    position:absolute;
    top:0;
    left:0;
    width:0px;
    height:0px;
    border-top:120px solid #F2BC00;
    border-right:120px solid transparent;
}

.rec_property_sell_topic {
    font-size: 0.92rem;
    color:#000000;
    line-height: 1.1;
}

.rec_property_sell_topic > a {
    font-size: 0.92rem;
    color:#000000;
    line-height: 1.1;
    word-wrap: break-word;
}

.rec_house_detail_1 {
    color:#58595B;
    font-size: 0.79rem;
    margin-top:5px;
}

.rec_house_detail_2 {
    color:#58595B;
    font-size: 0.79rem;
}

.rec_house_detail_3 {
    color:#58595B;
    font-size: 0.79rem;
}

.rec_code {
    font-size: 0.92rem;
    color:#2876BA;
    text-align:center;
    width:100%;
    margin-top:15px;
}

.rec_house_date {
    font-size: 0.71rem;
    color:#2876BA;
}

.rec_notice_sell {
    width:100%;
    float:left;
    /*margin-top:20px;*/
}

.rec_notice_sell_topic {
    width:100%;
    float:left;
    font-size: 1.58rem;
    color:black;
    padding-left: 1.5%;
}

.rec_page_number {
    width:100%;
    margin-top:10px;
    text-align:right;
    float:right;
}

.rec_page_number_total {
    margin-right:20px;
    font-size: 0.71rem;
    color:#58595B;
}

.rec_header_search {
    background-color: #f9f9f9;
    margin-top: 20px;
    min-height: 54px;
    width: 100%;
    float:left;
}

#CphBody_rec_RadType {
    width:100%;
}

#CphBody_rec_RadType > tbody > tr {
    float: left;
    width: auto;
    padding-left: 4px;
}

#CphBody_rec_RadType > tbody > tr > td > label {
    border-radius:5px !important;
}

#CphBody_rec_RadType > tbody > tr > td > .ui-state-active {
    background: #f2bc00 !important;
    border: medium none;
    font-weight: normal;
	color: white;
}

#CphBody_rec_RadType > tbody > tr > td > .ui-state-hover {
    background: #f2bc00 !important;
    border: medium none;
    font-weight: normal;
	color: white;
}

#CphBody_rec_RadType > tbody > tr > td > .ui-state-focus {
    background: #f2bc00 !important;
    border: medium none;
    font-weight: normal;
	color: white;
}

#CphBody_rec_RadType > tbody > tr > td > .ui-state-default {
    background:#3B74BA;
    border:none;
    font-weight: normal;
}

.rec_new_project_topic {
    font-size: 1.42rem;
    color:#58595B;
}

.rec_topic_new_project {
    font-size: 0.79rem;
    color:#3B74BA;
}

.rec_new_project_det_detail {
    font-size: 0.71rem;
    color:black;
}

.rec_lineend_1 {
    border-bottom: 1px solid #58595b;
    display: table;
    height: 1px;
    margin: auto;
    opacity: 0.2;
    width: 80%;
}

.rec_lineend_2 {
    border-bottom: 1px solid #58595b;
    display: table;
    height: 1px;
    margin: auto;
    opacity: 0.2;
    width: 80%;
}

.btnlistother {
    border-radius:5px;
    border:1px solid #2876BA;
    background-color:#2876BA;
    color:white;
    font-size: 1.04rem;
    padding-left:10px;
    padding-right:10px;
    width:100%;
}

.main_scroll_top {
    width:100%;
    float:left;
    position:relative;
    min-height:50px;
}

.lineendnewproject {
    border-bottom: 1px solid #58595b;
    float: left;
    height: 1px;
    margin-top: 20px;
    opacity: 0.2;
    width: 100%;
}

.rec_option_first{
    border-right:0;
    padding:5px 15px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    cursor:pointer;
}

.rec_option_midden{
    border-left:1px solid #bdbdbf;
    border-right:1px solid #bdbdbf;
    padding:5px 15px;
    margin-left: -3px;
    cursor:pointer;
}

.rec_option_last{
    padding:5px 15px;
    margin-left: -3px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    cursor:pointer;
}

#recselect{
    margin-top:5px;
}

.rec_active{
    color:#fbaf3f !important;
}

.color777777{
    color: #595959;
}

.rec_property_images a {
    text-align: center;
}
.btn_show_list{
  font-size:15pt;
   padding-bottom:0;
  padding-top:0;
  margin-bottom:0;
  margin-top:0;
}
.btn_show_list .glyphicon{
  font-size:12pt;
  /*padding-right:3pt;*/
}
.btn_show_map{
  font-size:15pt;
  padding-bottom:0;
  padding-top:0;
  margin-bottom:0;
  margin-top:0;
}
.btn_show_map .glyphicon{
  font-size:14pt;
    /*padding-right:3pt;*/
}

.property_map_view{
    padding-top:150px;
}
#rec_property_map{
    height:80vh;
    width:100%;
}