@charset "utf-8";
body {
	font-family:Arial, Helvetica, "Sans Serif";
	background:#fff;
	font-size:13px;
	color:#333;
	position: relative;
	z-index: 1;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote,p {
	padding:0;
	margin:0;
}
table, td, tr, th {
	font-size:12px;
}
li {
	list-style-type:none;
}
img {
	vertical-align:top;
	border:0;
}
a:link { color:#0044DD; text-decoration:none; }
a:visited { color:#0044DD; text-decoration:none; }
a:hover { color:#f60; text-decoration:underline; }
a:active { color:#ba2636; }
.clear{clear: both;}
.fc-gry{ color:#666666; }
.fc-org{ color:#FF6600; }
.fc-red{ color:#FF0000; }
.fc-gre{ color:#56A236; }
/** 清除浮動 New **/
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
.clearfix{*zoom:1;}
.imgflotright {
	float:right;
	padding-right:5px;
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
	display:block;
}
.clearH5 {
	clear:both;
	height:5px;
	overflow:hidden;
	display:block;
}
.clearH6 {
	clear:both;
	height:6px;
	overflow:hidden;
	display:block;
}
.clearH9 {
	clear:both;
	height:9px;
	overflow:hidden;
	display:block;
}
.clearH10 {
	clear:both;
	height:10px;
	overflow:hidden;
	display:block;
}
.clearH13 {
	clear:both;
	height:13px;
	overflow:hidden;
	display:block;
}
#mapContainer {
	position:relative;
	width:auto;
	margin:auto;
	min-width: 1200px;
	z-index:0;
    overflow: auto;
}
#mapHeader {
	position:relative;
	width:100%;
	z-index: 100;
}
#content {
	position:relative;
	padding:0;
	width:100%;
	margin: auto;
    z-index: 1;
    background: #fff;
    min-width: 954px;
    overflow: hidden;
    height: auto;
}
/*搜索框*/
.mapKeywordSearch {
	height: 36px;
    width: 650px;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #fff;
}
#keyword{
	vertical-align: middle;
    color: rgb(153, 153, 153);
    width: 540px;
    top: 0px;
    display: inline;
    padding: 3px 0px 3px 5px;
    -webkit-apperance: none;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
}
#search{
	position: absolute;
    width: 102px;
    height: 36px;
    line-height: 36px;
    border: 0;
    background-color: #f36f20;
    top: 0px;
    right: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}
#search:hover{
	text-decoration: none;
}
/*條件篩選框*/
#searchBox{
	position: absolute;
	top: 60px;
    left: 0;
    z-index: 50;
}
#searchBox .selectStyle,#moreSearch,#clearSearch
{
    border:1px solid #ccc;
    line-height: 30px;
    height:30px;
    color:#666;
    float:left;
    margin-right:8px;
    padding-left: 10px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
#moreSearch{
	padding: 0px 20px 0px 30px;
	background: url(../../../../images/index/map/new_mapIcon.png)  no-repeat 15px -79px;
}
#clearSearch{
	border:0px;
	margin-right: 0px;
	padding-left: 15px;
	background: url(../../../../images/index/map/new_mapIcon.png)  no-repeat 0px 7px;
}
#clearSearch a{
	color:#666;
}
#searchBox .selectStyle{
	background: url(../../../../images/index/map/new_mapIcon.png)  no-repeat right -111px;
}
#searchBox .selectStyle li>input{
    width: 55px;
    height: 24px;
    font-size: 12px;
    color: #666;
    background-color: #f5f5f5;
    border: none;
    text-align: left;
    margin-right: 5px;
    padding-left: 10px;
}
#searchBox .selectStyle li.btn{
    display: flex;
    margin-top: 12px;
    margin-bottom: 6px;
    cursor: pointer;
    padding: 0 10px;
}
#searchBox .selectStyle li.btn span{
    color: #333;
    font-size: 14px;
    background-color: #f5f5f5;
    width: 65px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
#searchBox .selectStyle li.btn span:hover{
    opacity: 0.8;
}
#searchBox .selectStyle li.btn a{
    width: 65px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #FF8000;
    color: #fff;
    margin-left: 15px;
}
#searchBox .selectStyle li.btn a:hover{
    opacity: 0.8;
    color: #fff;
}

#searchBox .w88{
	width: 76px;
}
#searchBox .w100{
	width:88px;
}
#searchBox .w110{
	width:102px;
}
#searchBox .w172{
	width:172px;
}

#searchBox .w110 .rsTxt{
    width: 87px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#searchBox .w88 .rsTxt{
    width: 60px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#searchBox .showselectcon{
	display: none;
	position: absolute;
    top: 30px;
    left: -1px;
    z-index: 9999;
    border: 1px solid #ccc;
    background: #fff;
    width: 100%
}
#searchBox .showselectcon li{
	padding-left: 10px;
	color:#666;
	height: 32px;
	line-height: 32px;
}
#searchBox .showselectcon li a{
	color:#666;
	display: block;
	height: 32px;
	line-height: 32px;
}
#searchBox .showselectcon li:hover,#searchBox .showselectcon li a:hover{
    color:#f60;
    text-decoration: none;
}
/*地區展開*/
#area_province{
	width: 498px!important;
	padding: 10px 0px 10px 10px;
}
#area_province dl{
   height: 30px;
   line-height: 30px;
   width: 100%;
}
#area_province dl dt{
	width: 40px;
	font-weight: bold;
	color: red;
	clear: both;
	float:left;
}
#area_city{
	width: 514px!important;
	padding: 10px 0px 10px 10px;
}
#area_province li, #area_city li {
    float: left;
    font-size: 13px;
    height: 25px;
    padding-left: 8px;
    text-align: left;
    width: 52px;
}
/*捷運展開*/
#area_metro{
	width: 466px!important;
}
#metro_b{
	width: 98px;
	float:left;
	height:100%;
	border-right:1px solid #ccc;
}
#metro_c{
	width: 367px;
	float:left;
	margin-left: -1px;
	border-left:1px solid #ccc;
	padding:10px 0px;
}
#metro_b li{
	height:32px;
	line-height: 32px;
	border-bottom: 1px solid #ccc;
	background: url(../../../../images/index/map/new_mapIcon.png)  no-repeat 84px -47px;
}
#metro_b li:hover,#metro_b li.select{
	background: url(../../../../images/index/map/new_mapIcon.png)  no-repeat 84px -15px;
}
#metro_c li{
	width:81px;
	float:left;
	height:36px;
	line-height: 36px;
}
#area_metro .select a{
	color:#f60!important;
}
#selectMetro,#selectMetroSecond{
	display: none;
}
/*右側內容*/
.right_content{
	position: absolute;
    top: 0;
    right: 0;
    _right: 30px;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    width: 420px;
}
.right_part {
   position: relative;
   _height: 100%;
}
.right_part{
	overflow-y: scroll;
}
.custom_scroll_bar:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.shResult{
	border-top:1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	height: 50px;
	line-height: 50px;
	padding-left:10px;
	text-align: left;
	position: relative;
}
.shResult .orderList{
	position: absolute;
	top: 14px;
    right:10px;
    *top:0px;
}
.shResult select{
   height: 22px;
   padding:0px 2px;
   line-height: 18px;
}
.shResult .count{
	font-size: 15px;
}
.moreChoose{
	margin-top: 10px;
	display: none;
	z-index: 20!important;
}
.map2_notice_noresult {
	padding-top: 30px;
	display: none;
}
.map2_notice_noresult .l1,.map2_notice_noresult .l2{
   padding-left: 10px;
   line-height: 22px;
}
.map2_notice_noresult .l3ul li{
   height:24px!important;
   line-height: 24px!important;
   padding-left: 30px!important;
}
.map2_notice_noresult .l4,.map2_notice_noresult .noprompt{
	text-align: center;
	padding-top: 20px;
}
/*主體內容*/
.map2_div {
	position:relative;
	overflow:hidden;
	margin-right:422px;
	zoom:1;
}
/*======華梑滇======*/
/*.marker {
	background:url(../../../../images/index/map/mmln2.png) no-repeat right top;
    *background: none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../../../../images/index/map/mmln2.png');
	color:white;
	cursor:pointer;
	font-size:12px;
	height:36px;
	padding-right: 20px;
	line-height:23px;
	min-width:48px;
	padding:0;
	position:absolute;
	display:block;
	text-align:center;
	z-index: 1000;
}
.prop_num_left{
	background:url(../../../../images/index/map/mm3.png) no-repeat;
    height: 36px;
    line-height: 24px;
    display: block;
    float: left;
    position: relative;
    left: -1px;
}
.prop_num_left .case_num{
	width: 48px;
	text-align: center;
	display: block;
	float: left;
}
.prop_num_left .case_name{
    margin-left:10px;
    margin-right: 10px;
    float: left;
    display: none;
}
.clickCase .case_name{
	display: block!important;
}
.clickCase{
	z-index:10000!important;
	background:url(../../../../images/index/map/mml2.png) no-repeat right top!important;
}
.clickCase .prop_num_left{
   background:url(../../../../images/index/map/mmh3.png) no-repeat;
}
.marker .closeCase{
	float:right;
	margin-right: 10px;
	font-family: "Arial";
	width: 20px;
	height: 20px;
	margin-top:2px;
	display: none;
	position: relative;
	z-index: 9999;
}
.marker_hover {
	z-index:10000!important;
}
.map2_commname_default{
	background-image:url(../../../../images/index/map/mmln2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:white;
	cursor:pointer;
	font-size:12px;
	line-height:27px;
	padding:1px 5px 0;
	position:absolute;
	white-space:nowrap;
	z-index:0;
	display: none;
}
.map2_commname, .map2_commname_highlight {
	background-image:url(../../../../images/index/map/mml2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:white;
	display:none;
	font-size:12px;
	line-height:27px;
	padding:1px 5px 0;
	position:absolute;
	white-space:nowrap;
	z-index:3;
	cursor:pointer;
}
.map2_commname_hover {
	background-image:url(../../../../images/index/map/mml2.png);
	z-index:10;
}*/
.marker {
	cursor:pointer;
	display:block;
	width:60px;
	height:80px;
	padding:0;
	position:absolute;
	text-align:center;
}
/* 标记物图标包裹层 */
.marker-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background-image:url(../../../../images/index/map/building-marker.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center top;
	transition: all 0.2s ease;
}
* html .marker {
	width:60px;
}
/* Zoom 13-14 层级的圆点标记 */
.marker-dot {
	width: 12px;
	height: 12px;
	background: #ff8000;
	border: 1px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0px 3px 3px 0px rgba(34,34,34,0.20);
	cursor: pointer;
	display: block;
	position: absolute;
	transition: all 0.3s ease;
}
.marker-dot:hover,
.marker-dot.zMax {
	box-shadow: 0px 4px 6px 0px rgba(34,34,34,0.30);
	z-index: 100000!important;
}
.marker-dot.clickCase {
	z-index: 200000!important;
}
/* 不同房屋类型的标记物背景图 - 应用到 .marker-icon */
.marker-icon.marker-building {
	background-image: url(../../../../images/index/map/building-marker.png);
}
.marker-icon.marker-villa {
	background-image: url(../../../../images/index/map/villa-marker.png);
}
.marker-icon.marker-store {
	background-image: url(../../../../images/index/map/store-marker.png);
}
.marker-icon.marker-office {
	background-image: url(../../../../images/index/map/office-marker.png);
}
.marker-icon.marker-factory {
	background-image: url(../../../../images/index/map/factory-marker.png);
}
.marker-icon.marker-parking {
	background-image: url(../../../../images/index/map/parking-marker.png);
}
.marker-icon.marker-land {
	background-image: url(../../../../images/index/map/land-marker.png);
}

/* hover/click/已看过：切换 active 图标并放大到 60x60 */
.marker.is-active .marker-icon,
.marker.is-visited .marker-icon {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
}

.marker.is-active .marker-icon.marker-building,
.marker.is-visited .marker-icon.marker-building {
	background-image: url(../../../../images/index/map/building-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-villa,
.marker.is-visited .marker-icon.marker-villa {
	background-image: url(../../../../images/index/map/villa-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-store,
.marker.is-visited .marker-icon.marker-store {
	background-image: url(../../../../images/index/map/store-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-office,
.marker.is-visited .marker-icon.marker-office {
	background-image: url(../../../../images/index/map/office-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-factory,
.marker.is-visited .marker-icon.marker-factory {
	background-image: url(../../../../images/index/map/factory-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-parking,
.marker.is-visited .marker-icon.marker-parking {
	background-image: url(../../../../images/index/map/parking-marker-active.png?v=3);
}
.marker.is-active .marker-icon.marker-land,
.marker.is-visited .marker-icon.marker-land {
	background-image: url(../../../../images/index/map/land-marker-active.png?v=3);
}
/* 已浏览过状态：透明度 80%（不影响当前选中状态） */
.marker.is-viewed:not(.is-active):not(.is-visited) .marker-icon,
.marker.is-viewed:not(.is-active):not(.is-visited) .marker-count {
	opacity: 0.7;
}
/* 标记物数字显示在下方（默认状态保持原样） */
.marker .marker-count {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-66%);
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	background: #ff8000;
	border-radius: 24px;
	border: 2px solid #fff;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	box-shadow: 0px 2px 4px 0px rgba(34,34,34,0.20); 
	transition: all 0.3s ease;
}
/* hover/click/已看过状态下 marker-count 调整位置 */
.marker.is-active .marker-count,
.marker.is-visited .marker-count {
	bottom: -9px;
	transform: translateX(-56%);
}
.marker.is-visited .marker-count {
    background: #F01800;
    z-index: 10000 !important;
}
.marker.is-visited{
    z-index: 10000 !important;
}

.marker.is-active .marker-street,
.marker.is-visited .marker-street {
	display: inline-block;
}

/* 街道名称默认隐藏 */
.marker .marker-street {
	display: none;
	margin-right: 8px;
	padding-right: 8px;
	position: relative;
}
/* 街道名称右侧的分隔线 */
.marker .marker-street::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #ffffff;
}
/* 数字部分 */
.marker .marker-number {
	display: inline-block;
}
/* 鼠标悬停时显示街道名称 */
.marker.zMax .marker-street,
.marker.clickCase .marker-street {
	display: inline-block;
}
/* 鼠标悬停状态 - 使用足够高的 z-index 覆盖基于纬度的层级 */
.marker.zMax {
	z-index: 100000!important;
}
/* 点击选中状态 - 只让背景图标透明80%，z-index 最高 */
.marker.clickCase {
	z-index: 200000!important;
}
/* hover和click状态的背景图已由 .marker-icon 的类型样式控制，这里不需要额外设置 */
.map2_commname_default {
	background: rgba(51, 51, 51, 0.85);
	border-radius: 4px;
	padding: 4px 10px;
	color: white;
	cursor: pointer;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	white-space: nowrap;
	z-index: 0;
	display: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.map2_commname, .map2_commname_highlight {
	background-image:url(../../../../images/index/map/mml2.png);
	background-position:right center;
	background-repeat:no-repeat;
	color:white;
	display:none;
	font-size:12px;
	line-height:27px;
	padding:1px 25px 0px 5px;
	position:absolute;
	white-space:nowrap;
	z-index:3;
	cursor:pointer;
}
.map2_commname_hover ,.clickCaseName{
	background-image:url(../../../../images/index/map/mml2.png);
	z-index:10;
}
.case_name{
	display: inline-block;
	padding: 0 5px;
}
.case_price{
	padding-right: 10px;
}
.closeCase{
	position: absolute;
	font-family: "Arial";
	width: 20px;
	height: 20px;
	top: 0px;
	right: 5px;
	display: none;
	z-index: 16;
	cursor: pointer;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.zMax{
	z-index: 12!important;
}
.zMax2{
	z-index: 13!important;
}
.outCaseName{
	display: none!important;
}
.clickCaseName,.clickCase{
	display: block!important;
}
.detailwind_load {
	margin-left:280px;
	padding-top:90px;
}
#noprops {
	padding-top:50px;
}
#noprops p {
	font-size:13px;
	line-height:24px;
	text-align:center;
}
.map2_propwind_load, #noprops p.red {
	color:#EB6100;
	display: none;
}
.map2_propwind_load{
	text-align: center;
	height: 100%;
	padding-top:49%;
}
#map2_info_sort .sort_buttons {
	float:right;
	height:30px;
}
.sort_buttons span, .span_propnum {
	font-size:13px;
}
.span_propnum em {
	color:#ff6600;
	font-style:normal;
}
.sort_buttons span, .sort_buttons a, .sort_buttons a:visited {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	margin-top:4px;
	text-decoration:none;
	color:#000;
}
.sort_buttons .sort_button {
	background:url(../../../../images/index/map/mapwin.gif) no-repeat 0 -140px;
	letter-spacing:5px;
	margin-right:10px;
	padding-left:11px;
	width:47px;
}
.sort_buttons .sort_button_down {
	background-position:0 -170px;
}
.sort_buttons .sort_button_up {
	background-position:0 -200px;
}
#map2_filters h5, #map2_filters ul {
	padding-left:15px;
}
#map2_filters h5 {
	font-size:13px;
	margin:8px 0 0;
	padding:0;
}
#map2_filters h5, #map2_filters ul {
	padding-left:15px;
}
#map2_filters ul {
	padding-top:5px;
}
#map2_filters li {
	background:url(../../../../images/index/help/dot.gif) -2px 0 no-repeat;
	height:16px;
}
.map2_propwind ul, .map2_propwind li {
	list-style:none outside none;
	margin:0;
	padding:0;
}

/*右側房屋列表*/
.map2_propwind ul, .map2_propwind li {
	list-style:none outside none;
	margin:0;
	padding:0;
}
#map2_propertys li {
	border-bottom:1px solid #e0e0e0;
	height:76px;
	padding:20px 0px;
	position: relative;
}
#map2_propertys li .proimg {
	height:74px;
	margin-left:10px;
	vertical-align:top;
	width:98px;
	border:1px solid #e0e0e0;
	float:left;
	position: relative;
}
#map2_propertys li .proimg img{
	height:74px;
	width:98px;
}
#map2_propertys li .photoNum{
   position: absolute;
   bottom:0px;
   left:0px;
   width: 100%;
   height:18px;
   line-height: 18px;
   text-align: center;
   background: #333;
   opacity: .6;
   filter:alpha(opacity=60);
}
#map2_propertys li .photoNum a{
	display: block;
	color:#fff;
}
#map2_propertys li .proname {
	float: left;
    width: 272px;
    margin-left: 10px;
}
#map2_propertys .proname p {
	height:22px;
    line-height: 22px;
    font-size: 13px;
    color:#666;
}
#map2_propertys .proname p.title a {
	font-size:15px;
	font-weight:700;
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#map2_propertys .proname p.address{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#map2_propertys .proname p.title img.vipimg {
	margin-left:4px;
	vertical-align:-2px;
	_vertical-align:0px;
}
#map2_propertys li .area {
	margin-top:35px;
	text-align:right;
	width:60px;
	font-size:13px;
	float:left;
	overflow:hidden;
}
#map2_propertys li .price {
	color:#000;
	overflow: hidden;
    position: absolute;
    right: 3px;
    bottom: 18px;
    text-align: right;
}
#map2_propertys li .price em{
	font-style:normal;
	color:#FF6600;
	font-weight:bold;
	font-size: 15px;
}
#map2_filters li {
	padding-bottom:5px;
	padding-left:12px;
}
#map2_filters li a.selected, #map2_filters li a.selected:link, #map2_filters li a.selected:hover, #map2_filters li a.selected:visited {
	color:#FF6600;
	font-weight:bold;
}
/*分頁*/
#map2_info_page {
	text-align:center;
	font-size:12px;
	clear:both;
}
#map2_info_page img {
	margin:0;
	padding:0;
	vertical-align:-6px;
}
a.pageNum:link {
	border:1px solid #C7C7C7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:none;
}
a.pageNum:visited {
	border:1px solid #C7C7C7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:none;
}
a.pageNum:active {
	background:none repeat scroll 0 50% #D7D7D7;
	font-family:Verdana;
	font-size:11px;
	padding:0.02em 0.35em;
	text-decoration:underline;
}
.pageCurrent {
	color:#F50000;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
a.pageNumfang:link {
	border:1px solid #C7C7C7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:none;
}
a.pageNumfang:visited {
	border:1px solid #C7C7C7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:none;
}
a.pageNumfang:active {
	background:none repeat scroll 0 50% #D7D7D7;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:underline;
}
.pageCurrentfang {
	color:#F50000;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
a.pageNum:hover {
	background:none repeat scroll 0 50% #D7D7D7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:underline;
}
a.pageNumfang:hover {
	background:none repeat scroll 0 50% #D7D7D7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:underline;
}
.map2_detailwind {
	background:url(../../../../images/index/map/panel_600x270.gif) no-repeat;
	display:none;
	height:270px;
	left:100px;
	padding:0;
	position:absolute;
	top:10px;
	width:600px;
	z-index:50;
	text-align:left;
}
.map2_detailwind h2 {
	background:url(../../../../images/index/map/panel_600x42.gif) no-repeat;
	font-size:15px;
	height:41px;
	line-height:41px;
	margin:0;
	padding:0 0 0 15px;
	color:#fff;
	font-weight:700;
}
#map2_info {
	float:left;
	margin:0 auto;
	width:600px;
}
#map2_img {
	float:left;
	margin-left:-600px;
	overflow:hidden;
	padding-top:13px;
	width:204px;
	font-size:13px;
	text-align:center;
}
#map2_txt {
	border-left:1px solid #DAC2DA;
	margin-left:204px;
	width:396px;
	height:227px;
}
#map2_txt p.title {
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:700;
	padding-left:8px;
	padding-top:10px;
	float:left;
}
#map2_txt table {
	width:382px;
	margin-left:8px;
}
#map2_txt td {
	text-align:left;
	height:28px;
	font-size:13px;
}
#map2_txt em {
	font-style:normal;
	color:#919191;
}
#map2_txt strong {
	font-weight:700;
	color:#FF0000;
}
#map2_txt b {
	font-weight:700;
	color:#006600;
}
span.hid_street_view {
	background:url(../../../../images/index/public/global//hid_street_view.gif) no-repeat 0 3px;
	float:left;
	margin-top:2px;
	margin-left:12px;
	padding:7px 0 5px 15px;
	position:relative;
	font-size:15px;
	font-style:normal;
}
span.StreetView {
	background:url(../../../../images/index/public/global/street_view.gif) 0 3px no-repeat;
	float:left;
	margin-top:2px;
	margin-left:12px;
	padding:7px 0 5px 15px;
	position:relative;
	font-size:15px;
	font-style:normal;
}
span.StreetView span.New {
	background:url(../../../../images/index/public/global/new_en.gif) top no-repeat;
	left:46px;
	position:absolute;
	top:0;
	width:22px;
	z-index:0;
	height:14px;
}
#search_result_panel {
	border:1px solid #7F9DB9;
	display:none;
	position:absolute;
	top:23px;
	left:13px;
	width:172px;
	z-index:500;
}
.loading {
	background:url(../../../../images/index/map/load_18x18.gif) no-repeat scroll 10px 6px #FFFFFF;
	color:#999999;
	line-height:30px;
	padding-left:38px;
	width:210px !important;
}
#search_result_panel ul {
	background:none repeat scroll 0 0 #FFFFFF;
	line-height:23px;
	list-style:none outside none;
	margin:0;
	padding:5px 5px 0;
}
#search_result_panel ul li {
	height:23px;
	overflow:hidden;
}
#search_result_panel ul a, #search_result_panel ul #selected a:visited {
	background:none repeat scroll 0 0 #FFFFFF;
	display:block;
	padding:0 10px;
}
#search_result_panel ul a:hover {
	background:none repeat scroll 0 0 #E7F1FD;
	color:#0041D9;
	text-decoration:none;
}
#search_result_panel ul .selected a, #search_result_panel ul .selected a:hover, #search_result_panel ul .selected a:visited {
	background:none repeat scroll 0 0 #C8E3FC;
}
#search_result_panel ul .close {
	text-align:right;
}
#search_result_panel ul .close a, #search_result_panel ul .close a:hover {
	background:none repeat scroll 0 0 #FFFFFF;
	display:inline;
}
#search_result_panel ul .close a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#map2_correcting {
	position: absolute;
	z-index:10000;
	background-color:#fff;
	border:2px solid #B3D1FE;
	width:506px;
	height:178px;
	text-align:left;
	font-size:13px;
}
#map2_correcting h1 {
	color:#555555;
	font-size:13px;
	font-weight:bold;
	left:15px;
	position:absolute;
	top:6px;
}
#map2_correcting .map2_correcting_title {
	font-size:13px;
	height:22px;
	left:0;
	margin-bottom:12px;
	padding-top:4px;
	position:absolute;
	text-align:left;
	top:0;
	width:100%;
}
#map2_correcting .map2_correcting_title .map2_correcting_close {
	background:url(../../../../images/index/house/close.gif) no-repeat;
	cursor:pointer;
	float:right;
	height:19px;
	margin-right:5px;
	width:19px;
}
#map2_correcting textarea {
	width:456px;
	height:66px;
	padding:1px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:13px;
	color:#999;
	margin-left:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.houseSearch{
	padding-top:4px;
}
.houseSearchinput{
	margin-left:10px;
	width:110px;
	margin-right:10px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
#correcting {
	width:100px;
	text-align:center;
	vertical-align:middle;
}
.tracker {
	position:absolute;
	display:none;
	width:200px;
	z-index:2;
	cursor:pointer;
}
.tracker_hover {
	z-index:3;
}
.tracker_text {
	position:relative;
	float:left;
	padding:4px 0 0 5px;
	height:24px;
	_padding:5px 0 0 5px;
	_height:23px;
	white-space:nowrap;
	cursor:text;
	background-image:url("../../../../images/index/map/sm-label-bg.png");
}
* html .tracker_text {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../images/index/map/sm-label-bg.png', sizingMethod='scale');
}
.tracker_right {
	position:relative;
	float:left;
	width:10px;
	height:28px;
	cursor:text;
	background-image:url("../../../../images/index/map/sm-label-r.png");
}
* html .tracker_right {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../images/index/map/sm-label-r.png', sizingMethod='scale');
}
.tracker_icon {
	position:relative;
	float:left;
	width:40px;
	height:50px;
	cursor:text;
}
.icon_subway {
	background-image:url("../../../../images/index/map/sm-subway.png");
}
* html .icon_subway {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../images/index/map/sm-subway.png', sizingMethod='scale');
}
.icon_custom {
	background-image:url("../../../../images/index/map/sm-normal.png");
}
* html .icon_custom {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../images/index/map/sm-normal.png', sizingMethod='scale');
}
.marker_nh {
	position:absolute;
	display:none;
	height:40px;
	padding:0;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url("../../../../images/index/map/mnew2.png");
}
.marker_nh_hover {
	z-index:1;
	background-image:url("../../../../images/index/map/mnewh2.png");
}
.marker_nh_left {
	position:relative;
	float:left;
	white-space:nowrap;
	color:white;
	font-size:12px;
	margin-right:10px;
	padding-left:10px;
	height:40px;
	line-height:28px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url("../../../../images/index/map/mnew.png");
}
#metro_c a.selected,#metro_c_other a.selected{
	color:#999;
	cursor:default;
	text-decoration:none;
}
/*circle*/
.circle{
	display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    height: 40px;
    padding:20px 0px;
    width: 80px;
    font: bold 15px/20px "新細明體" "Arial";
    font-size: 15px;
    background: #f80;
    border-radius: 80px;
    box-shadow: 0px 2px 4px 0px #ff8000;
}
#case_result{
	padding:8px 10px;
	line-height: 28px;
	display: none;
	border-bottom: 1px solid #e0e0e0;
}
#case_result a{
	margin-right: 10px;
}
#case_result .f15{
	font-size: 15px;
}
/*新房屋地圖*/
.markerH {
    position:absolute;
    display:none;
    height:36px;
    padding:0;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:top right;
    background-image:url(../../../../images/index/map/mmln5.png);
}
.markerH span{
    display:none;
    padding:0;
    margin:0;
}
.markerH_hover {
    z-index:1;
    background-image:url(../../../../images/index/map/mml5.png);
}
.markerH_hover span,.markerH_expand span{
    display:inline;
    padding-left:8px;
    font-weight:400;
}
.markerH .markerH_left {
    position:relative;
    float:left;
    white-space:nowrap;
    color:white;
    font-size:12px;
    margin-right:10px;
    _margin-right:5px;
    padding-left:10px;
    height:36px;
    line-height:24px;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../../../../images/index/map/mm4.png);
}
.markerH_hover,.markerH_expand{
    font-weight:700;
}
.markerH_hover .markerH_left {
    z-index:1;
    background-image:url(../../../../images/index/map/mmh4.png);
}

/* 新建筑标记物的背景图已由 .marker-icon 控制，这里不需要额外设置 */
/** html .marker .marker_left {*/
    /*background:none;*/
 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/index/map/mm4.png', sizingMethod='crop');*/
/*}*/
/** html .marker_hover .marker_left {*/
    /*background:none;*/
 /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/index/map/mmh4.png', sizingMethod='crop');*/
/*}*/
.housing_list{
    height: 112px;
    padding: 20px 0px;
    border-bottom: 1px solid #e0e0e0;
}
.housing_list h4{
    font-size:15px;
    position: relative;
	line-height:26px;
}
.housing_list .housing_price{
    position: absolute;
    top:0px;
    right:5px;
    color:#f60;
}
.housing_list .housing_img{
		position:relative;
		z-index:20;
		float: left;
}
.housing_list .housing_img img{
    width:149px;
    height:112px;
    padding:1px;
		border:1px solid #ccc;
    float:left;
    margin:0px 10px;
}
.housing_list .housing_detail{
		float: left;
		width: calc(100% - 176px);
}
.housing_list .housing_detail li{
    border-bottom: 0px!important;
    height:22px!important;
    line-height: 22px!important;
    padding:0px!important;
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-map-content  {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    height: calc(100vh - 182px);
}

.new-map-content .right_content {
    width: 410px;
    position: relative;
    right: unset;
}

.new-map-content .property_list .proimg {
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px;
    overflow: hidden;
}

.new-map-content .property_list .proname {
    width: 250px !important;
}

.new-map-content .property_list .price {
    right: 10px !important;
}

.new-map-content .property_list .tag-good-sale {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 34px;
    height: 20px;
    background: url('../../../../images/index/map/tag-high-value-list.png') no-repeat center center;
    background-size: 100% 100%;
    border-radius: 4px 0px 8px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    font-weight: bold;
}

.new-map-content .map2_div {
    margin-right: 0;
}

.new-map-content .map2_div #mapcontent .gm-style-mtc-bbw {
    right: 52px !important;
    top: 0px !important;
    left: unset !important;
}

.new-map-header #main_head {
    margin-right: 0;
    width: 100%;
    height: unset;
    box-sizing: border-box;
}

.new-map-header .nav-wrapper .nav19 {
    width: unset;
    padding: 0 20px;
}
.new-map-header .nav-wrapper .nav19 .nav-list {
    float: unset;
}

.new-map-header .nav-wrapper .nav19 .area {
    margin-right: 40px;
}

.new-map-header .nav-wrapper .nav19 .nav-list .sub-nav.more {
    width: fit-content;
    margin-left: -32px;
}

.new-map-header #main_head .head_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    padding: 0 20px 10px;
}

.new-map-header #main_head .search-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex: 1;
}

.new-map-header #main_head .mapKeywordSearch {
    position: relative;
    top: unset;
    left: unset;
    width: 300px;
    margin-right: 30px;
}

.new-map-header #main_head .mapKeywordSearch #keyword {
    width: calc(100% - 102px);
}

.new-map-header #main_head .mapKeywordSearch #search {
   right: 0;
}

.new-map-header #main_head .list_type {
   right: unset;
   top: unset;
   position: relative;
   border: none;
   overflow: unset;
}

.new-map-header #main_head .list_type .mapmode {
   display: none;
}

.new-map-header #main_head .list_type .listmode {
    border: none;
}

.new-map-header #main_head .list_type .listmode a {
    width: 126px;
    height: 44px;
    background: #f5f5f5;
    border-radius: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    padding: 0;
}

.new-map-header #main_head .list_type .listmode a:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background:url(../../../../images/index/map/icon-map-list.png) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.new-map-header #main_head .searchBox {
    position: relative;
    top: unset;
    left: unset;
}

.ware-card-overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 10px;
    z-index: 9999999;
}

.ware-card-overlay .ware-card-overlay-content {
    width: 248px;
    border-radius: 8px;
    box-shadow: 0 3px 16px 2px rgba(0, 0, 0, 0.04), 0 7px 14px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.04);
    background: #ffffff;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.ware-card-overlay .ware-card-overlay-content .img-wrapper {
    width: 216px;
    height: 122px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e6e6e6 url('../../../../images/index/map/icon-load-img.png') no-repeat center center;
    background-size: contain;
    position: relative;
}

.ware-card-overlay .ware-card-overlay-content .img-wrapper .tag-good-sale {
    width: 43px;
    height: 24px;
    background: url('../../../../images/index/map/tag-high-value.png') no-repeat center center;
    background-size: 100% 100%;
    border-radius: 4px 0px 8px 0px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.ware-card-overlay .ware-card-overlay-content .img-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.ware-card-overlay .ware-card-overlay-content .card-title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.ware-card-overlay .ware-card-overlay-content .msg-wrapper {
    margin-top: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.ware-card-overlay .ware-card-overlay-content .msg-wrapper .msg-item {
    font-size: 14px;
    color: #666;
    padding-right: 8px;
    margin-right: 8px;
    position: relative;
    line-height: 1;
}

.ware-card-overlay .ware-card-overlay-content .msg-wrapper .msg-item::before {
    content: "";
    width: 1px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e6e6e6;
}

.ware-card-overlay .ware-card-overlay-content .msg-wrapper .msg-item:last-child {
    padding-right: 0;
    margin-right: 0;
}

.ware-card-overlay .ware-card-overlay-content .msg-wrapper .msg-item:last-child::before {
    display: none;
}

.ware-card-overlay .ware-card-overlay-content .price-wrapper {
    margin-top: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;
    width: 100%;
    line-height: 1;
}

.ware-card-overlay .ware-card-overlay-content .price-wrapper .price {
    font-size: 14px;
    color: #333;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    color: #F01800;
    position: relative;
    top: 4px;
}

.ware-card-overlay .ware-card-overlay-content .price-wrapper .price-unit {
    font-size: 12px;
    color: #333;
    line-height: 1;
    color: #F01800;
    margin-left: 2px;
}

.ware-card-overlay .ware-card-overlay-content .price-wrapper .original-price {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 1;
    margin-left: 8px;
    font-weight: bold;
    position: relative;
    top: 1px;
}

.ware-card-overlay .ware-card-overlay-content .price-wrapper .original-price-unit {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 1;
    margin-left: 2px;
}

.ware-card-overlay .ware-card-overlay-content .tip-wrapper {
    background: linear-gradient(270deg,#ffffff, #ffe9f6 33%);
    border-radius: 4px;
    padding: 7px 6px;
    font-size: 14px;
    color: #121826;
    word-break: break-all;
    margin-top: 10px;
    text-align: left;
    line-height: 19px;
    box-sizing: border-box;
    width: 100%;
}

.ware-card-overlay .ware-card-overlay-content .tip-wrapper .icon-star {
    width: 20px;
    height: 20px;
    background: url('../../../../images/index/map/icon-star.png') no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    margin-right: 4px;
    vertical-align: text-bottom;
}

.ware-card-overlay .ware-card-overlay-content .btn-wrapper {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    border-radius: 4px;
    background: #FF8000;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
}

.map2_div .filter-hot-ware {
    width: 160px;
    height: 48px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.15); 
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}

.map2_div .filter-hot-ware input[type="checkbox"] {
    display: none;
}


.map2_div .filter-hot-ware .icon-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    margin-right: 4px;
    position: relative;
    top: -1px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.map2_div .filter-hot-ware .icon-checkbox::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}

.map2_div .filter-hot-ware input[type="checkbox"]:checked + .icon-checkbox {
    background-color: #FF8000;
    border-color: #FF8000;
}

.map2_div .filter-hot-ware input[type="checkbox"]:checked + .icon-checkbox::after {
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 1px;
    left: 4px;
    transform: rotate(45deg);
    border-radius: 0;
}

.map2_div .filter-hot-ware input[type="checkbox"]:checked + .icon-checkbox + span {
    color: #FF8000;
}

.map_build_tag {
	position: absolute;
	top: -1px;
	left: -1px;
	background: #006aff;
	border-radius: 4px 0px 8px 0px;
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	width: unset;
	line-height: 20px;
	z-index: 1;
}

@media screen and (max-width: 1386px) {
    .new-map-header .head_content .mapKeywordSearch{
        display: none;
    }
}
