.w3-detail-overtitle{margin-top:90px}
.w3-select{height:40px;background:white;}


#currentProvince{display:block;float:left;padding: 10px 5px 0 5px;font-size:16px;font-weight:bold;}
#currentProvinceSwitch{font-size: 13px;
    border-bottom: 1px solid #fff;
    padding: 13px 0 0 0;
    display: block;
    float: left;
    line-height: 15px;}
#mySidebarMenu{z-index: 3; width: 300px;margin-left:0px;display:none;}
#mySidebarRS {height:auto;}
#mySidebarRS hr{margin: 0; border-top: 1px solid #87acd5;}
#mySidebarRS select{height: 40px;background: white;padding: 0 0 0 3px;width: 100%;border: 1px solid #ccc!important;}
#mySidebarRS #cityselector_province select, #mySidebarRS #cityselector_city select, #mySidebarRS #cityselector_area select{margin-bottom:16px;}
#mySidebarRS .filter_item {border-top: 1px solid #87acd5;margin-bottom: 16px;}
#mySidebarRS .filter_item_text{ width: 25% !important;padding: 5px 0;text-align:left;cursor:pointer;}
#mySidebarRS .col2{ width: 50% !important;}
#mySidebarRS .col3{ width: 33.33% !important;}
#mySidebarRS .filter_item_title{width:75%;float:left;padding: 5px 0; font-weight: bold;color:#0960ad;}
#mySidebarRS .checked {color: #E85A4F !important; font-weight:bold;}
#mySidebarRS .opt{text-align:right;color:#A3A3A3}
#mySidebarRS #clearAllSearch{cursor:pointer;}
#mySidebarRS .sidebar_google_ad{margin-left: -16px;margin-top: 20px;padding: 20px 0;background: white;width: 300px;}
#mySidebarRS .news .sidebar_google_ad{margin-left:0; margin-top:0;}
/*#mySidebarRS .filter_item_text:hover{color: #E85A4F}*/

.close-search{display:none;}
input[type="date"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 40px;
    background:#fff;
}

.keyword_cell {padding:4px;display:inline-block; padding: 0 8px;display: inline-block;background: #4e84a6;color: #fff;border-radius: 10px;margin-bottom: 5px;margin-top: 5px;}

.keyword_cell  svg {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='12' width='12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23FFF' /%3E Sorry, your browser does not support inline SVG. %3C/svg%3E ") no-repeat 50% 50%}
.tags{margin-left: -220px;float: left;}
.rs_tag{width: 24px;line-height: 18px;font-size: 16px;font-weight:bold;text-align: center;float: left;padding: 5px 0 0 0;margin-right:3px;display: inline-block; position: relative;}
.rs_tag:after{content: "\A";border-style: solid;border-width: 0 12px 24px 24px;position: absolute;right: -6px;bottom: -30px;transform: rotate(-90deg);}
/*.rs_tag:after{content: "\A";border-style: solid;border-width: 0 14px 28px 28px;border-color: transparent #ff9701 transparent transparent;position: absolute;right: -7px;bottom: -35px;transform: rotate(-90deg);}*/
.rs_tag_red:after{border-color: transparent #f44336 transparent transparent;}
.rs_tag_orange:after{border-color: transparent #ff9800 transparent transparent;}
.rs_tag_deep_orange:after{border-color: transparent #ff5722 transparent transparent;}
.rs_tag_green:after{border-color: transparent #4CAF50 transparent transparent;}
.rs_tag_teal:after{border-color: transparent #009688 transparent transparent;}
.rs_tag_light_green:after{border-color: transparent #8bc34a transparent transparent;}

.rs_tag_offer{height:63px;}

.sort-button{float:right; padding-right:0px;}

/*Loader*/
.loader {border: 8px solid #afafaf;border-radius: 50%;border-top: 8px solid #3498db;border-bottom: 8px solid #3498db;width: 80px;height: 80px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;position: fixed;top: 50%;left: 50%;margin-top:-40px;margin-left:-40px;display:none;z-index:300;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
/*END/Loader*/


.threadlist ul{margin:0;padding:0;}
.threadlist li{list-style: none;width:100%;display:block;float:left;cursor:pointer;}
/*
.threadlist .list {margin: 0; padding: 10px 0;border-bottom:1px solid #e3e3e3;}
.threadlist .list:hover{background:#f9f9f9;}
.threadlist .list .img{width:130px;height:100px;overflow:hidden;float:left;}
.threadlist .list img{width:130px;min-height: 100px;}
.threadlist .list .text{margin-left:140px;}
.threadlist .list .rs_title{padding-right:10px;line-height: 23px; height:23px; overflow:hidden;word-wrap: break-word;}
.threadlist .list .rs_price, .threadlist .listqb .rs_price{float:right;font-size:14px;font-family: "Roboto",sans-serif;font-weight:bold;}
.threadlist .list .rs_subtitle{padding: 5px 10px 0 0;line-height: 13px; max-height: 19px;overflow: hidden; }
*/

.threadlist .listqb {margin: 0; padding: 10px 0;border-bottom:1px solid #e3e3e3;}
.threadlist .listqb {width:100%;}
.threadlist .listqb .text{margin-left:0;}

#agentlist ul ,.agentlist_m ul{margin:0;padding:0;}
#agentlist li, .agentlist_m li {list-style: none;width:33.3%;display:block;float:left;cursor:pointer;margin-bottom:16px;}
.agentlist_m li{width:90px !important}
.agentlist_m ul{height:140px;overflow:hidden}
#agentlist .name,.agentlist_m .name{font-size: 14px;
    word-break: break-all;
    height: 20px;
    overflow: hidden;
    line-height: 18px;
    position: relative;
    margin-top: -20px;}
#agentlist .img,.agentlist_m .img{width:100%;height:120px;overflow:hidden;text-align:center;}
#agentlist .img img, .agentlist_m .img img{/*width:calc(100% - 10px);min-height:100px;*/width:100%; height:120px;}
#agentlist .text,.agentlist_m .text{font-size:12px;}
#agentlist .text,.agentlist_m .text{}
.agentlist_m{display:none;}
.Vipbox{
width: 0;
height: 0;
border-style: solid;
border-width: 0 35px 35px 35px;
border-color: transparent transparent #f37102 transparent;
float:right;
margin-right:-0px;
position:relative;
top:-10px;
right:-33px;
-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
-o-transform: rotate(45deg);  /* Opera 10.5 */
-webkit-transform: rotate(45deg);  /* Saf3.1+ */
transform: rotate(45deg);  /* Newer browsers (incl IE9) */
-sand-transform: rotate(40deg);
}

.Vipbox > span{
color:#fff;
font-size:15px;
font-weight:bold;
position:absolute;
word-break:keep-all; font-size: 13px;
left:-15px;
top:15px;}


/*
.tab-menu div{cursor:pointer;border:1px solid #ccc; border-left:0;background:#f5f5f5;font-size:18px;padding:8px 0;text-align:center;}
.tab-menu div:first-child{border-left:1px solid #ccc !important;}
.tab-menu .active {background: none;color: #333333;border-top-color: #88BDBC;border-bottom: none;box-shadow: inset 0 3px 0 #88BDBC;}
*/
.tab-menu div span{cursor:pointer;border:1px solid #ccc; border-left:0;background:#f5f5f5;color:#929292;font-size:18px;padding:8px 0;text-align:center;width:100%;display:block;}
.tab-menu div span:hover{background:#EAE7DC;color:#555;}
.tab-menu div:first-child span{border-left:1px solid #ccc !important;}
.tab-menu .active span{background: none;color: #333333;border-top-color: #88BDBC;border-bottom: none;box-shadow: inset 0 3px 0 #88BDBC;}


/*.list_img_div{height:120px;width:200px;margin:0 20px 0 0;overflow:hidden;}*/
.list_img_div{height:120px;width:200px;margin:0 20px 0 0;overflow: hidden;border:solid #e2e2e5 1px;}
.list_img_div2{height: 120px;width: 200px;overflow: hidden;}
.list_no_img_div2{height: 120px;width: 200px;}
.list_img{min-height:120px;width:200px;}
.list_img_tag{margin-top:-120px}
.list_img_tag_svg{width:1.6em;}
.list_text_div{min-height:135px;}
.list_text_title{line-height:22px; max-height:22px;overflow:hidden;}
.list_text_subtitle{line-height:20px; max-height:20px;overflow:hidden;margin-top:5px;}
.list_text_price{font-size:16px;}
.list_summary{line-height:22px; max-height:44px;overflow:hidden;word-break: break-all;margin-top:6px;}
.list_tag span{font-size:12px;padding:2px;display:inline-block;line-height: 12px;height: 16px;}

.list_img_div_news{float:right;margin:0 0 0 20px;}
.list_text_subtitle_news{line-height:22px; max-height:44px;overflow:hidden;margin-top:6px;}
.list_text_title_news{line-height:22px; max-height:22px;overflow:hidden;}
.list_text_title_help{line-height:30px; max-height:30px;overflow:hidden;}

.service_main {float:left;margin-left: 32px; padding-right:16px; width: calc(100% - 380px) !important;margin-top:0;}
.service_side {z-index: 1; width: 300px;float:left; position: relative;}

#filter_searchword,#filter_news_title{height:40px;}

.ad_h{margin-top:5px;height:95px; overflow:hidden;}

.QC,.BC,.ON{display:none;}

@media (min-width:601px){

}
@media (min-width:1050px){	
}
@media (max-width:1050px){
	.threadlist li{width:100% !important;}
}

@media (min-width:851px){
	.w3-sidebar.w3-collapse{display:block!important;}
	#openRSSearch{display:none !important;}
	.service_side {z-index: 1; width: 300px;float:left; position: relative;}
	/*.w3-container{padding:0 16px 0 16px !important;}*/
	#content .w3-container{padding:0!important;}
}
@media (max-width:768px){
		

}

@media (max-width:850px) and (min-width:601px){
}
@media (max-width:850px){
	#mySidebarRS{    display: none;top: 0;position: fixed !important;left: 0;z-index: 55 !important;margin-top: 0!important;height:100%; margin-left:0 !important; background-color: #f1f1f1 !important}
	.w3-container{margin-right:16px !important;}
	#mySidebarRS .w3-container, #mySidebarMenu .w3-container{margin-right:0 !important;}
	#mySidebarRS #viplist, #mySidebarRS .sidebar_google_ad{display:none;}
	.close-search{display:block;}
	.threadlist .listqb{width:100% !important;}
	.agentlist_m{display:block;}
	header{ position: fixed; }
	.w3-detail-overtitle {margin-top: 60px;}
	.list_img_div_news{float:left;margin:0 10px 0 0;}
	#clearAllSearch{margin-right:100px;}
	#sectionFilter{border-top:0 !important;}
	.service_main {float:none;padding-left: 0; padding-right:0; width: 100% !important;margin-top:65px;}
	.sort-button{padding-right:15px; }
	.list_text_title {font-size:15px !important}

}
@media (max-width:600px){
	#content .w3-container{margin-right: 8px !important;padding-left: 8px;}
	.threadlist li{width:100% !important;}
	.threadlist .list .img{width:120px;height:80px;}
	.threadlist .list img{width:120px;min-height: 80px;}
	.tags {margin-left:-120px;}
	.threadlist .list .text{margin-left:130px;}
	.threadlist .listqb .text{margin-left:0;}
	.threadlist .list .rs_title{padding-right:0}
	.threadlist .list .rs_subtitle{padding-right:0}
	.tab-menu div span{font-size:13px;}
	.banner_ad_010{display:none;}
	.tags{margin-left: -130px;}
	.rs_tag{width: 20px;line-height: 15px;font-size: 13px;}
	.rs_tag:after{border-width: 0 10px 20px 20px;right: -5px;bottom: -25px;}
	.rs_tag_offer{height:55px;}
	/*
	.list_img_div{width:120px;height:90px; margin-right:10px;}
	.list_img{width:120px;min-height:90px;}
	*/
	.list_img_div{width:120px;height:90px; margin-right:10px;}
	.list_img_div2{width:120px;height:90px;overflow: hidden;}
	.list_img{min-height:90px;width:120px;}
	.list_img_tag{margin-top:-90px}
	.list_img_tag_svg{width:1.2em;}	
	
	.list_text_div{min-height:135px;}
	.list_text_div{min-height:90px; margin-bottom: 5px;}
	.list_text_news_title{max-height:44px;}
	.list_text_price{font-size:18px;}
	.list_text_subtitle{line-height:18px; max-height:18px;overflow:hidden;margin-top:2px;font-size:14px}
	.list_text_subtitle_news{line-height:16px; max-height:32px;overflow:hidden;margin-top:2px;font-size:12px;}
	.list_summary{font-size:13px;line-height:18px;max-height:36px;overflow:hidden;margin-top:2px;}
	.list_text_title{max-height:22px;}
	.list_tag {line-height:17px;}
	.list_tag span{font-size:10px;padding:0 1px 0 0;display:inline-block;line-height: 12px;height: 16px; border:0 !important;}

	.project{width:120px;height:120px; margin-right:10px;}
	.project .list_img_div2{width:120px;height:120px;overflow: hidden;}
	.project .list_img{min-height:120px;width:120px;}
	.project .list_img_tag{margin-top:-120px}
	.project-text{min-height:130px;}
	.project-text .list_text_price{font-size:16px;}

	#currentProvince{font-size:14px;}
	#currentProvinceSwitch{font-size: 12px;}
	
	.ad_h{height:60px;}
	.ad_h div{line-height: 15px;}

}

@media (max-width:320px){
	.list_text_title {font-size:13px !important}
	.list_text_news_title{max-height:44px;}
	.list_text_price{font-size:15px;}
	.list_text_subtitle{line-height:15px; max-height:15px;overflow:hidden;margin-top:2px;font-size:12px}
	.tab-menu div span{font-size:12px;}
	.showotherprovince{font-size:10px !important; font-weight:normal !important;}
	#currentProvince{font-size:10px;}
	#currentProvinceSwitch{font-size: 8px;}
}