/* CSS Document */
html body,input,select,textarea {
	font-family:"微軟正黑體",Helvetica,Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size:12px; 
	color:#717071;
	line-height:17px;}
a {
	text-decoration:none;
	color:#717071;}
a:hover {
	color:#2da7e0;}
a:hover img,input.sbtn:hover,.sort_page a:hover,a.sbtn:hover {filter:alpa(opacity=80);  -moz-opacity:0.8; opacity:0.8;}

.top {
	display:block;
	color:#333;
	position:fixed;
	right:30px;
	top:60%;
	filter:alpa(opacity=100);  -moz-opacity:1; opacity:1;
	z-index:999;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	border-top:2px solid #2da7e0;}
/*icon*/
[class^="icon-"], [class*=" icon-"] a {
	display:inline-block; *display : inline; *zoom : 1;margin:0 6px;}
[class^="icon-"]:hover, [class*=" icon-"] a:hover {filter:alpa(opacity=60);  -moz-opacity:0.6; opacity:0.6;}
.icon-fb {background:url(../images/sx.png) no-repeat; background-position: 0 0; width: 21px; height: 23px;}
.icon-plurk {background:url(../images/sx.png) no-repeat; background-position: -21px 0; width: 21px; height: 23px;}
.icon-twitter {background:url(../images/sx.png) no-repeat; background-position: -42px 0; width: 23px; height: 23px;}
.icon-map {background:url(../images/sx.png) no-repeat; background-position: -65px 0; width: 19px; height: 25px;}

/*index column*/
.column_area { background:#eeefef; padding:10px 0;}
.column_area.luxury { background:#fff;}
.column_area a:hover {color:#717071;} 
.column li { margin:0 5px; float:left;}
.column div.img { width:290px; height:190px; text-align:center; background:#fcfcfc;}
.column div.img img { height:190px; width:auto;}
.column .info li { float:none; line-height:20px;}
.column span { display:block; height:24px; width:50px; text-align:center; line-height:24px; background:#fed82a; color:#e50011; background:#fff;  float:left; margin-left:5px;}
.column_area.luxury .column span { color:#595757; background:#fed82a;}
.column .info ul  { float:right; width:230px;}
.column .info { margin-top:5px;}
.column .info b { color:#333;}
.column .info .life { margin-top:10px;}

/*title*/
h2.title_area { border-bottom:1px solid #2da7e0; margin:10px auto;}
h2 span,.title { display:block; width:100px; height:37px; line-height:37px; color:#fff; font-size:15px; background:url(../images/title.png) no-repeat; text-align:center;}
h2 div { width:115px; height:45px; background:#fff; margin-bottom:-10px;}

#slider { margin-top:-10px;}

/*不動產訊息 index*/
.advice { background:#eeefef; padding:10px; width:790px; float:left;}
.top_advice { position:relative; width:780px; margin:0 auto 5px auto;}
.top_advice img { max-width:780px; height:270px; text-align:center;}
.top_advice .text { position:absolute; top:45%; width:100%;}
.top_advice p { color:#fff; font-weight:bold; font-size:14px;display:block; float:right; padding:0 10px; line-height:30px;}
.top_advice span { display:block; height:36px; line-height:36px; padding:0 10px; background:#fff; color:#2da7e0; font-weight:bold; font-size:14px; float:left;}
.advice ul span { display:inline-block; *display : inline; *zoom : 1; border-left:2px solid #9b2e38; border-right:1px solid #9b2e38; width:100px; height:36px; line-height:36px; text-align:center; margin-right:5px; color:#3e3a39; font-weight:bold;}
.advice ul { width:780px; margin:0 auto;}
.advice ul li { float:left; padding-bottom:4px; border-bottom:1px solid #9b2e38; margin-bottom:6px; width:385px; margin-left:5px;}

.sales { width:380px; margin-left:10px; float:left;}
.sales ul { width:400px; margin:30px auto; height:350px; overflow:hidden;}
.sales ul li { margin-bottom:10px; font-size:14px; line-height:18px;*zoom: 1;}
.sales ul li:after {content: ""; display: table; clear: both;}
.sales ul li div { float:left; width:300px;}
.sales ul li div:first-child { width:90px;}

/*搜尋*/
#search_area { height:250px; background:url(../images/search_bg.png) repeat-x; width:100%; padding:15px 0 5px 0; position:relative;}
.search_cont_l,.search_cont_r { float:left;}
.search_cont_l { width:800px; padding-top:10px;}
.search_cont_r { width:350px; margin:0 10px 0 30px; height:195px; background:url(../images/map.jpg) no-repeat;} 
.search_tab,.search_cont {width:1190px; margin:0 auto;}
.search_cont { background:#fcfcfc; height:195px; padding:10px 0 10px 0;}
.search_tab li { float:left;}
.search_tab li a{ display:block; width:90px; height:30px; text-align:center; font-size:14px; color:#fff; border:1px solid transparent; line-height:30px;}
.search_tab li a:hover,.search_tab li a.select { background:url(../images/tab.png) no-repeat; border:1px solid #fcfcfc;}
.search_select { border-left:3px solid #2da7e0; height:36px; line-height:36px;}
.selectbtn { border-right:1px solid #2da7e0; width:120px; height:36px; font-size:15px; line-stacking:1px; float:left; text-indent:10px; color:#9f9fa0; position:relative; cursor:pointer;}
.selectbtn:hover { background:#fff; color:#2da7e0;}
.selectbtn img {
	position: absolute;
	right: 2px;
	top: 5px;
}
.search_select,.searchbar { margin:0 0 20px 20px;}

/*搜尋彈出區塊*/
a#close { display:block; width:25px; height:25px; background:#999; line-height:25px; text-align:center; color:#fff; font-weight:bold; float:right;-webkit-border-radius: 2px; /* Safari, Chrome */
  -khtml-border-radius: 2px; /* Konqueror */
  border-radius: 2px; /* Opera 10.50 and later (CSS3 standard) */ margin:-10px 0 10px 0;}
a#close:hover {background:#2da7e0;}
#search_box {
z-index:9999; 
display:none;
position:absolute;
  background:#efefef;
  width:560px;
  border:1px solid #2da7e0;
  left:20px;
  top:110px;
  padding:20px;
moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999');
-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */}
  
.tag_show { width:538px; min-height:80px; padding:10px;-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
   background:#fcfcfc;
   margin-bottom:20px;}
.tag_show span {line-height:30px; padding:5px; display:inline-block; *display : inline; *zoom : 1; text-indent:10px;}
.tag_show span:hover {cursor:pointer; color:#2da7e0;}
.tag_show span em { position:relative; right:-5px; top:4px;}
#search_box h2 div { background:#efefef;}
.tag_show h4 { color:#2da7e0; font-size:14px;}
.tag_term_area .col_text ul li { width:100px; float:left; margin:5px;}
.tag_term_area .col_text ul.en li {width:200px; float:left; margin:5px;}
.tag_term_area .table_style { width:560px;}
.tag_term_area .table_style td.col_name { width:60px; background:#f7f7f7;}
.tag_term_area .table_style td.col_text { background:#fcfcfc;}
.term_box { width:540px; height:120px;background:#fcfcfc;border-bottom:1px solid #ccc; border-top:1px solid #ccc;padding:10px; overflow:auto;}
.term_box ul li { width:110px; float:left; height:30px; line-height:30px; text-align:center; font-size:13px;}
.term_box ul li span:hover {color:#2da7e0; cursor:pointer;}
#search_box input[type="submit"] {background:url(../images/more.png) no-repeat;}
#search_box input[type="button"] {background:url(../images/more.png) no-repeat;}
#back2city,#back2area{ display:none; float:right; margin:5px;}

/*input*/ 
input[type="text"],textarea  { text-indent:10px;}
.searchbar input[type="text"] { border:1px solid #2da7e0; background:none; height:32px; line-height:32px; margin-right:10px; width:600px;} 
.searchbar input[type="submit"] { background:url(../images/title.png) no-repeat; width:100px; height:36px; border:none;color:#fff; font-size:14px; line-stacking:1px;}
.searchbar input[type="submit"]:hover,.searchpost input[type="submit"]:hover { cursor:pointer;filter:alpa(opacity=60);-moz-opacity:0.6; opacity:0.6;}

.living_tag { background:url(../images/tag.png) no-repeat; width:86px; height:42px; text-align:center; color:#fff; font-size:14px; letter-spacing:1px; padding-top:7px;}
.living_tag,.living ul { margin-left:20px; float:left;}
.living ul { width:525px;}
.living ul.en{ width:625px;}
.living ul.jp{ width:575px;}
.living ul li { width:120px; float:left; line-height:22px; margin-right:5px; line-height:18px;}
/*
.living ul li label{ -webkit-text-size-adjust: 100%}
*/
.living ul.en li{ width:200px; float:left; line-height:22px; margin-right:5px; line-height:22px;} 
.living ul.jp li{ width:150px; float:left; line-height:22px; margin-right:5px; line-height:22px;} 
.tag-select { display:inline-block; *display : inline; *zoom : 1; margin-right:5px; background:url(../images/sx.png) no-repeat; background-position: -84px -17px; width: 16px; height: 17px; position:relative; top:5px;
filter:alpa(opacity=20);  
    -moz-opacity:0.2;         
    opacity:0.2;}
ul li input[type="checkbox"]:checked + label span { background-position: -84px 0;filter:alpa(opacity=100);  
    -moz-opacity:1;         
    opacity:1;}
ul li input[type="checkbox"] {display:none;}
ul li label:hover {cursor:pointer;}

/*租屋搜尋-----------------------------------------------------------*/
.content { margin:40px auto 120px auto;}
/*次要搜尋*/
#sidebar { width:224px; border:solid 3px #9f9fa0; background:#eeefef; float:left;}
.term_wrap { padding:1px; width:222px; margin:0 auto;}
.term_wrap h3 { display:block; width:220px; background:url(../images/termbg.png) repeat-x; height:32px; text-align:center; color:#fff; font-size:15px; border:1px solid #9f9fa0; line-height:32px;}
.term_wrap ul,.term_wrap h4{ margin:10px; width:200px;}
.term_wrap ul li { margin-bottom:5px;}
.term_wrap h4 { font-size:14px; font-weight:normal; color:#666; border-bottom:1px solid #999; line-height:20px;}
.term_wrap ul.term li { width:100px; float:left;}
.term_wrap ul li input[type="text"] { border:1px solid #ccc; background:none; height:24px; width:70px; margin:0 5px;}
.term_wrap ul { margin-bottom:30px;}
input.sbtn,a.sbtn {background:url(../images/area_bg.png) no-repeat; width:68px; height:25px; color:#fff; text-align:center; border:none; cursor:pointer; margin:10px auto; display:block;}
select.type { border:none; height:20px; width:80px; background:#dcdcdd; margin-left:10px; line-height:24px;} 

/*搜尋列表---------------*/
#item_list,.share_list  { width:930px; margin-left:40px; float:left;}
ul.tab { width:100%;border-bottom:1px solid #2999ce;}
ul.tab li { width:100px; background:url(../images/tabbg.jpg) repeat-x; height:36px; line-height:36px; float:left; border:1px solid #2999ce; text-align:center; margin-left:5px;}
ul.tab li a { display:block; width:100px; height:36px; color:#595757; font-size:14px;}
ul.tab li a:hover,/*ul.tab li:first-child a*/ul.tab li a.select,a.link:hover { background:url(../images/tab.jpg) no-repeat; color:#fff;}

.sort_bar { line-height:30px; color:#040000; padding-top:4px; margin-bottom:-4px;}
.sort_box { float:right;}
.sort_box span { float:left; display:block; height:30px; border-right:3px solid #2999ce; padding-right:10px;}
.sort_term { width:140px; height:30px; border-right:1px solid #2999ce; text-indent:10px; position:relative; float:left;}
.sort_term em { position:absolute; right:10px; top:3px;}
.sort_page { background:url(../images/pagebg.png) repeat-x; height:38px; float:left; width:154px; padding-left:10px; position:relative; top:-4px; left:-1px; line-height:34px;}
.sort_page a { color:#fff;}
.sort_page select { width:50px; background:#fff; border:1px solid #fff; margin:0 10px;}

/*物件列表*/
.item:hover { background:#fcfcfc;}
.item .img { height:200px; width:300px; overflow:hidden; background:#fcfcfc; text-align:center; margin-right:30px; float:left; margin-top: 15px; }
.item .img img { height:100%; width:auto;}
img.itembar { width:100%; height:auto; display:block; margin-bottom:10px;}
.ps { height:30px; color:#999; padding:5px 10px; border-top:1px solid #2da7e0; margin:10px auto; line-height:20px;}
.ps em { font-style:normal; float:right;}
a.sbtn { display:block; background:url(../images/more.png) no-repeat; float:right; margin:0 10px; line-height:25px;}
.tag_wrap { line-height:25px; position:absolute; bottom:0; width:100%; color:#999;}
.item_info { width:600px; float:left; position:relative; padding-top:10px;}
.item_info h3 { line-height:24px; color:#333; font-size:15px; position:relative;}
.item_info h3 img { position:absolute; top:-2px; margin-left:10px;}
.item_info p,.item_info span { margin:5px 0px; font-size:14px; color:#666;}
.item_info p {margin-bottom: 10px;}
.item_info span { display:inline-block; width:40%; margin: 2px 0;}
.item_info p.emphasis { color:#2da7e0; font-size:15px; font-weight:bold; margin-top:20px;}
.item_info p.emphasis span{font-size:10px;}
.item_info span.emphasis { color:#2da7e0; font-size:15px; font-weight:bold;}

/*分頁*/
.page { border-top:1px solid #999; margin:30px auto; text-align:right; line-height:36px; font-size:13px;}
.page a { margin:0 3px;}
.page a.this-page,.page a:hover b { color:#2da7e0; text-decoration:underline;}
.page a b { font-size:14px; color:#333; margin:0 5px;} 

/*物件詳細資料--------------------------------------------------*/

/*物件圖*/
.content_top {margin:40px auto;}
.showarea { width:800px;float:left;}
.showbox {
		width: 800px;
		height: 600px;		
		vertical-align: middle;
		text-align:center;
		overflow:hidden;
		background:#fcfcfc
	}
.showbox img { height:600px; width:auto;}
	.show-image-block {
		margin:10px auto;
		width: 802px;
		overflow: hidden;
	}
	.show-image-block a {
	}
	.show-image-block a img {
		width: 130px;
		height: 87px;
		vertical-align: middle;
	}

/*物件縮圖*/

.list_viewed {
	margin:0 auto;
	width: 812px;
	}
.list_viewed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	margin-top:10px;
	}
.list_viewed li {
	color: #999;
	text-align: center;
	height: 87px;
	width:130px;
	background:#FCFCFC;
	padding: 0;
	margin-right: 4px;
	display: block;
	float: left;
	_display : inline;
    _zoom : 1;
	overflow:hidden;
	}
.list_viewed li img {
	height:87px;
	width:auto;
	}

.prev_view {
	_display : inline;
    _zoom : 1;
	position:relative;
	top:-70px;
	left:-30px;
	}
.next_view {
	_display : inline;
    _zoom : 1;
	position:relative;
	top:-70px;
	right:-780px;
	}
/*物件基本資料*/
.basic_date { width:380px; float:left; margin-left:20px;}
.basic_date .item_info span { width:100%;}
.basic_date .item:hover { background:#fff;}
.basic_date .tag_wrap { margin-top:20px;}
#item_date { width:860px; margin-right:40px; float:left;}
#item_date .table_style { width:100%;} 
#item_date .table_style tr {border-top:1px solid #ccc;}
#item_date .table_style td { border-right:1px solid #ccc;}
#item_date .table_style.termlist td { width:110px;}
#item_date .table_style td:last-child { border-right:1px solid #fff;}
#item_date .table_style td.col_name { width:100px; background:#eeefef; border-right:1px solid #666;}
#item_date .table_style.termlist td.col_text {text-align:center;} 
#item_date .table_style td.col_text { background:#fff;}
.table_wrap { margin-bottom:10px;}
.col_text p { margin:10px; line-height:21px; font-size:13px;}
.col_text ul li { width:110px; float:left; margin:10px;}
.tag-select.select { background-position: -84px 0;filter:alpa(opacity=100);  
    -moz-opacity:1;         
    opacity:1;}

/*有興趣的物件*/
#like { width:300px; float:left;}
#like .item { margin-bottom:20px;}
#like .item .img { float:none; margin-right:0px;}
#like .item_info { width:280px; float:none; height:auto; padding:10px;border-left:2px solid #2da7e0; margin:10px auto;}
#like .tag_wrap,.basic_date .tag_wrap { position:relative;}
#like .item a.sbtn { margin-right:0px;}
#like .item_info h3,#like .item_info p,#like .item_info span { font-size:12px; line-height:17px; margin:3px auto;}
#like .item_info p.emphasis { margin-top:15px; font-size:13px;}




/*豪宅出租-----------------------------------------------------*/
/*關於豪宅*/
#about_luxury {width:1198px; border:1px solid #2da7e0; height:409px; position:relative;}
#about_luxury img {position:absolute; bottom:-1px; left:50%;  margin-left:-24px;}
#about_luxury img.op { display:none;}

#item_list.luxury { width:1200px; float:none; margin-left:0px;}
.luxury_title { background:url(../images/luxury_title.png) no-repeat; width:100%; height:78px;border-bottom:1px solid #2999ce; position:relative;}
.luxury_title h2 { font-size:15px; color:#fff; position:absolute; bottom:8px; left:25px;}
#item_list.luxury .item_info {width:870px;}


/*品牌介紹-----------------------------------------------------*/
.content.no_search { margin:80px auto 120px auto;}
.about_cont { width:900px; margin:50px; font-size:16px; line-height: 24px;}
/*.about_cont img { width:100%; height:auto; max-width:1200px; }*/
.about_cont h3 { font-size:21px; border-left:3px solid #2EA7E0; padding-left:5px; color:#3E3A39; margin:80px auto 30px auto; line-height: 24px;}
.about_cont h4 { font-size: 18px; color: #F8B62D; margin: 5px auto;}
.about_cont h4.blue {color: #2EA7E0; line-height: 28px;}
.about_cont ul { margin: 50px auto;}
.about_cont ul li {margin-bottom: 10px;}
a.link {display:block; width:100px; height:36px; color:#595757; font-size:14px;background:url(../images/tabbg.jpg) repeat-x; height:36px; line-height:36px;border:1px solid #2999ce; text-align:center; margin:40px auto 0 20px;}

/*聯絡我們----------------------------------------------------*/
.table_style{ width:490px;}
.table_style tr { border-bottom:1px solid #ccc; height:40px;}
.table_style tr.end { border-bottom:none;}
.table_style td {text-align:center; vertical-align:middle;}
.table_style td.col_name { width:100px; background:#dcdcdd; border-right:1px solid #666; color:#333; font-size:13px;}
.table_style td.col_text { background:#f7f7f7; text-align:left;}
textarea.msg { height:100px; padding-top:5px;}
.table_style td input,.table_style td textarea { background:none; border:none; width:90%;}
a.sbtn { display:block; background:url(../images/more.png) no-repeat; float:right; margin:0 10px;}
.contact_table { width:500px; float:left;}
.contact_table input.sbtn { background:url(../images/more.png) no-repeat; float:right; margin-right:10px;}

.contact_image { width:700px; float:left; text-align:center;}
.contact_image img { max-width:645px; width:100%; height:auto;}

/*不動產訊息---------------------------------------------------*/
ul.catalog { background:url(../images/sharebg.jpg) repeat-x bottom #2ca6e0;width:164px; float:left; margin-right:50px; border:3px solid #2899cd; padding:0 5px;}
ul.catalog li {border-bottom:1px solid #eee;}
ul.catalog li a { display:block; height:40px; width:140; color:#fff; font-size:14px; line-height:40px; text-align:right; padding-right:10px;}
ul.catalog li.selected a {color:#F8B62D;}
ul.catalog li a:hover {background:url(../images/share.jpg) no-repeat;}
ul.catalog li:last-child { border-bottom:none;} 
.share_list ul li div { border-left:2px solid #2999ce; padding-left:10px; width:80%; float:left; }
.share_list ul li div span { color:#3e3a39;}
.share_list ul li div h3 { font-size:14px; color:#999; line-height:21px;}
.share_list ul li { position:relative; padding:8px; border-bottom:1px solid #ccc;}
.share_list ul li:hover {background:#fcfcfc;}
.share_list ul li a.sbtn { bottom:8px; position:absolute; right:0px;}
#share_cont.share_list ul li{background:#fcfcfc;}
.share_cont img { max-width:930px; height:auto;}
.share_cont { font-size:14px; line-height:21px; min-height:500px; padding:10px;}
.lu,.ld {position:relative;}
.lu { top:2px;}
.ld { top:-2px;}

/*地圖搜尋*/
#map img {width:100%; height:auto;}
.service_table {margin-top: 30px;}
.service_table img {width: 400px; height: auto; margin-right: 30px;}
.service_table td {vertical-align: top;padding-bottom: 30px;}
.service_table p {margin: 5px 0;}

.logo_text,.logo_textjp_{font-family:'Perpetua Titling MT', 'Microsoft JhengHei', '微軟正黑體'; font-size:19px; margin-left:10px; color:#000; font-weight:bolder; letter-spacing:1px;}
.logo_texten_{font-family:'Perpetua Titling MT', 'Microsoft JhengHei', '微軟正黑體'; font-size:15px; margin-left:10px; color:#000; font-weight:bolder; letter-spacing:0;}