/*
Property: HF global
Editer: Jim Chung
Date: 2012.03.15
version: 1.0
*/
/*常用設定*/
.FL { float:left;}
.FR { float:right !important;}
.clear {clear:both;}
.f22{ font-size:22px; line-height:30px; overflow:hidden}
.g15{color:#6E7071; font-size:15px !important; font-weight:bold}
input[type="text"]{ border:0;}
#wrapper {width:960px;text-align:left;margin:0 auto;}
.red {color:#F50000 !important;}
.bold { font-weight:bold !important;}
a.arrow{background: url("/images/arrow_more.gif") no-repeat scroll left 6px transparent; padding-left:11px; background-position:left 5px\9; height:15px\9; overflow:hidden\9;}
/*麵包屑*/
ul.breadCrumb {float: left; padding:5px 0;padding:4px 0\9;}
ul.breadCrumb li {display: inline; font-size:13px; color:#777;}
ul.breadCrumb li span {padding: 0 3px;}
ul.more_action { float:right; padding:5px 0;}
ul.more_action li {display:inline;}
ul.more_action li a { float:left; background:url(/images/sprites.gif); padding:0 0 0 18px; widows:32px; height:16px; margin:0 15px 0 0;padding-top:2px\9;}
/*首頁'一覽頁選單*/
#menu {position: relative;float:left; padding-bottom:9px;}
.menu_tab {position: absolute; margin:0; padding:0; left:0; width:960px;background:url(/images/menu_tag_bg.gif) no-repeat 5px 4px; top:0;}
.menu_tab li {float:left;list-style:none;}
.menu_tab li a {background:url(/images/menu_tag_sep.gif) no-repeat 0 5px;color:#333;display: block;float: left;
font-size:15px;text-align: center;padding:9px 0 8px 0;*padding:12px 0 3px 0;}
.menu_tab.list li a {width:106px;}
.menu_tab li a.first { background:none;}
.menu_tab.list li a:hover { background:url(/images/btn_hover.gif) no-repeat 0 2px; position:relative; left:1px; z-index:700; padding-bottom:5px;}
.menu_tab.list li a.current, .menu_tab.list li a.current:hover { font-weight:bold!important; background:url(/images/btn_current.gif) no-repeat; padding-bottom:6px; position:relative; left:1px; z-index:800; width:110px;}
.menu_tab.list li a.first:hover { width:97px; padding-right:9px;}
.menu_tab.list li a.first.current:hover { left:5px; width:110px; padding-right:0;}
.menu_tab li a.first:hover, .menu_tab li a.first.current { left:5px;}
.menu_tab_content {display: block; text-align:left; position:relative; border:1px solid #c0d8e8; width:960px; padding-top:1px; margin:0 0 12px 0; *z-index:888; }
/*.menu_tab_content {display: block; text-align:left; position:relative; border:2px solid #1eb1e2; border-width:0 0 2px 0; width:960px; background:url(/images/menu_content_white.gif) no-repeat left top; padding-top:2px; margin:0 0 12px 0; *z-index:888;}*/
.menu_tab_content.index {width:662px; *width:690px; background:url(/images/menu_content_index.gif) no-repeat; padding:14px 7px 9px 21px;height:143px;*height:166px; border:none;margin-top:0px;}/*2012-02-13首頁修改*/
/*選單tabs*/
.menu_tab.detail {background:url(/images/menu_tag_bg_detail.gif) no-repeat left bottom; padding-bottom:2px;}
.listContent .menu_tab.detail { width:740px; float:left;}
.menu_tab.detail li {margin-right:3px; background:none;}
.menu_tab.detail li a {font-size:13px;background:url(/images/sprites.gif) no-repeat left -322px; padding:0;}
.menu_tab.detail li a:hover { color:#fe4005;}
.menu_tab.detail li a span {margin-left:2px; display:block; background:url(/images/sprites.gif) no-repeat right -322px;padding: 13px 15px 2px;*margin-bottom:4px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ .menu_tab.detail li a span{ margin-bottom:4px}} /*webkit*/
.menu_tab.detail li a:hover.current {color:#333;}
.menu_tab.detail li a.current span {background:url(/images/sprites.gif) right -280px; margin-bottom:3px; font-weight:bold!important;}
.menu_tab.detail li a.current, .menu_tab.index li a.current:hover {background:url(/images/sprites.gif) no-repeat left -280px;}
.menu_tab_content.detail {border:none; background:none;}
.menu_tab_content.detail .pane_content {margin-top:20px;}
.search_tag {clear:both; font-size: 13px; padding-bottom:1px; *padding-bottom:6px;}
.search_tag.recent { padding-bottom:15px; *padding-bottom:20px;}
.search_tag b {color:#333; font-weight:lighter;}
.search_tag a { padding:0 10px 5px 0;display:inline-block; *padding-bottom:0;}
.search_tag.overwidth b { float:left; padding-right:4px;}
.search_tag.overwidth span {width:500px; float:left;}
.search_tag.overwidth span a { padding-bottom:7px;}
.search_more_house { font-size:13px; background:url(/images/arrow_more.gif) no-repeat right 5px; padding-right:12px; position:absolute; right:17px; bottom:31px; background-position:right 3px\9;}
.search_more_house:hover { background-position:right -8px; background-position:right -10px\9;}
.search_txt_area { background:url(/images/search_area_bg.gif) no-repeat; width:417px; height:37px; float:left; margin:3px 8px 7px 0;padding-left:13px; *padding:2px 0 0 25px;*width:427px;}
.search_txt_area input {border:none; font-size:16px; color:#777;position:relative; line-height:15px; margin:5px 13px;}
.search_txt_area input:focus {outline:none;}
.search_txt_area.number { width:340px; background:url(/images/search_area_bg_number.gif) no-repeat; margin-right:0;*margin-right:8px;}
.pane_content .number_ps {float:left; font-size:13px; width:140px; color:#685101; padding:0 0 0 10px; line-height:18px; }
.pane_content{background:#FFFFFF}
.main_search {
position:absolute;
top:20px;
left:415px;
width:530px;
}
.main_search div { width:302px; height:22px; background:url(/images/main_search_bar.gif); padding:6px 0 0 15px; float:left; margin-right:6px; *padding:8px 0 0 15px; *height:20px;}
.main_search div span {margin-right:10px; *float:left; *padding-top:1px;}
.main_search div label input { border:none; padding-left:5px; width:250px;color:#a2a2a2;}
.main_search div label input:focus {outline:none;}
/*店長推薦*/
.houses {position:relative; width:162px; float:left; padding:0 5px 20px 15px;}
.detail_txt .houses {padding:0 4px 20px 20px;}
.houses p span { font-size:16px; vertical-align:middle;}
.houses .video { background:url(/images/sprites.gif) left -715px; width:35px; height:49px; position:absolute; right:13px; top:152px;}
.houses .video:hover { background-position:-44px -715px;}
/*msathead 背景色*/
.default{}/*首頁*/
.dblue{background-position:left -2195px;}/*首頁漸層藍*/
.gblack{background-position:left -2323px;}
.gblue{background-position:left -2451px;}
/*買屋masthead中的物件量與經紀人數量資訊*/
#masthead .count-info{margin:48px 15px 0 0; float:right;}
#masthead .count-info strong{margin:0 5px; font-weight:bold; color:#CC0000;}
#masthead .award-buy{bottom:32px;}
/*footer*/
.footer{height: 150px; padding-bottom:20px; line-height:180%; color: #666666; text-align:left; display:block; background:#ffffff;}
#hfclist-block{margin-bottom:5px; padding:8px 0; background:#fafafa; border-top:2px solid #666666; border-bottom:1px solid #EBEBEB}
#hfclist-block .hfclist-all{width:872px; _width:920px; margin:0 auto; overflow:hidden; zoom:1;}
#hfclist-block .hfclist{float:left; margin-right:20px; overflow:hidden; _display:inline;}
#hfclist-block .hfclist-1{margin-left:15px; _margin-left:0; _width:200px;}
#hfclist-block .hfclist-2{_width:220px;}
#hfclist-block .hfclist-3{_width:240px;}
#hfclist-block .hfclist-4{margin:0; border:none; _width:200px;}
#hfclist-block .hfclist-info{overflow:hidden; zoom:1;}
#hfclist-block h3{float:left; margin-right:4px; font-size:13px; font-weight:bold; _display:inline;}
#hfclist-block ul{float:left; overflow:hidden; zoom:1; text-align:left; _display:inline;}
#hfclist-block li{float:left; margin-right:6px; _display:inline;}
#hfclist-block li.fst{padding-left:6px; background-position:left 7px; background-repeat:no-repeat;}
#uflink{text-align:center;}
#uflink ul{overflow:hidden;}
#uflink li{display:inline; margin-left:4px; padding-left:8px; background-position:left 4px; background-position:left 3px\9; background-repeat:no-repeat;}
#uflink li.fst{margin-left:0; padding-left:0; background:none;}
#uflink li img{vertical-align:middle; border:0;}
/*訂閱電子報*/
#uflink li a.subscribe-edm, #uflink li a:link.subscribe-edm{color:#ff0066;}
/*移除背景*/
.nobg{background:none;}
/*global-utils*/
.global-utils{height:27px; /*background-position:left -17px;*/ background-color:#6e7071}
.global-utils #short-cut{margin-left:8px; _margin-left:4px; padding:0; float:left;}
.global-utils #member-login{float:right; margin-right:8px; _margin-right:4px; padding:0;}
#short-cut ul, #member-login ul{margin:0; padding:0;}
#short-cut li, #member-login li{list-style:none;}
/*.global-utils ul{margin:2px 0; *margin:5px 0 0 0; _margin:4px 0; overflow: hidden;} 改成下面那一行*/
.global-utils ul{margin:2px 0; _margin:4px 0; margin-top:5px\9; overflow: hidden;}
.global-utils li{float:left; margin-top:2px; padding-left:8px; padding-right:8px; background-position:left 3px; *background-position:left 2px; background-repeat:no-repeat; }
.global-utils li .fix_icon{padding-left:20px; background: url(/images/book.png) left center no-repeat}
.global-utils li.fst{padding-left:7px; background:none;}
.global-utils li.lst{padding-right:7px;}
.global-utils li.fg{padding-right:7px;}/*使用FB GOOGLE登入*/
.global-utils li.fg p{padding-right:5px; float:left; color:#e8e8e8}
.global-utils li.fg img{padding-right:6px; float:left}
.global-utils .fix{color: #F00 !important;}
.global-utils a{ color:#fff}
.global-utils a:hover{ text-decoration:underline}
/*右欄*/
.lColumn{ width:710px; float:left; z-index:1; margin-bottom:10px; border:1px solid #dcdcdc;}
/*左欄*/
.rColumn{ width:230px; float:right; background-color:;}
/*右欄物件*/
.set{ margin-bottom:10px; background-color:#fff;}
.set h3{ height:24px; padding:5px 10px 0 10px;padding:7px 10px 0 10px \9;height:22px \9; background: url(/images/list_titles.gif) no-repeat 0px 0px; text-align:left; font-weight:bold; display:block; position:relative;}
.set h3 a {background: url("/images/arrow_more.gif") no-repeat scroll left 6px transparent;font-weight: normal !important; padding-left:11px; position:absolute; right:6px; top:5px; top:7px\9; background-position:left 5px\9; height:15px\9; overflow:hidden\9;}
.set ul{ border:1px solid #ccc; border-top:0px; padding:0 10px;}
.set ul li{ text-align:left; padding:6px 0; border-bottom:1px #cccccc dotted; margin-bottom:-1px}
.set ul li span.red{ padding:0 5px; color:#F50000;}
.set ul li a{ text-align:left;}
.set ul li p{ line-height:20px; height:20px}
.set ul li em{ color:#777777; font-size:12px; line-height:30px}
/*pagination*/
.pagination {
font-size: 13px;
line-height: 25px;
padding: 0;
text-align: center;
margin-bottom:16px;
}
.pagination li {
display: inline-block;
*display:inline;
list-style-type: none;
padding-left: 5px;
}
.pagination a, .pagination a:visited {
border: 1px solid #D0D0D0;
color: #005987;
padding: 2px 6px 1px;
*padding:3px 6px 2px;
text-decoration: none;
cursor:pointer;
*font-family:\5b8b\4f53!important;/*修正ie7中英文字體混排時對不齊*/
}
.pagination a:hover, .pagination a:active {
background-color: #005987;
border: 1px solid #2B66A5;
color: #FFFFFF;
}
.pagination a.currentpage {
background-color: #005987;
border-color: #005987;
color: #FFFFFF !important;
cursor: default;
font-weight: bold;
}
/*廣告欄位*/
.ad_90{ width:230px; margin-bottom:10px}
.ad_400{ width:230px; height:400px; margin-bottom:10px}
/*tabs*/
.tabs{ background:url(/images/menu_tag_bg_detail.gif) no-repeat scroll left bottom; padding-bottom:4px;}
.tabs li{ float:left; margin-right:3px;}
.tabs li a{ background: url(/images/sprites.gif) no-repeat scroll left -323px; display:block;}
.tabs li a.current,tabs li a.current:hover{ background:url(/images/sprites.gif) no-repeat scroll left -280px; color:#015F8F;}
.tabs li span{ background: url(/images/sprites.gif) no-repeat scroll right -323px;display: block;margin-left:2px; padding: 13px 15px 2px;}
.tabs li a.current span{ background:url(/images/sprites.gif) repeat scroll right -280px; color:#000;}
.tabs li.blank a{ background:none;}
.tabs li.blank a.current,tabs li a.current:hover{ background:none;}
.tabs li.blank span{padding-left:30px; background:url(/images/hot.png) no-repeat 6px 13px !important;}
.deco span,.fix span{ color:#0079be; font-weight:normal;}
/*header最上方服務中心跟回到最上*/
.serve_center{position:absolute; top:100px; left:950px; width:28px; height:114px; background:url(/images/serveCenter_btn.png); z-index:999}/*--服務中心--*/
.go_top {position:absolute;width:27px;height:68px; background:url(/images/top.png);z-index:999;top:650px;left:950px;}/*--回頂部--*/
/*2.0 BUY-LIST*/
/*區域*/
.district{ border:6px solid #09C; width:418px; background:#e8f7fd; color:#999999; position:relative; *margin-left:-16px; margin-left:-14px; font-size:13px; padding:0}
.district_g{margin:30px; padding: 0 1px 1px 0; width:420px; background-color:#777;}
.district .unlimit{clear:left; float:left; padding-right:5px;}
.district .on{color:#CC0000; font-weight:bold; padding-right:5px;}
.district div {zoom:1; overflow:hidden;}
.district a{display:inline-block; padding: 0 5px 10px 10px; width:82px; width:84px\9;}
.district a.gray{ color:#999}
.district_txt{ border-bottom: 1px dotted #09C; margin-bottom:6px; padding:2px 10px 5px 0; background:#FFFFFF}
.district_txt h3{ font-size:15px;color:#333; margin-bottom:8px; padding:10px 0 0 10px}
.district_txt p{ color:#09C; line-height:20px; width:394px; padding-left:10px}
.district_txt p a{ background:url(map_area_close.gif) no-repeat right center; padding:0 10px 0 0; margin-right:4px; width:auto;}
.district_X{ position:absolute; top:-18px; right:-27px; width:22px !important; height:22px; background:url(/images/lightbox_close.png) no-repeat left top ; display:inline-block; overflow:hidden; cursor:pointer}
.arealist{ color:#000}
.arealist ul{ margin-bottom:5px; *margin-bottom:10px}
.arealist li{ float:left; width:74px; margin:0 4px 8px; height:20px; line-height:20px}
.arealist li.g999{ color:#999; padding-left:20px; width:54px}
.arealist li label{display:inline-block; height:16px; overflow:hidden; padding-bottom:1px; padding-bottom:0\9; *padding-bottom:5px;}
.btn_div{ text-align:center; margin:5px 0 10px; *padding-top:10px; *margin:0 0 3px}
.btn_div a{ padding:0; width:auto}
/*btn_sprit*/
.btnl span, .btnl span span, .submit-btnl span, .submit-btnl span span{background-image: url(/images/btn_shadow.png);}
/*btn_defult_style*/
.btnl, .btnl:hover, .btnl:focus{color: #666666 !important;}
.btnl{display:inline-block !important; vertical-align:middle; margin:0; padding:0; font-size:13px; text-decoration:none; background:none; border:none; white-space:nowrap; cursor:pointer; user-select:none; -moz-user-select:none; /* Fix extra width padding in IE */ _width:0; overflow:visible; *margin: -6px 0 6px 0}
.btnl span{display:block; /* Prevents :active from working in IE--oh well! */height:36px; padding-right:30px; background-repeat:no-repeat; background-position:right -36px;}
.btnl span span{padding-right:0; padding-left:30px; line-height:36px; background-position:left -36px;}
/*submit-btn style*/
.submit-btnl, .submit-btnl:hover, .submit-btnl:focus{color: #fff !important; font-size:15px;}
.submit-btnl span{background-position:right top;}
.submit-btnl span span{background-position:left top;}
.search_submit{vertical-align:central; margin:10px 0 16px 28px; *margin-left:28px; display:block;}
.buy_nav, .buy_nav li.on{ background:url(/images/nav_bg.png) no-repeat}
.buy_nav{height:44px; background-position:left top; border:1px solid #d6d6d6; margin-bottom:15px}
.buy_nav ul{height:44px; padding:0 0 0 10px}
.buy_nav li{ line-height:44px; float:left; vertical-align:central; padding:0 20px; }
.buy_nav li.on{ background-position: left -53px; border:1px solid #60a2d2; border-width:0 1px}
.buy_nav li.on a{ color:#000}
.buy_nav li a{ color:#666; font-weight:bold; text-decoration:none !important; font-size:15px !important;}
.nav_note a{ background:url(/images/icon01.gif) no-repeat left center; padding-left:22px; font-weight:normal !important; color:#0066cc !important; font-size:15px}
.treeview .lister li b{ margin-left:13px; padding-top:10px}
.w108_arrow{ width:108px; margin:0; padding:2px; height:14px; height:12px\9;float:left}
.w1140{width:140px!important; margin:0; padding:2px; height:30px; height:12px\9; float:left}
.search_area input{ width:106px; height:34px; border:1px solid #ACACAC; padding:2px 2px 2px 22px; background:url(search_area_bg.png) no-repeat 2px center; line-height:38px; float:left}
.w40{ width:46px; margin:0; padding:2px; height:14px; height:12px\9;}
.pu, .ar, .area{ width:173px; background-color:#FFFFFF; border:1px #CCCCCC solid;
border-width: 0 1px 1px; display:block; padding: 1px 0 15px; overflow:hidden;}
.pu ul, .ar ul, .area ul{ padding-top:10px !important;}
.pu li{ float:left !important; width:70px; padding:0 0 8px 8px; line-height:18px}
.ar li, .area li{padding:0 0 8px 8px; line-height:18px}
/*搜尋地區*/
.area img{ float:left}
.area li{ margin-bottom:5px; overflow:hidden}
.icon_del{ margin:2px 0 0 4px !important; padding:0px;}
/*Button Single*/
.buttonwrapper{/* Container you can use to surround a CSS button to clear float */overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */}
a.ButGray{background: transparent url(/images/btu_gray_l.png) no-repeat top left;display: block;float: left;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height:24px; /* Height of button background height */
padding-left:8px; /* Width of left menu image */
text-decoration: none; font-weight:normal; }
a:link.ButGray, a:visited.ButGray, a:active.ButGray{color: #494949; /*button text color*/}
a.ButGray span{background: transparent url(/images/btu_gray_r.png) no-repeat top right;display: block;padding: 4px 7px 4px 0;}
a.ButGray:hover{background-position: bottom left;}
a.ButGray:hover span{background-position: bottom right;color: black;}
a.ButSubmit{background: transparent url(/images/but_b_l.jpg) no-repeat top left;display: block;float: left;line-height:20px;height: 28px;padding-left:8px;text-decoration: none; }
a:link.ButSubmit, a:visited.ButSubmit, a:active.ButSubmit{color: #FFF; font-weight:bold; }
a.ButSubmit span{background: transparent url(/images/but_b_r.jpg) no-repeat top right;display: block;padding: 4px 7px 4px 0;}
a.ButSubmit:hover{ background-position: bottom left;}
a.ButSubmit:hover span{background-position: bottom right;color: #FFF;}
/*首頁banner*/
#masthead .banner{ height:50px; left:190px; position:absolute; top:16px; width:500px; z-index:2; }
/*
Property: independent for 買租屋已瀏覽
Editer: Jim Chung
Date: 2012.03.15
version: 1.0
*/
/**************************買租屋已瀏覽********************************/
/*列表外框*/
#view .house_block { float: left; position:relative; width:710px; padding:16px 0 0 0; cursor:pointer; background-color:#FFFFFF; text-align:left; padding-bottom:5px; border-bottom:1px dotted #e8e8e8; }
#view .house_block:hover { background:none; background-color:#eff6ff;border-bottom:1px solid #2eb7e7; }
/*標題*/
#view .house_block_content { color:#333;padding-left:10px; position:relative; z-index:10; overflow: hidden; line-height:22px; float:left; width:555px; }
#view .house_block_content h2 a { float:left; font-weight: bold; font-size:15px; padding-bottom:3px; margin-top:-3px;margin-top:0\9; line-height:30px; margin-right:5px }
#view .house_block_content .info{ width:350px; float:left;}
#view .house_block_content .info .infol{ width:100px; float:left;}
#view .house_block_content .info .infor{ width:250px; float:left;}
#view .house_block_content .info li{ color:#666; }
/*內容*/
#view .house_block_content ul{ overflow:hidden; width:350px}
#view .house_block_content ul li {float:left; overflow: hidden; zoom:1; line-height:23px; font-family:"新細明體";}
#view .house_block_content ul li span{ color:#dedede;}
#view .house_block_content .info li.floor{ width:100px; margin-right:0px !important;}
#view .house_block_content .info li.build{ width:100px; margin-right:0px !important;}
#view .house_block_content .info li.land{ width:100px; margin-right:0px !important;}
#view .house_block_content .info .infor li{ width:250px;}
/*左欄*/
#view .house_block .rightBar {width:120px; float:left; text-align:right; position:relative; color:#666;}
#view .house_block .rightBar p{ color:#666 ; font-size:12px;}
#view .house_block .rightBar p.marginB{ margin-bottom:25px;}
/**************************社區已瀏覽********************************/
/*標題*/
#view .commun_block_content { color:#333;padding-left:10px;position: relative; z-index:10; overflow: hidden; line-height:22px; float:left; width:540px; }
#view .commun_block_content h2 a { font-weight: bold; font-size:15px; padding-bottom:3px; line-height:30px;}
/*內容*/
#view .commun_block_content h2{ margin-right:10px;}
#view .commun_block_content p{ line-height:24px;}
#view .commun_block_content ul{ overflow:hidden; clear:both; width:140px; float:left; margin-right:10px;}
#view .commun_block_content ul li { overflow: hidden; zoom:1; line-height:24px; margin-right:4px; font-family:"新細明體";}
#view .commun_block_content ul li span{ color:#dedede;}
/*照片*/
#view .pict_thumb {float:left; position:relative; padding-left:10px;}
#view .pict_thumb .listpage_img {border:1px solid #D3D3D3; height:100px; text-align:center; width:133px;}
#view .pict_thumb .listpage_img a{ overflow:hidden; display:block; background-color:#FFF; height:100px;}
#view .listpage_img span{ height:20px; padding:2px 6px 0px; display:block; background-color:#2484CB; color:#FFFFFF; position:absolute; top:79px; right:1px}
/*降價:20120327-Steven*/
#view .pricedown { width:72px; float: left;}
#view .price strong{font-size:15px; font-weight:bold;}
#view .price {color:#E10000; font-size:12px; font-weight:normal; float:left; width:72px; text-align:center; position:relative;}
#view .pricedownT {color:#999999; /*text-decoration:line-through;*/}
/*降價叉叉:20120327-Steven*/
#view .pricedownSign {display:inline-block; width:72px; height:14px; background: url(/images/pricedownSign.png) no-repeat scroll center top transparent; padding:0; position:absolute; left:0; top:2px; *top:4px; z-index:1;}
/*.pricedownT { background: url(/images/pricedown.png) no-repeat scroll center top transparent; padding: 24px 0 0; position:absolute; z-index:1;}*/
/*共用*/
#view .fontGray, .fontGray li {color: #999999;}
/*一覽內容*/
#view .buyContent{ margin-bottom:10px;}
/*recommend*/
#view .recommend{background:url(/images/detail_txt_Bbg.gif) repeat-x scroll left top transparent; text-align:left; background-color:#FFFFFF; margin-bottom:10px}
#view .recommendB{ display:block; float:left}
#view .recommend h3 {color: #154f60;font-size: 16px; font-weight: bold; padding-bottom: 10px; padding-top: 10px;}
#view .houses {width:130px; float:left; padding:0 12px 20px 16px;}
#view .houses h4 a{ font-weight:bold; font-size:13px}
#view .detail_txt .houses {padding:0 4px 20px 20px;}
#view .houses a.forImg{ width:133px;height:100px; display:block; margin:4px 0; border:1px #ccc solid; background-color:#FFF;}
#view .houses img {}
#view .houses p span { font-size:16px; vertical-align:middle;}
#view .PL_15{ padding-left: 15px;}
#view .red{ color:red}
/*行情*/
#view .quotation{line-height:32px; background-color:#fdfcdc; clear:both; overflow:hidden; padding-left:10px; border-bottom:1px #d0dbe1 solid}
#view .quotation li{float:left; margin-right:5px; font-family:'新細明體'}
#view .quotation a.btn{ margin-top:4px}
/*btn_sprit*/
.btn span, .btn span span{background-image:url(/images/btn.png);}
/*btn_defult_style*/
#view .btn, .btn:hover, .btn:focus{color: #FFFFFF !important;}
#view .btn{display:inline-block; vertical-align:middle; margin:0; padding:0; font-size:13px; text-decoration:none; background:none; border:none; white-space:nowrap; cursor:pointer; user-select:none; -moz-user-select:none; /* Fix extra width padding in IE */ _width:0; overflow:visible;}
#view .btn span{display:block; /* Prevents :active from working in IE--oh well! */height:24px; padding-right:14px; background-repeat:no-repeat; background-position:right 0px;}
#view .btn span span{padding-right:0; padding-left:14px; line-height:24px; background-position:left 0px;}
/*標題列*/
#view .description_line{height:30px;background: url(/images/sx.png) no-repeat scroll -6px -820px transparent; clear:both; width:710px; line-height:30px; background-color:#F3F3F3;}
#view .description_line h2{ font-size:16px; color:#000; float:left; font-weight:bold;}
#view .top{ margin:10px 8px 0 0;width:48px; height:13px; background: url(/images/sx.png) no-repeat scroll -6px -284px transparent;float:right}
#view .top a{width:48px; height:13px; text-indent:-5000px; display:block; overflow:hidden;}
/*listTabs*/
#view .listTabs{ padding-top:20px;}
/*viewTime*/
#view .viewTime{ margin:0 0 10px 10px; padding:5px 0 5px 10px; font-family:'新細明體'; color:#333; width:190px; background-color:#d7f3ff; }
#view .viewTimeCommun{ background-color:#c0e5fd; padding:0px 0 0px 18px; font-family:'新細明體'; width:185px; margin-bottom:3px;}
#view ul.moreCommun{ padding-top:10px; width:545px !important;}
#view .moreCommun li{ float:left;}
#view .moreInfo{ margin-right:10px; float:right !important;}
/*bgNone*/
#view .bgNone{ background-color:#f3f3f3; padding-top:0; }
#view .bgNone ul{ padding-left:10px;}
/*grayBlock*/
#view .grayBlock{ padding:5px 10px 5px 10px; background-color: #f2f2f2; margin:0 10px;}
#view .grayBlock li{ color:#333 }
#view .grayBlock .mrt{ float:left; padding-left:20px; margin-right:10px; background:url(/images/mrt.gif) no-repeat left 1px;}
#view .grayBlock .map{ float:left; padding-left:15px; margin-right:10px; background:url(/images/mapview_icon.gif) no-repeat left 1px;}
#view .grayBlock .comm{ float:left; padding-left:17px; margin-right:10px; background:url(/images/community.gif) no-repeat left 2px;}
#view .grayBlock .store{ float:right;}
/*pagesize*/
#view .main{ width:960px; margin:0 auto;}
#view body{ background: url("http://www.housefun.com.tw/images/hf_index/bg.jpg") repeat-x scroll 0 -30px #F3F3F3; }
#view #member_info{ color:#fff;}
/*租屋瀏覽紀錄*/
#view .column-r{ width:958px; float:left; z-index:1; margin-bottom:10px; border:1px solid #dcdcdc;}
#view .price-r{float:left; width:130px;}
#view .price-r span{ font-weight:bold; color:red}
#view .contactC{ float:left}
#view .rightBar{ display:block; width:200px; position:relative}
#view .rightBar dl dd{ line-height:23px;}
/*列表外框*/
#view .Rhouse_block { float: left; position:relative; width:958px; padding:16px 0 0 0; cursor:pointer; background-color:#FFFFFF; text-align:left; padding-bottom:5px; border-bottom:1px dotted #cccccc; }
#view .Rhouse_block:hover { background:none; background-color:#eff6ff;border-bottom:1px solid #2eb7e7; }
/*標題*/
#view .house_block_contentR { color:#333;padding-left:15px; position:relative; z-index:10; overflow: hidden; line-height:22px; float:left; width:590px; }
#view .house_block_contentR h2 a { float:left; font-weight: bold; font-size:15px; padding-bottom:3px; margin-top:-3px;margin-top:0\9; line-height:30px; margin-right:5px }
#view .house_block_contentR .info{ width:380px; float:left;}
#view .house_block_contentR .info .infor{ width:250px; float:left;}
#view .house_block_contentR .info li{ color:#666; }
#view .rentPriceMsg{position:absolute; left:55px; top:36px;}
#view .add{height:17px; line-height:17px; position:absolute; left:32px; top:-40px; background: url(../images/centerUi.png) -10px -1118px; padding:0 13px 0 20px; border-right:1px solid #cecece; height:18px; color:#e86400; }
#view .addlist{height:17px; line-height:17px; position:absolute; left:32px; top:-40px; background: url(../images/centerUi.png) -10px -1142px; padding:0 13px 0 20px; border-right:1px solid #cecece; height:18px; color:#e86400;}
#view .cancle{position:absolute; left:133px; top:-40px; height:17px; line-height:17px; background: url(../images/centerUi.png) -10px -848px; padding-left:20px; }
#view .rightBar{ position:relative; height:94px; width:198px; float:left}
#view .message{ color:#FFF !important}
#view { width:960px; margin:0 auto}