@charset "utf-8";
/* CSS Document */
.selectize-input .item, #qzip-selectized { z-index: -1; }
.d-none {
	display: none !important;
	background-color: #c00;
}
.map-price { font-family: "微軟正黑體"; width: 100%; height: 600px; position:relative; }
#map { width: 100%; height: 100%; z-index: 0; }
#page-load {
	position:fixed;
	left: 0; top:0; display: none; 
	width: 100%; height: 100%; 
	z-index: 9999; background: rgba(0,0,0,.5);
	color: #fff;
}
#page-load span { position:fixed; top: 50%; left: 50%; color: #fff; font-size: 1.2em; }
#map_nav .top { display: flex; justify-content: flex-start; font-size: .8em; width: 100%; margin-top: .7em; margin-bottom: .7em; }
#map_nav .top a { display: flex; margin-left: .5em; align-items:center !important; font-size: 1.15em;}
#map_nav .top a span { color: #666; font-size: .9em; }
#map_nav .top a img { margin-right: .5em; /*width: 16px;*/ height:auto; }
#map_nav .bot { position:absolute; left:0; bottom:0; display: inline-block; width: 100%; background-color: #999; text-align:center; letter-spacing: 1px; padding: 3px 0; font-weight: 600; }
#map_nav .bot a:link, #map_nav .bot a:visited { color: #fff; padding: .2em; }
#map_nav .case_list { background-color: #fff; color: #000; width: 100%; height: 88%; display: inline-block; overflow: auto; }
#map_nav .case_list a {
    background-color: #fefefe;
    color: #000;
    width: 98%;
    display: inline-block;
    /*font-size: 1.1em;*/
    border-bottom: 1px dotted #dfdfdf;
    padding: .5em;
}
#map_nav .case_list a:hover { background-color: #efefef; text-decoration: none; }
#map_nav .case_list dl { width: 100%; display: flex; margin-bottom: .5em; }
#map_nav .case_list dd { width: 100%; line-height: 1.4em; }
#map_nav .case_list dd:nth-child(1) { color: #1F3AD3; }
#map_nav .case_list dl.land dd { width: 30%; line-height: 1.3em; }
#map_nav .case_list dl.land dd:nth-child(1) { width: 40%; }
#map_nav .case_list .info2 { display: block; display: inline-flex; flex-wrap:wrap; }
#map_nav .case_list dd.houseage { width: 66.66%; }
#map_nav .case_list dd.tr-date { width: 33.33%; font-size: .8em; }
#map_nav .case_list dd.addr { clear:both; width: 100%; color: #686868; }
#map_nav .case_list dd.casename.on { color: #2E76F5;}
#map_nav .case_list .info2 { display: block; display: inline-flex; flex-wrap:wrap; }
#map_nav .case_list dd.houseage { width: 66.66%; }
#map_nav .case_list dd.tr-date { width: 33.33%; font-size: .8em; }
@media (max-width: 576px) {	
	#map_nav .case_list dl { margin-bottom: .3em; }
	#map_nav .case_list dl.land dd:nth-child(1) { font-size: .85em; }
	#map_nav .case_list dd.houseage { width: 60%; }
	#map_nav .case_list dd.tr-date { width: 40%; }
}
.map-price #map_canvas { width: 100%; height: 100%; z-index: 0; }
.map-price #map_nav { position:absolute; width: 35%; height: 100%; top: 0; right: 0; background-color: #f8f8f8; z-index: 999;
	-webkit-transition: height 1s;
	transition: height 1s; }
/*.map-price #map_nav { display: block; }*/
/*
.map-price #map_nav .show { opacity: 1; transition: opacity 0.6s linear; }
.map-price #map_nav .hide { opacity: 0; transition: opacity 0.6s linear; }
*/
.map-price #map_nav .show { height: 94%; transition: height 1s; }
.map-price #map_nav .hide { height: 0; transition: height 1s; }
.map-price #toggle-nav {
    position: absolute;
    z-index: 1000;
    right: 1em;
    top: .8em;
	cursor: pointer;
}
.map-price .btn-light {
    padding: 0;
    background-color: #fff;
    color: #ff4a23;
    border: none;
}
/*地圖info*/
.caseinfo {
	font-size: 1em; width: 93%;; height:auto; margin: 6px; color: #000;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	display: inline-flex;
}
.caseinfo .d1 { width: 40%; margin-right: .8em; }
.caseinfo .d1, .caseinfo.d2 { height: 100%; display: inline-block; }
.d2 a { font-size: 1.2em; }
.d2 p { margin-top: 3px; text-align: left; font-size: 1.2em; font-weight: 400; line-height: 1.4em; margin-bottom: .3em; }
.img { width: 100%; height:100%; }
.img img { width: 100%; height:auto; }
/*圖表*/
.house_note { 
	clear: both; margin-top: 2em; padding: .5em; 
	/*background-color: #fff; border: #999 1px solid;*/
	border-radius: .5em;
	font-size: 1.2em;
	color: #4f4f4f;
}
.house_note ul { list-style:circle; line-height: 140%; }
.house_note ul li { }
.house_chart_link { margin: .3em 0 .5em; /*display: flex;*/ }
.house_chart_link .btn {
	 font-family: "微軟正黑體";
	 color: #fff;
	 font-size: 1.25em; 
	 margin: .5em .35em 0 .38em;
	 padding: .4em .95em;
	 cursor: pointer;
	 font-weight: bold;
	 border-radius: 5px;
	 background: #B7B7B7;
}
.house_chart_link .btn:hover,.house_chart_link .btn.active { background: #d9272b; }
#chart_area { clear:both; height: auto; display: block; font-family: "微軟正黑體", arial; }
#house_chart { margin-top: 3em; position:relative; display:block; }
#house_chart .chart_query { position:absolute; z-index: 999; top: -5px; right: 10%; font-size: 1.05em; color: #555; }
#house_chart .chart_query.land-2 { position:relative; margin-top: 1em; text-align: right; }
#house_chart .chart_query button {
	background-color: #fff;
	font-size: 0.9em;
	color: #1c1c1c;
	border: #aeaeae 1px solid;
	line-height: 140%;
	padding: 3px 10px;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-right: .3em;
}
#house_chart .chart_query button:hover { background-color: #0167B9; color: #fff; }
#house_chart .chart_query button.active { background-color: #0167B9; color: #fff; }
#house_chart .chart_query input[type="radio"] { margin-left: .5em; margin-top: .5em; }
#house_chart .chart_query #xtp1 { margin-left: 1em; }
#house_chart .chart_query select {
	font-size: 0.9em;
	font-family: "微軟正黑體";
	height: 1.7em;
	color: #1c1c1c;
	border: #aeaeae 1px solid;
	text-align:center;
	border-radius: .3em;
	-webkit-border-radius: .5em;
	margin-right: .3em;
}
#house_chart .info {
	color: #606060;
	clear: both;
	line-height: 150%;
	margin-left: 5em;
	text-align: left;
}
#house_chart .info h2 { font-family: "微軟正黑體"; font-size: 1.2em; color: #666; font-weight: bold; padding-bottom: 6px; }
#house_chart .info p { font-family: "微軟正黑體"; font-size: .95em; margin-top: 6px;}
/*土地*/
#house_chart .chart_query1 { padding-left: 5em; text-align: left; }
@media (max-width: 576px) {	
#house_chart .chart_query1 { padding-left: 0em;}
}
#house_chart .chart_query1 p { font-size: 1.05em; }
#house_chart .chart_query1 label { font-weight: normal; }
#house_chart .chart_query_land { position:absolute; z-index: 999; top: -5px; right: 10%; font-size: 1.05em; color: #555; }
#house_chart .chart_query_land button {
	background-color: #fff;
	font-size: 0.9em;
	color: #1c1c1c;
	border: #aeaeae 1px solid;
	line-height: 140%;
	padding: 3px 10px;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	margin-right: .3em;
}
#house_chart .chart_query_land button:hover { background-color: #0167B9; color: #fff; }
#house_chart .chart_query_land button.active { background-color: #0167B9; color: #fff; }
#house_chart .chart_query_land input[type="radio"] { margin-left: .5em; margin-top: .5em; }
#house_chart .chart_query_land #xtp1 { margin-left: 1em; }
#house_chart .chart_query_land select {
	font-size: 0.95em;
	font-family: "微軟正黑體";
	height: 1.7em;
	color: #1c1c1c;
	border: #aeaeae 1px solid;
	text-align:center;
	border-radius: .3em;
	-webkit-border-radius: .5em;
	margin-right: .3em;
}
#chart_avg { width: 100%; height: 320px; background: none; }
#chart_tot { width: 100%; height: 320px; background: none; }
#chart_avg_zip { width: 100%; height: 320px; background: none; }
#chart_tot_zip { width: 100%; height: 320px; background: none; }
#chart_pin_zip { width: 100%; height: 320px; background: none; }
#chart_tot_land { width: 100%; height: 320px; background: none; }
.chart_query .sep2 { display: none;}
.chart_query .sep { display: none; }
.err_message {
	font-family: "微軟正黑體";
	background: #fff;
	color: #3F3F3F;
	font-size: 1.3em;
	margin: 1em 0;
	padding: 3em;
	border: #ccc 1px solid;
	text-align: center;
	line-height: 170%;
}
/* The popup bubble styling. */
.popup-bubble {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	/*font-family: sans-serif;*/
	font-size: 14px;
	overflow-y: auto;
	max-height: 60px;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: /* TIP_HEIGHT= */ 8px solid white;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*黃色*/
.popup-bubble-y {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #FFE583;
	color: #000;
	padding: 5px;
	border-radius: 5px;
	/*font-family: sans-serif;*/
	font-size: 14px;
	overflow-y: auto;
	max-height: 60px;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-y {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-y::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #FFE583;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-y {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*實價 藍色-透天*/
.popup-bubble-b {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #0167B9;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-b {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-b::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #0167B9;;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-b {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*實價 藍色-大樓*/
.popup-bubble-b1 {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #3297e9;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-b1 {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-b1::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #3297e9;;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-b1 {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*新屋 橘色-透天*/
.popup-bubble-o {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #F06431;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-o {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: -35px;
	left: 0;
}
/* This element draws the tip. */
/*arrow 向上*/
.popup-bubble-anchor-o::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #F06431;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-o {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*新屋 橘色-大樓*/
.popup-bubble-o1 {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #ff894e;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-o1 {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: -35px;
	left: 0;
}
/* This element draws the tip. */
/*arrow 向上*/
.popup-bubble-anchor-o1::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #ff894e;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-o1 {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*土地 綠色*/
.popup-bubble-g1 {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #32b26d;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-g1 {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: -35px;
	left: 0;
}
/* This element draws the tip. */
/*arrow 向上*/
.popup-bubble-anchor-g1::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #32b26d;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-g1 {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*預售 紅色-透天*/
.popup-bubble-r {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #f74d51;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-r {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-r::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #f74d51;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-r {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*預售 紅色-大樓*/
.popup-bubble-r1 {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #ff797c;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-r1 {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-r1::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #ff797c;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-r1 {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*中古屋 棕色-透天*/
.popup-bubble-br {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #b79200;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-br {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-br::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #b79200;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-br {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/*中古屋 棕色-大樓*/
.popup-bubble-br1 {
	/* Position the bubble centred-above its parent. */
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: #d8ae0a;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 6px;
	font-family:Cambria, "微軟正黑體", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	/*font-family: sans-serif;*/
	font-size: 15px;
	overflow-y: auto;
	max-height: 60px;
	/*box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);*/
	cursor: pointer;
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor-br1 {
	z-index: 1;
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ -35px;
	left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor-br1::after {
	content: "";
	position: absolute;
	top: -35px;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: /* TIP_HEIGHT= */ 8px solid #d8ae0a;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container-br1 {
	z-index: 1;
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
}
/**/
.item_guotes_p01 {
	font-family: "微軟正黑體";
	font-size: .9em;
	color: #888;
	padding: 15px 0 10px;
	margin-left: 6.6em;
	line-height: 1.4em;
	text-align: left;
	display: inline-block;
	width: 100%;
}
.from003 {
    margin: 15px 15px 4px;
}
.spDisp2 { display: block; text-align: center; }
.spDisp6 { display: none; }
@media (max-width: 1280px) {
	.map-price #map_nav { width: 30%; }
}
@media (max-width: 1100px) {
	.map-price #map_nav { width: 35%; }
}
@media (max-width: 992px) {
	.map-price { height: 550px; }
	/*#map { height: 450px; }*/
	.spDisp2 { display: none; }
	.spDisp6 { display: block; }
	#map_nav .case_list a { width: 90%;	padding: .5em;	}
	.map-price #map_nav {
    	width: 40%;
    	height: 100%;
		top: 0; right: 0;
	}
}
@media (max-width: 768px) {
	.map-price { height: 450px; }
	.map-price #map_nav { width: 45%; }
}
@media (max-width: 767px) {	
	.map-price { font-family: "微軟正黑體"; width: 100%; height:500px; display:inline-block; position: relative; z-index: 1;}
}
@media (max-width: 767px) {	
	.map-price .btn-light { padding: 0; background: none; color: #ff4a23; border: none; }
	.map-price .dropdown-menu { width: 100%; }
	.map-price #toggle-nav { position:absolute; z-index: 999; left: .5em; top: .5em; clear:right; right:auto; }
	.map-price #toggle-center { position:absolute; z-index: 999; left: .3em; top: 3em; }
	.map-price #map_canvas { width: 100%; height:  350px; }
	.map-price #map_nav { position: absolute; z-index: 999; top: .5em; left: 2.8em; width: 85%; height: 320px; background-color: #f8f8f8; border: #999 1px solid; display:none; }
}
@media (max-width: 767px) {	
	#map_nav .top {
	display: inline-block;
	font-size: 1em;
	width: 100%;
	padding-top: .2em;
	margin-top: 0em;
	margin-bottom: .2em;
    }
	#map_nav .top a { display: block; margin-left: .35em; align-items:center !important; font-size: .9em; width: 31%; float: left;}
	#map_nav .top a span { color: #666; font-size: .8em; }
	#map_nav .top a img { margin-right: .3em; }
	#map_nav .case_list { background-color: #fff; color: #000; width: 100%; height: 80%; display: inline-block; overflow: auto; }
	#map_nav .case_list a {
		background-color: #fefefe;
		color: #000;
		width: 100%;
		display: inline-block;
		font-size: .95em;
		border-bottom: 1px dotted #dfdfdf;
		padding: 2% 2% 2% 3%;
	}
	#map_nav .case_list dd:nth-child(1) { color: #1F3AD3; width: 30%; }
	#map_nav .case_list dd:nth-child(2) { width: 35%; }
	#map_nav .case_list dd:nth-child(3) { width: 40%; }
	#map_nav .case_list dd:last-child { word-wrap:break-word; }
	#map_nav .case_list dd.addr { width: 100%; color: #686868;}
	.caseinfo {
		width: 240px;
	}
	#map_nav .case_list dd.casename {
     display: block;
     width: 100%;
    }
	.caseinfo .d1 { width: 30%; margin-right: .6em; }
	 .house_chart_link { margin: 1em 0 0em; /*display: block;*/}
	 .house_chart_link .btn {
		font-size: 1.1em;
		background: #d9272b;
	}
	.btn_right {
		padding-bottom: 0px;
		width: 100%;
	}
	.item_quotes_p01 {
	font-size: 1.2em;
	color:#7F7463;
	font-weight: bold;
	padding: 15px 0 10px;
	}
	.item_quotes_p02 {
	font-size: 1.05em;
	color:#7F7463;
	line-height: 160%;
	}
	.btn_right {
		text-align: center;
	}
	#house_chart .chart_query span { /*display: block;*/ padding-left: 0; margin-top: .5em; margin-bottom: .5em; }
	.chart_query .sep { display: block; width: 100%; height: 1px;}
	#house_chart { width:100%;  margin-top: 2em; position:relative; display: inline-block;}
	#house_chart .chart_query { position:static; top: none; right: none; font-size: 1.1em; color: #555; text-align: center;}
	#house_chart .chart_query button {
		font-size: 0.85em;
		padding: 3px 8px;
		text-align:center;
	}
	#house_chart .info { margin-left: 0em; font-size: 1.1em; }
	#house_chart .info h2 { font-size: 1.1em;}
	#house_chart .info p { font-size: .9em;}
	.chart_query .sep2 { display: block; width: 100%; height: 1px;}
	#chart_avg { margin: 1em 0 2em; border: #E9E9E9 2px solid; padding: 10px 0 0 12px; border-radius: .6em; }
	#chart_tot { margin: 1em 0 2em; border: #E9E9E9 2px solid; padding: 10px 0 0 12px; border-radius: .6em; }
	#chart_avg_zip { margin: 1em 0 2em; border: #E9E9E9 2px solid; padding: 10px 0 0 12px; border-radius: .6em; }
	#chart_tot_zip { margin: 1em 0 2em; border: #E9E9E9 2px solid; padding: 10px 0 0 12px; border-radius: .6em; }
	#chart_pin_zip { margin: 1em 0 2em; border: #E9E9E9 2px solid; padding: 10px 0 0 12px; border-radius: .6em; }
	#build_type { width: 40%; }
	#house_chart .chart_query input[type="radio"], #house_chart .chart_query label { margin-top: 1em; }
	#house_chart .chart_query label { margin-right: 1em; }
	#page-load span { position:fixed; top: 45%; left: 36%; color: #fff; font-size: 1.2em; }
	.item_guotes_p01 {
	  font-size: .9em;
	  padding: 15px 15px 5px;
	  margin-left: 0em;
	}
}
.text-top001 {
  margin-top: 15px;
}
.text-p001 {
  margin: 30px 0 40px;
  font-size: 1em;
}