@charset "utf-8";
/* CSS Document */


	html, body { width:100%; height:100%; margin:0px; padding:0px; font-family:微軟正黑體, 黑體, Arial, Helvetica, sans-serif; font-size:12px; }
	
	/**
	* Common Style
	*/
		a { text-decoration:none; color:#000000; }
		a:hover { color:#ffb300; }
		.link { font-size:12px; cursor:pointer; }
		img { border:0px; }
		table { margin:0px; padding:0px; border-spacing:0px; border-collapse:collapse; width:100%; height:100%; }
		table tr td { vertical-align:top; }
		input { font-size:11px; font-family:Arial, Helvetica, sans-serif; }
		select { font-size:11px; font-family:Arial, Helvetica, sans-serif; }
		textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
	
	/**
	* Container 
	*/
		#body-container { width:984px; margin:0px auto 9px auto; box-shadow:0px 0px 26px rgba(0,0,0,0.15); border-radius:0px 0px 5px 5px; overflow:hidden; }
		#content-container { margin:17px; position:relative; background:#ffffff; }
		
	/**
	* Text Style
	*/
		.highlight { color:#e1a926; }
		.sub-title { color:#ca8e02; font-weight:bold; padding-bottom:10px; }
		
	/**
	* Content Frame
	*/
		.content-frame { border:1px solid #efefef; overflow:hidden; position:relative; }
		.content-frame .content-frame-title { background:url(../images/content-frame-bg.jpg); height:28px; line-height:28px; padding:0px 12px 0px 12px; display:inline-block; float:left; font-weight:bold; text-shadow:0px 0px 10px #ffffff; }
		.content-frame .content-frame-right { background:url(../images/content-frame-right.png); width:15px; height:28px; overflow:hidden; display:inline-block; float:left; }
		.content-frame-tab { position:absolute; top:10px; right:0px; }
		.content-frame-tab a { color:#a5a5a5; padding:0px 15px 0px 15px; cursor:pointer; }
		.content-frame-tab a:hover { color:#ffb300; }
		.content-frame-tab a.select { color:#000000; font-weight:bold; background:url(../images/arrow.png) no-repeat 0px 2px; }
	
	/**
	* Button
	*/
		.btn-search { background:url(../images/btn-search.png); width:86px; height:31px; overflow:hidden; cursor:pointer; }
		.btn-search:hover { background-position:0px -31px; }

		.select-arrow { background:url(../images/select-arrow.jpg); width:21px; height:21px; overflow:hidden; float:right; cursor:pointer; }
		.select-arrow:hover { background-position:0px -21px; }
		.select-arrow.hover { background-position:0px -21px; }
		
		.btn-add { background:url(../images/btn-add.png); width:15px; height:15px; overflow:hidden; display:inline-block; cursor:pointer; }
		.btn-add:hover { background-position:0px -15px; }
		.btn-add.select { background-position:0px -30px; }
		.btn-calculator { background:url(../images/btn-calculator.png); width:11px; height:15px; overflow:hidden; display:inline-block; cursor:pointer; }
		.btn-calculator:hover { background-position:0px -15px; }
		
		.btn-next { background:url(../images/btn-next.png); width:30px; height:40px; overflow:hidden; cursor:pointer; }
		.btn-next:hover { background-position:0px -40px; }
		.btn-prev { background:url(../images/btn-prev.png); width:30px; height:40px; overflow:hidden; cursor:pointer; }
		.btn-prev:hover { background-position:0px -40px; }
		
		.btn-submit { background:url(../images/but-submit.png) no-repeat; width:86px; height:31px; overflow:hidden; cursor:pointer; }
		.btn-submit:hover { background-position:0px -31px; }
		.btn-reset { background:url(../images/btn-reset.png) no-repeat; width:86px; height:31px; overflow:hidden; cursor:pointer; }
		.btn-reset:hover { background-position:0px -31px; }
		
		.btn-calculate { background:url(../images/btn-calculate.png); width:99px; height:31px; overflow:hidden; cursor:pointer; }
		.btn-calculate:hover { background-position:0px -31px; }
		
	/**
	* Table
	*/
		.table-container { }
		.table-container td { background:#f3f3f3; padding:5px 15px 5px 15px; border-bottom:1px solid #ffffff; }
		.table-container td:first-child { border-right:1px solid #dfdfdf; }
		.table-container.no-border td:first-child { border-right:0px; }
		.table-container tr:nth-child(odd) td { background:#f9f9f9; }
		.table-container tr.table-header { }
		.table-container tr.table-header td { background:url(../images/inner/table-header.jpg) #ffc53e bottom repeat-x; padding:10px 15px 10px 15px; font-size:14px; font-weight:bold; color:#3b3b3b; }
		
		
	/**
	* Spacing
	*/
		.content-gap { height:22px; overflow:hidden; clear:both; }
		.content-margin { height:45px; overflow:hidden; clear:both; }
		.inner-padding { height:10px; overflow:hidden; clear:both; }
		.inner-margin { height:18px; overflow:hidden; clear:both; }


	/**
	* Form
	*/	
		.column-form { margin:10px; }
		.column-form .title { width:120px; padding-top:5px; }
		.column-form .title span { color:#e70000; }
		.column-form td { padding-bottom:6px; }
		.column-form input { border:1px solid #c4c4c4; width:256px; padding:3px 5px 3px 5px; }
		.column-form select { border:1px solid #c4c4c4; width:268px; padding:3px 5px 3px 5px; }
		.column-form textarea { border:1px solid #c4c4c4; width:256px; padding:3px 5px 3px 5px; height:100px; }
		.column-form .radio { width:auto; margin-left:15px; }
		.column-form .radio-right { width:auto; }
		.column-form i { font-style:normal; color:#878787; padding-left:3px; }

		.checkbox-list { margin:0px; padding:10px; list-style:none; overflow:hidden; }
		.checkbox-list li { float:left; width:20%; padding-bottom:20px; }
		.checkbox-list input { border:1px solid #c4c4c4; width:10px; height:10px; padding:0px; margin:3px 3px 3px 0px; vertical-align:middle; }
		.checkbox-list .title { padding-bottom:5px; font-weight:bold; }
		
		.security-code { border-top:1px solid #f3f3f3; }
		.security-code .field { width:100px; }
		.security-code .field input { width:100px; height:13px; }
		.security-code .code { width:82px; }
		.security-code .code img { border:1px solid #c4c4c4; vertical-align:middle; cursor:pointer; }
		.security-code .arrow { width:20px; text-align:center; }
		.security-code .valign td { vertical-align:middle; }
		
		.agreement { margin:0px 5px 0px 5px; }
		.agreement input { width:10px; height:10px; border:1px solid #c4c4c4; vertical-align:middle; }
	
		.action-panel { margin:0px; overflow:hidden; }
		.action-panel div { float:left; }
		
		.button-panel { margin:20px 5px 10px 5px; overflow:hidden; }
		.button-panel div { float:left; margin-right:10px; }
	
	/**
	* Header
	*/
		#header { position:relative; height:187px; border-bottom:6px solid #ffb300; }
		
		#header .photo { height:187px; overflow:hidden; position:absolute; top:0px; left:0px; width:100%; }
		#header .photo table { border:0px; border-spacing:0px; border-collapse:collapse; }
		#header .photo table td { padding:0px; }
		#header .photo table div { position:relative; }
		#header .photo table img { position:absolute; top:0px; left:0px; }
		#header .photo .title { position:absolute; top:38px; left:640px; color:#ffffff; font-size:38px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
		#header .photo .title2 { position:absolute; top:80px; left:640px; color:#ffffff; font-size:20px; text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
		#header .photo .name { position:absolute; top:110px; left:640px; font-size:15px; background:url(../images/header-black-transparent.png) repeat-y; min-width:282px; padding:5px 10px 5px 10px; color:#ffffff; }
		
		#header .logo { position:absolute; top:28px; left:33px; }
		
		#header .top-menu { position:absolute; top:9px; right:20px; height:23px; 
			background:url(../images/top-menu-bg.jpg) repeat-x;
			border-radius:5px;
			box-shadow:0px 0px 6px rgba(0,0,0,0.3);
			color:#bfbfbf;
		}
		#header .top-menu a { line-height:23px; font-size:11px; color:#4e4e4e; padding:0px 20px 0px 20px; }
		#header .top-menu a:hover { color:#f4aa00; }
		#header .top-menu .lang { cursor:pointer; padding:0px 10px 0px 10px; }
		
		#header .menu { position:absolute; bottom:0px; left:0px; padding:0px; margin:0px; list-style:none; width:100%; }
		#header .menu li { position:absolute; bottom:0px; left:0px; }
		#header .menu .button a { display:block; width:100%; }
		#header .menu .mnu-home { left:33px; }
		#header .menu .mnu-home .button { background:url(../images/menu/home.png) no-repeat; width:105px; height:42px; overflow:hidden; }
		#header .menu .mnu-rent {  left:131px; }
		#header .menu .mnu-rent .button { background:url(../images/menu/rent.png) no-repeat; width:105px; height:42px; overflow:hidden; }
		#header .menu .mnu-buy { left:229px; }
		#header .menu .mnu-buy .button { background:url(../images/menu/buy.png) no-repeat; width:105px; height:42px; overflow:hidden; }
		#header .menu .mnu-outdoor-area { left:327px; }
		#header .menu .mnu-outdoor-area .button { background:url(../images/menu/outdoor-area.png) no-repeat; width:172px; height:42px; overflow:hidden; }
		#header .menu .mnu-our-services { left:495px; }
		#header .menu .mnu-our-services .button { background:url(../images/menu/our-services.png) no-repeat; width:132px; height:42px; overflow:hidden; }
		#header .menu .mnu-about-us { left:621px; }
		#header .menu .mnu-about-us .button { background:url(../images/menu/about-us.png) no-repeat; width:126px; height:42px; overflow:hidden; }
		#header .menu .mnu-my-saved-items { right:20px; left:auto; }
		#header .menu .mnu-my-saved-items .button { background:url(../images/menu/my-saved-items.png) no-repeat; width:123px; height:42px; overflow:hidden; }
		#header .menu li:hover .button { background-position:0px -42px; }
		#header .menu li.select .button { background-position:0px -42px; }
		#header .menu li:hover .submenu { display:block; }

		#header .menu .submenu { display:none; min-width:62px; position:absolute; top:42px; left:6px; background:#ffffff; border-radius:0px 0px 5px 5px; padding:5px 15px 5px 15px; z-index:10000; border-top:6px solid #e39f00; box-shadow:0px 5px 5px rgba(0,0,0,0.2); }
		#header .menu .submenu div { white-space:nowrap; line-height:30px; border-bottom:1px solid #cccccc; }
		#header .menu .submenu div.last { border-bottom:0px; }
		#header .menu .mnu-about-us .submenu { min-width:84px; }
		
		
	/**
	* Navigation
	*/
		.navigation { background:#000000; padding:10px 22px 10px 22px; overflow:hidden; color:#ffffff; line-height:22px; cursor:default; font-size:12px; }
		.navigation div { float:left; }
		.navigation .arrow { background:url(../images/nav-arrow.png) center center no-repeat; width:35px; height:22px; }
		.navigation a { color:#ffffff; line-height:22px; font-size:12px; }
		.navigation a:hover { color:#ffb300; }
		
		
		
	/**
	* Paging
	*/
		.paging { text-align:right; padding:5px 10px 10px 10px; }
		.paging a { color:#9c9c9c; font-size:11px; }
		.paging a:hover { color:#ffb300; }
		
		
	/**
	* Properties
	*/
		.properties-item { border-collapse:separate; border-spacing:9px; }
		.properties-item .item-group { border:1px solid #e7e7e7; padding:6px; width:33%; }
		.properties-item td .item { position:relative; }
		.properties-item td .item .photo { width:198px; height:131px; position:relative; }
		.properties-item td .item .photo .ribbon { position:absolute; top:-6px; right:-8px; }
		.properties-item td .item .photo td { vertical-align:middle; text-align:center; }
		.properties-item td .item .photo img { max-width:198px; max-height:131px; }
		.properties-item td .item .name { padding:10px 5px 5px 5px; }
		.properties-item td .item .name a { color:#5d3c19; font-size:13px; font-weight:bold; }
		.properties-item td .item .detail { padding:0px 5px 0px 5px; font-size:12px; color:#646464; line-height:16px; }
		.properties-item td .item .bot { padding:10px 5px 5px 5px; position:relative; }
		.properties-item td .item .bot .btn-detail { float:right; color:#646464; font-size:12px; padding-top:4px; }
		.properties-item td .item .bot .btn-detail:hover { color:#ffb300; }
		.properties-item .date { color:#b2b2b2; font-size:10px; padding:0px 5px 0px 5px; }
		
		
		/* Popular Districts */
			.popular-districts .properties-item { border-spacing:17px;  }
		
	/**
	* Recently Viewed Properties
	*/
		.recently-viewed-properties { position:relative; clear:both; }
		.recently-viewed-properties .viewed-item { width:870px; overflow:hidden; margin:20px auto 10px auto; white-space:nowrap; position:relative; height:150px; }
		.recently-viewed-properties .viewed-item .scroll { position:absolute; top:0px; left:0px;  }
		.recently-viewed-properties .viewed-item .item { text-align:center; width:139px; margin:0px 3px 0px 3px; overflow:hidden; display:inline-block; vertical-align:top; }
		.recently-viewed-properties .viewed-item .photo { width:139px; height:92px; overflow:hidden; }
		.recently-viewed-properties .viewed-item .photo td { vertical-align:middle; text-align:center; }
		.recently-viewed-properties .viewed-item .photo img { max-width:139px; max-height:92px; }
		.recently-viewed-properties .viewed-item .name { color:#5d3c19; font-size:12px; font-weight:bold; padding-top:3px;white-space:normal; }
		.recently-viewed-properties .viewed-item .location { color:#b37d00; font-size:11px; }
		.recently-viewed-properties .btn-prev { position:absolute; top:80px; left:5px; }
		.recently-viewed-properties .btn-next { position:absolute; top:80px; right:5px; }
	
	/**
	* Footer Menu
	*/
		#footer-menu { margin-top:27px; border-top:4px solid #fda700; background:#000000; color:#ffffff; overflow:hidden; }
		#footer-menu a { color:#ffffff; font-size:13px; }
		#footer-menu a:hover { color:#ffb300; }
		#footer-menu table { border-collapse:separate; border-spacing:15px 0px; padding:0px 60px 0px 0px; margin:15px 0px 15px 0px; }
		#footer-menu table td { width:16.6%; padding:10px; }
		#footer-menu table .title td { border-bottom:1px solid #ffffff;  }
		#footer-menu table .title .no-border { border-bottom:0px; text-align:center; }
		#footer-menu ul { margin:0px; padding:0px; list-style:none; }
		#footer-menu ul li { margin:0px; padding:5px 0px 5px 0px; }
		

	/**
	* Footer Copyright
	*/
		#footer-copyright { margin:0px auto 16px auto; width:984px; background:#ffd500; overflow:hidden; position:relative; border-radius:5px; }
		#footer-copyright .area { background:#fda700; border-radius:5px; margin:3px 0px 4px 0px; z-index:100; position:relative; overflow:hidden; }
		#footer-copyright .area .copyright { font-size:11px; padding:15px; }
		#footer-copyright .area a { color:#000000; }
		#footer-copyright .area a:hover { text-decoration:underline; }
		#footer-copyright .area .footer-logo { position:absolute; top:15px; right:15px; }
		#footer-copyright .bottom { background:#000000; z-index:0; position:absolute; bottom:0px; left:0px; width:100%; height:10px; }
		
	
	/**
	* Outdoor Area
	*/
		.outdoor-area { margin:0px 9px 0px 9px; overflow:hidden; }
		.outdoor-area .item { padding:10px 0px 10px 0px; border-bottom:1px solid #e5e5e5; }
		.outdoor-area .item .photo { width:64px; }
		.outdoor-area .item .photo img { max-width:64px; }
		.outdoor-area .item .name { padding:5px 5px 5px 5px; }
		.outdoor-area .item .name a { color:#5d3c19; font-size:13px; font-weight:bold; }
		.outdoor-area .item .detail { padding:0px 5px 0px 5px; font-size:11px; color:#646464; line-height:15px; }
		
		.outdoor-area .inner-left { width:225px; float:left; }
		.outdoor-area .page-title { color:#000000; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; }
		.outdoor-area .inner-right { width:714px; float:right; }

		.outdoor-list .photo { width:64px; height:87px; overflow:hidden; }
		.outdoor-list .photo td { vertical-align:middle; text-align:center; }
		.outdoor-list .photo img { max-width:64px; max-height:87px; }

	/**
	* New Developments 
	*/
		.new-developments { border-collapse:separate; border-spacing:6px; padding:0px 4px 0px 4px; }
		.new-developments .item { border:1px solid #e5e5e5; width:25%; padding-bottom:8px; }
		.new-developments .item * { text-align:center; }
		.new-developments .item .photo { width:149px; height:100px; margin:5px auto 5px auto; }
		.new-developments .item .photo td { vertical-align:middle; text-align:center; width:149px; height:100px; }
		.new-developments .item .photo td img { max-width:149px; max-height:100px; }
		.new-developments .item .name { padding-bottom:3px; }
	
	/**
	* My Saved Item 
	*/
		.my-saved-items .page-title { color:#000000; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; }
		
			
		
		
	@media print
	{
		#header { display:none; }
		.inner-left { display:none; }
		.inner-right { display:block; float:left; }
		#recently-viewed-properties { display:none; }
		#footer-menu { display:none; }
		#footer-copyright { display:none; }
		.not-print { display:none; }
		.navigation { display:none; }
		#body-container { width:750px; box-shadow:none; }
	}