.btn{
	padding: 10px 12px 6px 12px;
}
.btns{
	width:34px;
}
#bname{
	padding-left:3px
} 
.numnavbar{ 
	padding:5px 0;
	background-color:#ffffff;
	color:#2a2a2a; 
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.numnavbar .navtotal{
	font-size:15px; 	 
}
.numnavbar .navtotal span{
	color:#ff6c00;
	font-weight:bold;
}
.numnavbar .sorting{
	text-align:right;
	font-size:15px; 
}
.numnavbar .sorting select{
	border:1px solid #CCC;
	border-radius:5px !important;
	height:30px;
	width:50%;
	max-width:220px;
	color:#898888; 
}

/* listing */

#prop_list #list{
	clear:both;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
#prop_list .datacontent{
	margin-left:10px;
	font-size:18px;
	color:#333
}
#prop_list .datacontent ul{
	padding-left:25px;
	margin-top:20px;
	line-height:25px;
}
#prop_list #list_left{
	float:left;
	width:480px;
	text-align:left;
	margin-left:10px;
}
 
#prop_list .bname{
	font-size: 22px; 
	line-height:24px; 
	color:#000; 
	width:70%;
  font-weight:bold;
}
 
#prop_list .bname a:hover{
	color: #ff0000;
}  

#prop_list .dist{
	font-size:15px; 
} 
#prop_list .size{ 
}
#prop_list .price{
	color:#ff4500;
	display:flex;
}
.oldprice{
	padding-left: 13px; 
  color: #4a4a4a;
  text-decoration: line-through;
	text-decoration-color: #ff0000;
	text-decoration-thickness: 2px;
}
#prop_list .rent{
	color:#0074ef	
}
#prop_list .room{
	position:absolute;
	right:10px; 
	font-size:13px;
	text-align:center
}
#prop_list .room div{
	margin-bottom:5px
}
#prop_list .datacontent .tables{
	display:table;
	width:100%
}
#prop_list .datacontent .row{
	display:table-row
}
#prop_list .datacontent .row div{
	display:table-cell;
	
}
#prop_list .hline{
	height:1px;
	background-color:#e3e3e3;
	margin: 5px 0;
}

#prop_list .date{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}
#prop_list .ref{
	font-size:13px;
	color:#a6a6a6;
	text-align:right;
}

#prop_list .icon div{
	margin-top:5px;
	
}

#prop_list .info_bold{
	font-weight: bold;	
}
 
#prop_list .btns{
	cursor:pointer;	
}
#prop_list .igallery{
	width: 180px;
	text-align:center; 
	height: 20px;
	padding-top: 6px;
	padding-left:1px
}
#prop_list .picbr{  
	width: 180px;
	height:140px;  
	overflow:hidden; 
	text-align:center;	
	background-color:#e3e3e3; 
}

#prop_list .picbr img{
	width:100%;
	height:140px;
	object-fit: cover;
}
 
#prop_list .pp{
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;	
} 
 
#prop_list .fp .detail_table {
	border: 1px solid #dfdfdf;
}

#prop_list .fp .detail_table .header{
	background-color:#666;
	color:#FFF;
	font-size:15px;
	padding:8px;
}

#prop_list .item{
	display:block;
	padding:10px;
	margin-top:10px;
	border:1px solid #dadada;
	background-color:#ffffff; 	 
}
#prop_list .item:hover{
	border:1px solid #7eb9ff;
}
 
.lefttran{ 
	background-color:#ffffff;
	padding:10px;
	width:100%;
}

.lefttran .tran_bd{
	border-bottom:1px solid #dcdcdc;
	padding:10px 0
}

.lefttran .tran_price{
	color:#0077e5;
}

.lefttran .tran_input{
	color:#666;
}

.lefttran a{
	float:right;
	margin-top:-20px;
}
 
.green{
	color:#090
}
.nodata{
	height:100px;
	line-height:100px;
	width:100%;
	text-align:center;
	font-size:15px;
	background-color:#ffffff
}
.nophoto{
	text-align:center;
	color:#999;
	line-height:100px;
}
.vrdiv{
	position:absolute;
	background-color:#a39364;
	color:#ffffff;
	padding-left:3px;
	padding-right:3px;
}
@media (max-width: 767px) {
	#prop_list .bname{
		width:100%;
		font-size:19px;
		line-height:normal;
	}
}
@media (max-width: 500px) {
	.numnavbar{
		padding:5px;
	}
	.numnavbar .sorting select{
		width:70%
	}
	#prop_list .datacontent{
		font-size:16px;
	}
	 #prop_list .datacontent ul{
		 padding-left:20px;
		 margin-top:10px;
	 }
	#prop_list .picbr{  
		height:auto !important;  
		max-height:100px;
		width:100px;
		overflow:hidden;
	}	
	#prop_list .picbr img{
		max-width:100%;
		max-height:100px;
	}  
} 
@media (max-width: 450px) {
	.numnavbar .navtotal{
		font-size:16px;
		margin-top:4px 	
	}
	#prop_list .datacontent{
		margin-left:5px;
	}
	#prop_list .item{
		padding:3px !important;
		background-position:right 5px center
	}
}