.home_search{
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width:560px;
    width:100%;
	}
	.home_search .tab1{ 
		display:block;
		border:1px solid #CCC; 
		border-right:0;
		border-radius: 4px 0 0 4px;
		padding:8px;
		width:70px;
		height:40px;
		background-image:url(/eng/img/home_search_list.svg);
		background-position:right 5px center;
		background-size:18px;
		background-repeat:no-repeat;
	}
	.home_search .tab1 span,.home_search .tab1 svg{
		float:left; 
		font-size: 14px;
		line-height: 22px;
		color: #ad8c08;
	}
	.home_search .tab1 img{
		float:left; 
		width:18px;
		height:18px;  
		color: #555555;
		margin-left:3px;
	}
	
	.home_search .tab2{
		border: 1px solid #CCC;
		border-right: none;
		padding-top: 0 !important;
		border-radius: 5px 0 0 5px;
		padding-left: 10px;
    margin-left: 10px;
	}
	.home_search .tab2 input{ 
		height:45px;
		border:none;
		width:100%;
		font-size:17px; 
		color:#1e1e1e;
	}
	.home_search .tab2 .autocomplete-items{
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 99;
		border: 1px solid #d3d3d3;
		border-top: none;
		background: #fff;
		max-height: 280px;
		overflow-y: auto;
		box-shadow: 0 4px 12px rgba(0,0,0,0.12);
	}
	.home_search .tab2 .autocomplete-items div{
		padding: 10px 12px;
		cursor: pointer;
		font-size: 15px;
		color: #444444;
		border-top: 1px solid #eee;
		background: #fff;
	}
	.home_search .tab2 .autocomplete-items div:hover,
	.home_search .tab2 .autocomplete-active{
		background-color: #fff5eb !important;
		color: #ff7402 !important;
	}
	 
	.home_search .tab3{
		border-radius: 0px 4px 4px 0;
		width:47px;
    height:47px;
		background-color:#ff7402;
		text-align:center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: none;
    overflow: hidden;
	}
	.home_search .tab3 a{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		-webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
	}
	.home_search .tab3:active,
	.home_search .tab3.is-pressed,
	.home_search .tab3 a:active,
	.home_search .tab3 a.is-pressed{
		background-color:#a34500 !important;
		filter: none;
		transform: none !important;
	}
	.home_search .tab3 img{
		width:24px;
		height:25px;
		margin:0;
    pointer-events: none;
	}
	.bnamedelete {
		position: absolute;
		right: 0;
		width: 28px;
		margin: 9px;
		cursor: hand;
		cursor: pointer;
	}
	a.btn-outline-secondary.resetallbtn{ 
		background-color: #929292;
		color: #ffffff !important;
		background-image:url(/eng/img/x-white.svg);
		background-position:right 5px center;
		background-size:20px;
		background-repeat:no-repeat;
		padding-right:25px !important; 
		border-color: #929292;
		-webkit-tap-highlight-color: transparent;
		transition: none;
	}
	a.btn-outline-secondary.resetallbtn:hover,
	a.btn-outline-secondary.resetallbtn:focus,
	.searchboxitem a.btn-outline-secondary.resetallbtn:hover,
	.searchboxitem a.btn-outline-secondary.resetallbtn:focus{
		background-color: #929292 !important;
		color: #ffffff !important;
		background-image:url(/eng/img/x-white.svg);
		border-color: #929292 !important;
	}
	a.btn.btn-outline-secondary.resetallbtn:active,
	a.btn.btn-outline-secondary.resetallbtn.is-pressed,
	a.btn-outline-secondary.resetallbtn:active,
	a.btn-outline-secondary.resetallbtn.is-pressed,
	.searchboxitem a.btn.btn-outline-secondary.resetallbtn:active,
	.searchboxitem a.btn.btn-outline-secondary.resetallbtn.is-pressed,
	.searchboxitem a.btn-outline-secondary.resetallbtn:active,
	.searchboxitem a.btn-outline-secondary.resetallbtn.is-pressed{
		background-color: #3d3d3d !important;
		color: #ffffff !important;
		background-image:url(/eng/img/x-white.svg) !important;
		border-color: #3d3d3d !important;
		box-shadow: none !important;
		filter: brightness(0.85);
		transform: scale(0.92);
	}
	.search-type{
		display:flex;
		width:100%;
		max-width:100%;
		overflow-x:hidden;
		box-sizing: border-box;
	} 
  .search-type > div{
    flex:1 1 0%;
    width:0;
    min-width:0;
    max-width:none;
    box-sizing: border-box;
  }
  .search-type > div:last-child{
    flex: 1.45 1 0%;
    min-width: 6.5em;
  }
	.search-type a{
		padding: 6px 6px 12px;
    font-size: 18px;
    font-weight:bold;
    color: #3a3a3a !important;
    display: block;
    min-width:0;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    border-radius:6px;
    border-bottom: 3px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
  .search-type a:hover{
    color: #ff7402 !important;
    background-color: transparent;
  }
	.search-type a.active{
		color: #ff7402 !important;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    position: relative;
    text-decoration: none;
	}
  .search-type a.active::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(2em + 15px);
    height: 4px;
    background-color: #ff7402;
  }
	.search-type a.active:hover{
    color: #ff7402 !important;
    background-color: transparent;
	}
  .btn-outline-secondary::after{
	  right: 8px;
	  color: #787878; 
  } 
 
 .flow-menu{
	 display:none;
	 position:absolute; 
	 border-top:1px solid #CCC;
	 width:100%;
	 max-width:350px;
	 background-color:#ffffff;
	 padding:10px;
	 margin:5px;
	 transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	 box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
	 z-index:99
 }
 .accordion-item{
	 display:inline-block;
	 width:100%; 
 }
 
 .accordion-button{
	 padding-left:10px; 
 }
 .accordion-button:not(.collapsed) {
    color: #93772f;
    background-color: #FFF; 
    box-shadow:none;
 }
.accordion-button:not(.collapsed)::after{
    background-image:var(--bs-accordion-btn-icon)
}
.accordion-button:focus{
	border:none;
	box-shadow:none;
}
.flow_title{
	font-size: 16px; 
  padding-bottom: 6px;
  color: #a1a1a1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.flow_title img{
	float:none;
	width:24px;
	height:24px;
	display:block;
}
.area-switch{
  display: inline-flex;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  overflow: hidden;
}
.area-switch a{
  padding: 3px 14px;
  font-size: 15px;
  color: #555 !important;
  background: #fff;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
  transition: background-color .12s ease, color .12s ease;
}
.area-switch a:hover{
  background: #fff;
}
.area-switch a:active,
.area-switch a.is-pressed{
  background: #ffd333;
  color: #000 !important;
}
.area-switch a.active{
  background: var(--color-area-switch-active);
  color: #fff !important;
}
.area-switch a.active:active,
.area-switch a.active.is-pressed{
  background: #555555;
  color: #fff !important;
}
.flow_foot{
	padding:10px 0;
}
.flow_foot button{
	width:50%;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .12s ease, transform .12s ease;
}
.flow_foot button:active,
.flow_foot button.is-pressed{
	transform: scale(0.96);
}
.flow_foot .btn-secondary{
	margin-right:5px;
}
.flow_foot .btn-primary{
	margin-left:5px;
}
.searchsortdiv .dropdown-item{
  -webkit-tap-highlight-color: transparent;
  transition: background-color .12s ease;
}
.searchsortdiv .dropdown-item:active,
.searchsortdiv .dropdown-item.is-pressed{
  background-color: #ffd333 !important;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{
	margin-left:-15px
	
}
.searchboxitem{
  margin-right:10px;
}
.searchboxitem-spacer{
  width: 50px;
  min-width: 50px;
  flex-shrink: 0;
}
a.btn-outline-secondary {
    position: relative;
    padding-right: 25px;
    color: #000000 !important;
    white-space: nowrap;
    transition: none;
    min-width: 75px;
    line-height: 29px;
    height: 38px;
    font-size: 15px;
}
.activetag{
	position:relative;
}
.activetag a.btn-outline-secondary,
.searchboxitem a.btn-outline-secondary:hover,
.searchboxitem a.btn-outline-secondary:focus,
.searchboxitem a.btn-outline-secondary:active{
	background-color:#ff7402 !important;
	border-color:#ff7402 !important;
	color:#ffffff !important;
	font-weight:normal;
}
.activetag a.btn-outline-secondary{
	padding-right:30px;
}
.activetag a.btn-outline-secondary::after,
.searchboxitem a.btn-outline-secondary:hover::after,
.searchboxitem a.btn-outline-secondary:focus::after,
.searchboxitem a.btn-outline-secondary:active::after{
	color:#ffffff;
	border-top-color:#ffffff;
}
a.btn-outline-secondary:hover,a.btn-outline-secondary:focus{
	background-color:#ff7402;
	color:#ffffff;
}
/* 綠表 button: hover / active keep green, white text & caret */
a.btn-outline-secondary.greenformbtn:hover,
a.btn-outline-secondary.greenformbtn:focus,
a.btn-outline-secondary.greenformbtn:active,
.searchboxitem a.btn-outline-secondary.greenformbtn:hover,
.searchboxitem a.btn-outline-secondary.greenformbtn:focus,
.searchboxitem a.btn-outline-secondary.greenformbtn:active,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):hover,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):focus,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):active{
	background-color: #00a12c !important;
	background: #00a12c !important;
	border-color: #00a12c !important;
	color: #ffffff !important;
}
a.btn-outline-secondary.greenformbtn:hover::after,
a.btn-outline-secondary.greenformbtn:focus::after,
a.btn-outline-secondary.greenformbtn:active::after,
.searchboxitem a.btn-outline-secondary.greenformbtn:hover::after,
.searchboxitem a.btn-outline-secondary.greenformbtn:focus::after,
.searchboxitem a.btn-outline-secondary.greenformbtn:active::after,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):hover::after,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):focus::after,
.searchboxitem a[href="javascript:setGreen()"]:not(.gf_active):active::after{
	color: #ffffff !important;
	border-top-color: #ffffff !important;
}
a.btn-outline-secondary.gf_active,
.searchboxitem a.btn-outline-secondary.gf_active{
	background-color: #00a12c !important;
	background-image: url(/eng/img/close_white.svg) !important;
	background-position: right 5px center;
	background-size: 16px;
	background-repeat: no-repeat;
	padding-right: 24px !important;
	color: #ffffff !important;
	border-color: #00a12c !important;
}
a.btn-outline-secondary.gf_active:hover,
a.btn-outline-secondary.gf_active:focus,
a.btn-outline-secondary.gf_active:active,
.searchboxitem a.btn-outline-secondary.gf_active:hover,
.searchboxitem a.btn-outline-secondary.gf_active:focus,
.searchboxitem a.btn-outline-secondary.gf_active:active{
	background-color: #00a12c !important;
	background-image: url(/eng/img/close_white.svg) !important;
	color: #ffffff !important;
	border-color: #00a12c !important;
} 
.activetag a.close{
	position:absolute;
	right:6px;
	top:8px;		
}
.sortdiv{
	padding-right: 30px;
  float: left;
  background-image: url(/eng/img/sort-down.svg);
  background-repeat: no-repeat;
  background-position: right center; 
  line-height: 30px;
  font-size:15px;
  background-size: 25px;
} 


	.propnav{
    display: flex;
    padding: 10px;
    text-align: center;
    font-size: 21px;
    align-items: center;
    justify-content: center;
	}
	.propnav a{
		display:block;
		padding:5px 10px;
		color:#666666		
	}
	.propnav a.active,.propnav a:hover{
		color:#f00
	}
	.total{
		font-size:21px; 
		padding-left:10px !important
	}
  
	#prop_list .swiper-pagination{
		padding:3px;
	}
	#prop_list .swiper-pagination-bullet{
		background-color:#ffffff;
		opacity:1; 
	}
	#prop_list .swiper-pagination-bullet-active{
		background-color:#F90
	}
	#prop_list .swiper-wrapper{
		cursor:hand;
		cursor:pointer;
	}
	#prop_list .swiper-slide img {
    display: block;
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 8px;
	}
	
	#prop_list .others{
    display:flex;
    flex-wrap: wrap;
    margin-top:15px;
    margin-right: 40px;    
	} 
  #prop_list .others span {
    display: block;
    padding-left: 25px; 
    background-image: url(/eng/img/propertycheck.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 25px 25px;
    margin-bottom: 8px;
    padding-right:10px;
    text-align: left;
  }
	#prop_list .detail .align-items-end{
		height:55px;
	}
	
#prop_list #list{
	clear:both;
	width: 100%;
	height: 200px;
	overflow:hidden;
}
#prop_list #list_left{
	float:left;
	width:480px;
	text-align:left;
	margin-left:10px;
}
#prop_list #list_right{
	float:left;
	width: 180px;	
	text-align:right;
}
#prop_list .bname{
	margin-right:30px
}
#prop_list .bname a{
	font-size: 25px; 
	color:#000000;
	font-weight: bold;	
}
 
#prop_list .bname a:hover{
	color: #e55700;
}
#prop_list .dist{
	font-size:17px; 
	display:table;
	margin-bottom:5px;
	color:#000000;
} 
#prop_list .dist span{
	display:table-cell; 
	padding-right:10px;
  color: #555;
} 
 
#prop_list .input{
	font-size:13px;
	color:#a6a6a6
}
#prop_list .refnoheight{
	height:25px;
}
#prop_list .refno{
	font-size:12px;
	color:#a6a6a6;
	position:absolute;
	left:0;
	bottom:0;
	padding-right:160px;
}
#prop_list .refno span{
	margin-left:12px;
}
@media (max-width: 767px) {
  #prop_list .refno,
  #prop_list .refnoheight{
    display: none;
  }
}

/* Real mobile device only (not narrow desktop window) */
body.is-mobile-device #prop_list .numnavbar,
body.is-mobile-device #prop_list .propnav{
  display: none !important;
}
body.is-mobile-device #prop_infinite_loading,
body.is-mobile-device #prop_nomore{
  padding: 24px 16px 40px;
  text-align: center;
  color: #666;
  font-size: 14px;
}

#prop_list .icon div{ 
	margin-bottom:12px; 
}
#prop_list .icon div img{
	width:30px;
  cursor:hand;
  cursor:pointer;
}
#prop_list .info{ 
	margin-right:30px;
}
#prop_list .info_bold{
	font-size:15px;
	color:#666
}

.info_list_detail{
	font-size: 19px; 
}
 
#prop_list .rentprice{
	font-size:25px;
	color:#0087ff;  
	background-color:#ffffff;
	font-weight:bold;
}
#prop_list .saleprice{
	font-size:25px;
	color:#cb0000;
	background-color:#ffffff;
	font-weight:bold;
}
 
#prop_list .picbr{
	display:block;
	margin-right:8px;
	width: 280px;
  height: 230px;
	overflow:hidden; 
	border-radius: 8px;
	background-size: cover;
	background-position:center;
	background-repeat:no-repeat
} 

#prop_list .item{ 
	border-bottom:1px solid #dcdcdc;
	padding: 10px 10px 10px 0
} 
#prop_list .rightitem{
	text-align:right;
	float:right;
} 
#prop_list .pricearea{ 
	margin-top:10px;
	position: absolute;
  right: 0;
  bottom: 0;
	text-align:right;
}  
#prop_list .pricearea img{
	height: 30px;
	margin-top:5px;
}

#prop_list .sizearea{  
	margin-top:10px;
	color:#000000
}
#prop_list .remark{
	border-radius:3px !important;
	width:fit-content;
  max-width: 90%;
	margin-top:5px; 
	padding:2px;
	color:#fff;
	background-color:#c7b172;
	font-size:14px; 
}
.gbt{
	cursor:hand;
	cursor:pointer;
}
 
.green{
	color:#00b31e !important; 
  display: inline !important;
  font-weight: 600;
  font-size: 12px;
}
 
.unit_sqft{
	width:180px;
	color: #767676;
	font-size:13px;
}

.mortgagecal{
	display: block;
	width: 34px;
	height: 34px;
	text-align: right;
	margin-left: auto;
	background-color: #8f8f8f;
	border-radius: 50px !important;
	background-image: url(/eng/img/cal.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}
.mortgagecal:hover{
	background-color:#b72a2a
}
a.mortgagecal2{
  display: block;
  line-height: 0;
}
a.mortgagecal2 img{
  width: 30px;
  height: 30px;
}
a.mortgagecal2:hover{
  opacity: 0.75;
}
.topsearch{
  display:flex;
  align-items: center; 
  margin:10px 0;
  max-width: 900px;
}
.topsearch .moreestate,
.home_search .moreestate{
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 10px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: bold;
  color: #444444 !important;
  border: 1px solid #ff7402;
  border-radius: 5px;
  background-color: #ffffff;
  text-decoration: none;
  line-height: 1.2;
}
.topsearch .moreestate:hover,
.home_search .moreestate:hover{
  background-color: transparent;
  color: #ff7402 !important;
}

/* 搜尋結果旁熱門屋苑側欄（僅桌面） */
:root {
  --color-prop-hot-bg: #ffffff;
  --color-prop-hot-border: #e0e0e0;
  --color-prop-hot-title: #1e1e1e;
  --color-prop-hot-heading: #505050;
  --color-prop-hot-district: #444444;
  --color-prop-hot-link: #6e6e6e;
  --color-prop-hot-link-hover: #ff7402;
  --color-prop-hot-accent: #e2540a;
  --color-prop-hot-title-border: #ff9400;
  --color-prop-estate-muted: #6e6e6e;
  --color-prop-estate-label: #888888;
  --color-prop-estate-row-border: #eeeeee;
  --color-prop-estate-stat-bg: #f7f7f7;
  --color-btnsort-selected: #d7711c;
  --color-area-switch-active: #e46a1e;
  --color-dropdown-item-hover-bg: #ffd333;
}
.prop_list_layout {
  display: block;
  width: 100%;
  margin-top: 0.625rem;
}
.prop_hot_estates {
  display: none;
}
.prop_hot_estates.is-estate-profile .prop_hot_estates_list {
  display: none;
}
.prop_hot_estates:not(.is-estate-profile) .prop_estate_sidebar {
  display: none;
}
.prop_list_main {
  width: 100%;
}
.prop_list_header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0 0 0.75rem;
  padding: 0.15rem 0 0.5rem;
  border-bottom: 1px solid var(--color-prop-estate-row-border, #eeeeee);
  box-sizing: border-box;
}
.prop_list_h1 {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-prop-hot-title, #1e1e1e);
}
.prop_list_total {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 0.9375rem;
  color: var(--color-prop-estate-muted, #6e6e6e);
}
.prop_list_total_num {
  color: var(--color-prop-hot-accent, #e2540a);
  font-weight: 700;
}
@media (max-width: 767px) {
  .prop_list_header {
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
  }
  .prop_list_h1 {
    font-size: 1.05rem;
  }
  .prop_list_total {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1025px) {
  .prop_list_layout {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
  .prop_hot_estates {
    display: block;
    box-sizing: border-box;
    width: 300px;
    flex: 0 0 300px;
    padding: 0.75rem;
    background-color: var(--color-prop-hot-bg);
    border: 1px solid var(--color-prop-hot-border);
    border-radius: 0.375rem;
    position: sticky;
    top: 7.75rem;
    max-height: calc(100vh - 8.5rem);
    overflow-y: auto;
  }
  .prop_hot_estates_title {
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--color-prop-hot-heading);
    margin: 0 0 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--color-prop-hot-title-border);
    text-align: center;
  }
  .prop_hot_estates .district {
    display: flex;
    flex-direction: column;
    margin-top: 0.75rem;
  }
  .prop_hot_estates .district:first-child {
    margin-top: 0;
  }
  .prop_hot_estates .dtitle {
    font-size: 1.0625rem;
    font-weight: bold;
    color: var(--color-prop-hot-district);
    margin-bottom: 0.25rem;
  }
  .prop_hot_estates .dtitle a {
    color: var(--color-prop-hot-district);
    text-decoration: none;
  }
  .prop_hot_estates .dtitle a:hover {
    color: var(--color-prop-hot-link-hover);
  }
  .prop_hot_estates .bname {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .prop_hot_estates .bname a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1.35;
    color: var(--color-prop-hot-link);
    text-decoration: none;
    border-radius: 0.25rem;
  }
  .prop_hot_estates .bname a:hover {
    color: var(--color-prop-hot-link-hover);
    background-color: transparent;
  }
  .prop_estate_profile {
    font-size: 0.9375rem;
    line-height: 1.45;
    color: var(--color-prop-hot-title);
  }
  .prop_estate_hero {
    display: block;
    margin: 0 0 0.75rem;
    background-color: var(--color-prop-estate-stat-bg);
    border-radius: 0.25rem;
    overflow: hidden;
  }
  .prop_estate_hero img {
    display: block;
    width: 100%;
    max-height: 9.5rem;
    object-fit: contain;
  }
  .prop_estate_name {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 0.25rem;
  }
  .prop_estate_name a {
    color: var(--color-prop-hot-title);
    text-decoration: none;
  }
  .prop_estate_name a:hover {
    color: var(--color-prop-hot-link-hover);
  }
  .prop_estate_eng {
    font-size: 0.875rem;
    color: var(--color-prop-estate-muted);
    margin-bottom: 0.375rem;
  }
  .prop_estate_addr {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: var(--color-prop-hot-district);
    margin-bottom: 0.75rem;
  }
  .prop_estate_addr img {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
  }
  .prop_estate_stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin: 0 0 0.75rem;
  }
  .prop_estate_stat {
    flex: 1 1 45%;
    min-width: 6.5rem;
    padding: 0.5rem 0.375rem;
    background-color: var(--color-prop-estate-stat-bg);
    border: 1px solid var(--color-prop-estate-row-border);
    border-radius: 0.25rem;
    text-align: center;
  }
  .prop_estate_stat_num {
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-prop-hot-title);
    word-break: break-word;
  }
  .prop_estate_stat_lbl {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--color-prop-estate-label);
  }
  .prop_estate_rows {
    display: flex;
    flex-direction: column;
    margin: 0 0 0.75rem;
  }
  .prop_estate_row {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--color-prop-estate-row-border);
  }
  .prop_estate_row_lbl {
    flex: 0 0 4.5rem;
    color: var(--color-prop-estate-label);
    font-size: 0.8125rem;
  }
  .prop_estate_row_val {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--color-prop-hot-title);
    word-break: break-word;
  }
  .prop_estate_desc {
    margin: 0 0 0.875rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--color-prop-estate-row-border);
  }
  .prop_estate_desc_text {
    font-size: 0.875rem;
    color: var(--color-prop-hot-district);
    line-height: 1.55;
  }
  .prop_estate_desc_text.is-collapsed {
    max-height: 4.65em;
    overflow: hidden;
  }
  .prop_estate_desc_more {
    display: inline-block;
    margin-top: 0.25rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-prop-hot-accent);
    font-size: 0.875rem;
    font-weight: bold;
    cursor: pointer;
    font-family: inherit;
  }
  .prop_estate_desc_more:hover {
    text-decoration: underline;
  }
  .prop_estate_more {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.75rem;
    text-align: center;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: bold;
    color: var(--color-prop-hot-bg);
    background-color: var(--color-prop-hot-accent);
    border-radius: 0.25rem;
  }
  .prop_estate_more:hover {
    color: var(--color-prop-hot-bg);
    opacity: 0.92;
  }
  .prop_list_main {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }
}

#myModal .modal-header{
  background-color: #fe9632;
}
#myModal .modal-content{
  color: #444444;
}
#myModal .modal-header .modal-title{
  color: #000000;
  font-size: 20px;
}
#myModal .modal-title{
  font-size: 20px;
}
#myModal .more-estate .district{
  display: flex;
  margin-top: 12px;
}
#myModal .more-estate .dtitle{
  font-size: 17px;
  font-weight: bold;
  min-width: 128px;
  padding: 6px 10px 6px 0;
  white-space: nowrap;
  color: #444444;
}
#myModal .more-estate .dtitle a{
  color: #444444;
  text-decoration: none;
}
#myModal .more-estate .dtitle a:hover{
  color: #ff7402;
}
#myModal .more-estate .bname{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#myModal .more-estate .bname a{
  padding: 6px 10px;
  font-size: 17px;
  color: #444444;
  background-color: transparent;
  text-decoration: none;
}
#myModal .more-estate .bname a:hover{
  background-color: transparent !important;
  color: #ff7402 !important;
  text-decoration: none;
}
a.btnsort{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  padding: 10px 4px;
  font-size: 15px;
  color:#000000 !important;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .12s ease, transform .12s ease;
}
a.btnsort.dropdown-toggle::after{
  display: none;
}
a.btnsort .btnsort-icon{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  pointer-events: none;
  /* 確保排序圖示顯示黑色 */
  filter: brightness(0);
}
a.btnsort .btnsort-label{
  color: #646464;
}
a.btnsort.is-selected .btnsort-label,
a.btnsort .btnsort-label.is-selected{
  color: var(--color-btnsort-selected);
  font-weight: 600;
}
a.btnsort:active,
a.btnsort.is-pressed{
  background-color: transparent !important;
  border-bottom-color: var(--color-btnsort-selected) !important;
  transform: scale(0.96);
}
.searchsort-mobile-btn{
	padding: 0px;
	border-radius: 5px;
	background-color: #ffce00;
	border: 1px solid #ffce00;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .12s ease, transform .12s ease;
}
.searchsort-mobile-btn:active,
.searchsort-mobile-btn.is-pressed{
	background-color: #e6b800;
	border-color: #e6b800;
	transform: scale(0.96);
}
.searchsort-mobile-btn img{
	width: 26px;
	margin: 5px;
	display: block;
}
.searchsortdiv{
  background-color:#ffffff; 
}
.searchsortdiv a{
  color: #000000 !important;
  font-size: 15px;
  padding: 7px 10px;
  border-bottom:1px solid #ededed
}
.dropdown-item:hover{
  background-color: var(--color-dropdown-item-hover-bg);
}
.dropdown-item.active{
	background-color: #ffffff;
  color: var(--color-btnsort-selected) !important;
}
.dropdown-toggle::after { /*arrow down icon */
    right: 8px; 
}

a.btnsort:hover, a.btnsort:focus{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #2558c7;
  position: relative;
  padding: 10px 4px;
  font-size: 15px;
  color:#000000 !important;
  box-shadow: none;
}

@media (max-width: 600px) {
 #prop_list .picbr{ 
    margin-right:5px;
    width: 200px;
    height: 150px;
    border-radius: 0;
  }
  #prop_list .swiper-slide img { 
    height: 150px;
    border-radius: 0;
	}
  #prop_list .swiper-pagination,
  #prop_list .photoSwiper .swiper-pagination{
    display: none !important;
  }
}
@media (max-width: 550px) {
  .bnamedelete {
    margin:4px;
  }
  
  #prop_list .icon div img{
    width:25px;
  }
  .home_search .tab2{
    padding-left:5px;
  }
  .home_search .tab2 input{
    height:35px;
    font-size:15px;
  }
  .home_search .tab3{
    height:37px;
    width:37px;
  }
  .home_search .tab3:active,
  .home_search .tab3.is-pressed,
  .home_search .tab3 a:active,
  .home_search .tab3 a.is-pressed{
    background-color:#a34500 !important;
    filter: none;
    transform: none !important;
  }
  .home_search .tab3 img{
    width: 25px;
    height: 25px;
    margin: 0;
  }
 
	#prop_list .rightitem{
		position: absolute;
    right: 0;
		background-color:#ffffff
	}
	#prop_list .bname{ 
		margin-bottom:5px;
	}
  #prop_list .bname a{
    font-size: 21px;  
  }
	
	#prop_list .item{  
		margin: 0;
		padding: 5px 0px 5px 0;
	}

  #prop_list .dist span{ 
    line-height:17px; 
  }
	#prop_list .info{
		float:none;  
	}  
  
  #prop_list .rentprice{
    font-size:21px; 
  }
  #prop_list .saleprice{
    font-size:21px; 
  }
  .flow-menu {
    max-width: 100% !important;
    margin: 0px;
    margin-top: 10px;
    position: absolute;
    left: 0px;
    right: 0px;
  }
	.info_list_detail{
		font-size:15px 
	}
	
	.speciallbl{
		width:150px;
	}
  .topsearch{
    flex-wrap: wrap;
    margin:0px 0
  }
  .topsearch .search-type{
    flex: 0 0 100%;
    width: 100%;
  }
  .topsearch .moreestate,
  .home_search .moreestate{
    margin-left: 8px;
    margin-top: 0;
    width: auto;
    padding: 8px 10px;
    font-size: 14px;
  }
  #myModal .more-estate .district{
    flex-direction: column;
  }
  #myModal .more-estate .dtitle{
    min-width: 0;
    padding-bottom: 0;
  }
  #myModal .more-estate .bname a{
    font-size: 14px;
    padding: 4px 8px;
  }
  .search-type{
    display: flex;
    justify-content: stretch;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    margin: 0px 0 6px 0;
    border-bottom: 1px solid #ededed;
  }
  .search-type > div{
    flex: 1 1 0%;
    width: 0;
    min-width: 0;
  }
  .search-type > div:last-child{
    flex: 1.45 1 0%;
    min-width: 6.5em;
  }
	.search-type a{
		padding: 15px 4px 13px;
    min-width:0;
    width: 100%;
	}  
  .home_search .tab2{
    margin-left:0px
  }
  .searchboxitem{
    margin-right: 3px;
  }
  a.btn-outline-secondary{
    min-width: 60px;
  }
  #prop_list .others{
    margin-top:0px
  }
  #prop_list .sizearea{
    margin-top:0px;
  }
  #prop_list .unit_sqft{
    font-size: 11px;
  }
  #prop_list .info_bold,
  #prop_list .green{
    font-size: 12px;
  }
}
 
@media (max-width: 450px) {  
  #prop_list .bname a{
    font-size: 19px;  
  }
  #prop_list .others{  
  }
  #prop_list .others span{
    margin-bottom:3px;
  }
  #prop_list .picbr{ 
    margin-right:5px;
    width: 120px;
    height: 150px;
    border-radius: 0;
  }   
  #prop_list .swiper-slide img { 
    height: 150px;
    border-radius: 0;
	} 
  .playicon{ 
		margin-left:48px;
		margin-top:75px;
	}
	.speciallbl{
		width:90px; 
	}
	.speciallbl span{
		font-size:14px;
		line-height:20px;
		margin-right:2px;
	}
  a.btn-outline-secondary{
    font-size:14px;
  }
}