@charset "utf-8";
/* CSS Document */
/* website width: 800px */
body {
	font-size: 12px;
	line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	--background: #1a1a1a;
	padding: 0;
	text-align: center;
	--IE needs this to center the page
}

#context {
	float:left;
	width:800px;	
}

#container {
	--width: 800px;	
	width: 1000px;	
	margin: auto;
	padding-bottom: 20px;
	text-align: left;
	border-color:#000000;
}

#error {
	color:#FF0000;
	font-weight:bold;	
}

#topbar{border-bottom:1px solid #eb7429; background:#fc9453; padding:10px 20px; position:fixed; top:0; left:0; z-index:2000; min-width:1000px; width:99%; font-size:12px; text-align:center; }

#top {
	float: left;
	width: 1000px;
	padding-top: 50px; 	
	--width: 800px;	
}


#tools {
	float:left;
	margin: 0 1em 0 1em;
	--border: #64a700 1px solid; 
	min-height: 645px;	
	width:160px;	
}

#tools .menu-title {
	margin: 2px 5px 2px 5px;
	border-bottom: 2px solid #64a700; 
	font-size: 1.5em;
	font-weight:bold;	
}

#tools ul {
	margin:0;
	padding:0 0 0 1em; 
	font-size: 1.3em;
}

#tools li {list-style-type:none;}	

#tools li.item a:link, #tools li.item a:visited {
	--font-size: 1.3em;
	text-decoration:none;
	color:#64a700;	
}

#tools li.item a:hover {
	--font-size: 1.3em;
	text-decoration:none;
	color:#FA5858;	
}

#logo {
	float: left;
	--width: 100px;
	margin: 5px 0 5px 5px;
}

#fb {
	float: right;
	margin: 2px 2px 2px 2px;		
	text-align:right;
	--vertical-align:bottom;	
	}
	
#report {float: right;width: 100px;}
#func {
	float: right;
	text-align: right;	
	width: 150px;
	margin-right: 5em;	
}

#post {
	font-size: 18px;
	font-weight: bolder;	
}
#post a:link,a:visited {cursor:pointer;text-decoration: none;}
#post a:hover {cursor:pointer; text-decoration: none;  color:#b7f7a8;}

#login a:link,a:visited {cursor:pointer;text-decoration: none;}
#login a:hover {cursor:pointer; text-decoration: none;  color:#b7f7a8;}

#tool-main {
	float: left;
	padding: 0 0 0 1em;
	font-size: 1.2em;	
	width: 780px;	
	min-height: 645px;
	border: #64a700 1px solid;	
}

/* tools */
#tool{clear:both;font-size:1em;margin-top:1em;margin-right:.7em;*margin-right:1em;_margin-right:1.7em;}
#tool #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#tool #menu ul{list-style-position:outside; margin:0}
#tool #menu li{display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#tool #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}


#main {
	float: left;
	width: 800px;	
	min-height: 420px;
	border-left: #64a700 1px solid;	
	--border-right: #64a700 1px solid;
	--border-top: #64a700 1px solid;	
}

#bottom {
	float: left;
	width: 800px;
}

#footer {
	float: center;
	width: 952px;
	height:34px;	
	padding-top:8px;	
	background: url(../images/bottom.gif) no-repeat center top;
	text-align:center;
	margin:auto;	
}

#main-left {
	float: left;	
	width: 410px;
}

#rentseek {font-size: 1.2em;}
#rentseek th {border-bottom:#64a700 1px solid;}
#rentseek td {border-bottom:#64a700 1px dotted;}
#clear {border-bottom:none;}

#picItem {
	float: left;
	width: 410px;
	min-height: 300px;
	--width: 800px;}

.picItem-title {
	color: #060;
	--font-size: 1em;
	font-weight: bold;
	text-decoration:none;	
}

.picItem-descr {
	--font-size: .8em;	
}

.slogan {
	font-size:1.5em;
	font-weight:bold;
	color:#FF8000;
}

#map,#map-class,#picItem {
	float: left;
	padding: 5px 5px 5px 5px; 
}
#google-search {float:left;background-color:#64a700;}

#detail-page-google-search {float:left;}
#detail-page-map-items {
	margin: 0 0 1em;
	display: none;
	z-index:99;
	--position:relative;
	--left:0px;
	--top:0px;
	float:left;
	border:1px solid black;
	width:350px;
	--height:200px;
	background:#A4A4A4;
	filter:alpha(opacity=80);
	opacity:0.8;
	overflow:hidden;
	}

#map-items {
	margin: 0 0 1em;
	display: none;
	z-index:99;
	position:relative;
	left:0px;
	top:0px;
	float:left;
	border:1px solid black;
	width:150px;
	height:400px;
	background:#A4A4A4;
	filter:alpha(opacity=80);
	opacity:0.8;
	overflow:hidden;
	}
#map-items dt, #map-items dl {margin: 0}
#map-items dt {font: bold 85% arial;padding: 0 0 3px}
#map-items li {font: bold 1.25em arial}
#map-items li dd {font-weight: normal;font-size: 73%; }
#map-items li dl {margin:0}
#map-items dd {line-height:1.3}
	
#ad {float:left; width: 380px; height:200px;padding: 0 5px 5px 5px;}/*same width with map*/
#detailAd {float:left;}
#detailAd-bottom {float:left; width:100%;}

#map-menu {border:1px soild #64a700;}
#map-menu-title {background:#64a700;color:#fff;font-size:1.3em;font-weight:bold;}

#main-right {
	float: left;
	width: 390px;
	text-indent: 5px;
}


#condition-area {width: 100%;}
#condition-sort {width: 100%;}

#result {
	clear:both;
	width: 100%;
	padding-left: 5px;
}

.get-latlon-btn {float:left;width:166px;height:20px;text-align:center;background: url(../images/getLatLon-btn.png) no-repeat center;}
#addr_error {float:right;display:block;}
#addr_correct {float:right;display:none;}

#result-content {
	--height: 400px;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 200px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}
#select-result {border-width:0px;border-spacing:0px;}
#select-result img {padding-left:2px;padding-right:2px;}
#item-num {display:block; color:#64a700; width:25px; height:100px; text-align: center; vertical-align: middle; font-size:1.3em; font-weight:bold; padding:0 6px 0 2px; --background:#64a700; }
#post-border {
	border-bottom:1px solid #24618E;height:100px;
}
#post-date {	
	font-weight: bold;	
}
#post-price {
	color: red;	
	font-size:1.2em;
	font-weight:bold;
}
#post-purpose {
	font-size:1.2em;
	font-weight:bold;
	}
/* 用途 */	
#purpose-options {
	float:left;
	width:800px;
	line-height:15px;
	background:#e9ffcd;	
	border: 1px solid #060;
	}
#purpose-options ul {
	margin:5px 0 5px 0;
	list-style:none;	
}
#purpose-options li {
	display:inline;
	margin:0;
    padding:0;		
}
#purpose-options a {
	padding:0 0 0 10px;
	text-decoration:none;
	}
/* nav test */
#tabsJ {
  float:left;
  --width:100%;
  width:800px;
  --background:#F4F4F4;
  font-size:93%;
  line-height:normal;
  --border-bottom:1px solid #24618E;
  }
#tabsJ ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabsJ li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsJ a {
  float:left;
  background:url("../images/tableftJ.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tabsJ a span {
  float:left;
  display:block;
  background:url("../images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
  color:#FFF; 
  color /*\**/:#FFF /*\9**/
  }
#tabsJ a:hover {
  background-position:0% -42px;  
  }
#tabsJ a:hover span {
  background-position:100% -42px;
  }
#tabsJ a span.span-click {  
  background-position:100% -42px;
  color:#FFF; 
  color /*\**/:#FFF /*\9**/	
  }
#tabsJ .click {
  background-position:0% -42px;  
  }
/* above for tabs */

#title { padding-left: 10px; font-size: 14px; font-weight: bold;}
#header {
	FONT-SIZE:14px;
}
.TITLE {	
	font-weight: bold;	
}
.main-tr TD {
	--FONT-SIZE:12px;
	FONT-WEIGHT: bold;
}
.tablefont {
	FONT-SIZE:12px;	
}
/* Ajax cursor */
#tab-cursor {cursor:pointer; text-decoration: none; }
#cursor a:link,a:visited{cursor:pointer; text-decoration: none; }
#cursor a:hover{cursor:pointer; text-decoration: none; color:#ea932c;}
.cursor {cursor:pointer; text-decoration: underline;}
.criteria {clear:both;float:left; display:block; width:40px; color:#ffffff; font-size:1em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
	
/* page title */
#pagetitle{clear:both;margin-top:1em;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;}
#pagetitle #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#pagetitle #menu ul{list-style-position:outside; margin:0}
#pagetitle #menu li{display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#pagetitle #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
#pagetitle #menu li.menu-f a:link, #pagetitle #menu li.menu-f a:visited{color:#FFF; text-decoration:none;}
#pagetitle #menu li.menu-f a:hover{text-decoration:underline;}
#pagetitle h4{font-size:.9em;min-height:400px;font-weight:normal;background:#e9ffcd;padding:.15em .5em;*padding:.25em .5em .15em; text-align:left; color:#060; border:1px solid #d0edb3;margin-left:2px;}


/*search box*/
/*
#search {	
	 text-indent: 60px; padding-top: 5px; text-align:left; height: 30px; --width: 800px; --left:0px; 	 
}
*/
#searchtype{font-size:2em;font-weight:bold;}
#searchtext{font-size:1.4em;font-weight:bold;}

#inputtext {
	font-size: 13px; margin: 0 10px 0 0px; *margin: 0 0 0 0; padding:1px 0; width:320px; border: 1px solid #7F9DB9;
}

.btn-search {
	background: url(../images/btn_search.gif) 50% 50% no-repeat; border:none; height:22px; text-align:center; width:60px;
}
#searchbox{clear:both;margin:3px 0 3px;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;margin-right:.7em;*margin-right:1em;_margin-right:1.7em;}
#searchbox #search{font-size:.9em;font-weight:normal;background:#e9ffcd;padding:.15em 1em;*padding:.25em 1em .15em; text-align:left; color:#060; border:1px solid #d0edb3;}

/* compare list */
#comparelist{clear:both;margin-top:1em;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;margin-right:.7em;*margin-right:1em;_margin-right:1.7em;}
#comparelist #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#comparelist #menu ul{list-style-position:outside; margin:0}
#comparelist #menu li{display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#comparelist #menu li.menu-f{width:130px;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
#comparelist #menu li.menu-f a:link, #comparelist #menu li.menu-f a:visited{color:#FFF; text-decoration:none;}
#comparelist #menu li.menu-f a:hover{text-decoration:underline;}
#comparelist h4{float:left;margin-top:20px;font-size:.9em;width:180px;font-weight:normal;background:#e9ffcd;padding:.15em .5em;*padding:.25em .5em .15em; text-align:left; color:#060; border:1px solid #d0edb3;margin-left:2px;}
#comparelist-table {width:180px;}

/* selected item compare list */
#selectedComparelist{clear:both;margin-top:1em;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;margin-right:.7em;*margin-right:1em;_margin-right:1.7em;}
#selectedComparelist #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#selectedComparelist #menu ul{list-style-position:outside; margin:0}
#selectedComparelist #menu li{float:left;display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#selectedComparelist #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
#selectedComparelist #menu li.menu-f a:link, #selectedComparelist #menu li.menu-f a:visited{color:#FFF; text-decoration:none;}
#selectedComparelist #menu li.menu-f a:hover{text-decoration:underline;}
#selectedComparelist h4{margin-top:20px;font-size:.9em;font-weight:normal;background:#e9ffcd;padding:.15em .5em;*padding:.25em .5em .15em; text-align:left; color:#060; border:1px solid #d0edb3;margin-left:2px;}
#selectedComparelist-table {width:100%;}
#selectedComparelist #odd-row td {background-color:#beefaf; padding: 2px 5px 5px 0px;}
#selectedComparelist #even-row td {padding: 2px 5px 5px 0px;}

/*advertisement*/
.ad-cursor {
		cursor:pointer; 
		text-decoration: none; 
		font-weight: bold;		
}

a.ad-cursor:link {color:#714f13;}      /* unvisited link */
a.ad-cursor:visited {color:#c2c2c2;}
a.ad-cursor:hover {color: #eeb95b;}
#post-link {cursor:pointer;text-decoration: none;}

#adlist{clear:both;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;margin-right:.7em;*margin-right:1em;_margin-right:1.7em;}
#adlist #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#adlist #menu ul{list-style-position:outside; margin:0}
#adlist #menu li{float:left;display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#adlist #menu li a:link, #adlist #menu li a:visited{color:#64a700; text-decoration:none;}
#adlist #menu li a:hover{text-decoration:underline;}
#adlist #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
#adlist #menu li.menu-f a:link, #adlist #menu li.menu-f a:visited{color:#FFF; text-decoration:none;}
#adlist #menu li.menu-f a:hover{text-decoration:underline;}
#adlist h4{font-size:.9em;font-weight:normal;background:#e9ffcd;padding:.15em 1em;*padding:.25em 1em .15em; text-align:left; color:#060; border:1px solid #d0edb3;}
#adlist h5{font-size:1.2em;width:90%;min-height:200px;font-weight:normal;background:#e9ffc0;padding:.15em 1em;*padding:.25em 1em .15em; text-align:left; color:#060; border:1px solid #d0edb3;}


/* filter result */
#filterlist{clear:both;padding-top:1em;*padding-top:1em;}
#filterlist #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#filterlist #menu ul{list-style-position:outside; margin:0}
#filterlist #menu li{float:left;display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#filterlist #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}


/* exchange link */
#exchangelist{clear:both;padding-top:1em;*padding-top:1em;margin-left:.7em;*margin-left:1em;_margin-left:1.7em;}
#exchangelist #menu{font-size:1em; font-weight:bold;border-bottom:2px solid #64a700; padding-left:.2em;height:1.75em;margin:0 0 -1em; letter-spacing:-.07em;}
#exchangelist #menu ul{list-style-position:outside; margin:0}
#exchangelist #menu li{float:left;display:block; font-size:1em;padding:.2em .2em 0;*padding:.2em .3em 0; border:1px solid #64a700;border-bottom-style:none; margin:0 .07em;}
#exchangelist #menu li.menu-f{float:left;display:block; color:#ffffff; font-size:1.3em;padding:.2em .4em 0; background:#64a700; margin:0 .2em;}
#exchangelist h4{font-size:.9em;font-weight:normal;background:#e9ffcd;padding:.15em 1em;*padding:.25em 1em .15em; text-align:left; color:#060; border:1px solid #d0edb3;}

#picture {
	float:left;
	width: 340px;	
}

#image {
	float: left;
	padding: 2px 2px 2px 2px;
	background-color: #c2c2c2;
	border: 1px solid #000000;
	margin: 1px 1px 1px 1px; 
}

#info {
	FONT-SIZE:12px;
	float: right;
	width: 450px;
	border-left: 1px dotted #000000;	
}

#whereyouare {
	float:left;
    width: 750px;
	font-weight: bold;
	padding: 1em 2em 1em 2em;	
	border:1px solid #64a700;
	margin-top:5px;
	margin-bottom: 5px; 	
}
/* loading 的圖片 */ 
.search-loading {
	position:absolute;z-index:99;right:30%;top:300px;display:none;	
}

.map-search-loading {
	position:relative;
	display:none;
}
.result-search-loading{
	z-index:100;
	position:relative;
	left:10px;
	top:200px;
	float:left;
	display:none;
}

a[class ="new"] {
   padding-right: 28px;
   background: transparent url(../images/icons/new.png) no-repeat center right;
}

/* light box effect */
.black_overlay{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1900px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	--width: 50%;
	--height: 50%;
	width: 250;
	height: 300;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}