
body, div, p, ul, li { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; line-height:24px \9; *line-height:22px;}

/* 最外層包裝 */
.wrapper { width:950px; margin:0 auto; }

/* 表頭 */
.header { width:950px; height:120px; background:url(../images/homepage/header.gif) bottom no-repeat; margin:20px 0; }
.logo { width:177px; float:left; }
.logo a { display:inline-block; background:url(../images/homepage/img.png) -40px -100px; height:39px; padding-left:177px; width:0; overflow:hidden; }
.menu { position:relative; top:20px; left:20px; width:920px; color:#432b0d; clear:both; }
.menu a { color:#FFFFFF; text-decoration:none; }
.menu a:hover { text-decoration:underline; }
.menu strong { font-weight:normal; color:#7b542d; float:right; margin-right:4px; *margin-top:-22px;  }


.menu span { color:#fff; text-decoration:none; margin-top:1px \9; *margin:2px 4px 0 0; display:inline-block; }
.menu span ul { padding:13px 0 0; list-style:none; float:left; position:absolute; left:0; display:none; top:15px; height:37px; top:17px \9; width:900px; }
.menu span li { float:left; margin-right:15px; }
.menu span li a { color:#644114; text-decoration:none; }
.menu span li a:hover { text-decoration:underline; }


.banner { margin-left:31px; float:left; height:66px; }
.banner a { display:inline-block; margin-left:6px; background-color:#FFFFFF; border:1px solid #e5c9a5; padding:2px; width:170px; font-size:0; }
.banner img { border:0; }

/* 左欄 */
.sub-left { width:201px; float:left; margin:0 15px 20px 0; }

/* searchbox */
.layer { clear:both; background-color:#fffdf8; border:1px solid #e1aa64; border-top:0; padding:5px 12px; line-height:32px; height:179px; font-size:12px; overflow:hidden; color: #444; }
.active { float:left; background:url(../images/homepage/img.png) -460px -20px; width:63px; height:33px; 
cursor:pointer; color:#7a4f38; text-align:center; padding-top:5px; text-indent:1px; padding-top:4px \9; height:34px \9; }
.inactive { float:left; background:url(../images/homepage/img.png) -320px -20px; width:63px; height:33px; cursor:pointer; color:#c76a0f; text-align:center; padding-top:5px; text-indent:1px; padding-top:4px \9; height:34px \9; }
#search ul { list-style:none; }
#search li { font-size:15px; font-weight:bold; }
#search .space { float:left; border-bottom:1px solid #e1aa64; height:37px; width:6px; }
.layer select, #search select { width:60px; border:1px solid #f0e2d0; _margin:5px 0; font-size:12px; -webkit-appearance: none; -moz-appearance: none; appearance:none; background: url(../images/homepage/arw.png) #fff no-repeat 93% 50%; color: #444; cursor: pointer; }
.layer .input { border:1px solid #CCCCCC; height:15px; width:320px; margin-right:15px; }

/* 服務列表討論區 */
/*.nav { border:1px solid #e8bc83; }
.nav ul { float:left; width:99px; list-style:none; }
.nav li { height:25px;  font-size:15px; border-top:1px solid #f4daae; background:url(../images/homepage/img.png) -40px -200px; text-align:center; line-height:25px; line-height:28px \9; overflow:hidden; *margin-top:-2px; _margin-top:0; }
.nav li a { color:#7a4f38; text-decoration:none; }
.nav li a:hover { color:#c2855c; }
.nav h1 { height:25px; font-size:15px; text-align:center; line-height:25px; border-top:1px solid #FFFFFF; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#b36d48; line-height:28px \9; overflow:hidden; }
.nav-line { border-right:1px solid #f4daae; }
#house-icon { font-size:0; height:76px; }*/

/* 社區入口 */
#myhome { border:1px solid #e8bc83; margin-top:10px; *margin-top:8px; background-color:#fffdf8; padding-bottom:5px; height:148px; }
#myhome ul { list-style:none; margin: 7px 0 0 -2px; }
#myhome li { float:left; margin: 1px 0 1px 12px; }
#myhome h2, #myhome_s h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9; overflow:hidden; }

#myhome a { color:#7a4f37; text-decoration:none; font-size: 12px; }
#myhome a:hover { text-decoration:underline; }
#myhome h3 { width:57px; height:24px; text-align:center; font-size:13px; font-weight:normal; background:url(../images/homepage/img.png) -40px -60px; color:#bb5410; padding-top:1px; *padding-top:3px; margin:8px 0 4px 0; }

#myhome_s { border:1px solid #e8bc83; margin-top:10px; *margin-top:8px; background-color:#fffdf8; padding-bottom:5px; height:66px; }
#myhome_s div { position: relative; }
#myhome_s .defaultText { border: 1px solid #f0e2d0; width: 125px; padding-right: 30px; margin: 10px 0  0 10px; display: block; padding: 3px 40px 3px 5px; color: #444; }
#myhome_s .defaultTextActive { color: #c5682a; }
#myhome_s .f_btn { background: #dd601b; border-radius: 15px; color: #fff; display: block; margin: 0 auto; border: none; padding: 1px 8px; cursor: pointer; position: absolute; top: 0; right: 8px; line-height: 20px; }


        

/* 人氣社區 */
#hot-society { border:1px solid #e8bc83; margin-top:10px; background-color:#fffdf8; padding-bottom:3px; *height:227px; overflow:hidden; }
#hot-society h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9; overflow:hidden; }
#hot-society ul { list-style:none; padding:5px 0 5px 10px; }
#hot-society p { color:#7a4f37; line-height:24px; }
#hot-society a { color:#7a4f37; text-decoration:none; }
#hot-society a:hover { text-decoration:underline; }

/* 中欄 */
.sub-middle { width:541px; float:left; margin-right:15px; _margin-right:12px; }

/* 房產焦點 */
#topic { border:1px solid #e8bc83; padding-bottom:5px; height:161px; }
#topic h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9; overflow:hidden; }
#topic h4 a { margin:-4px 0 5px; font-size:15px; color:#bb5410; float:left; text-decoration:none; }
#topic h4 a:hover { text-decoration:underline; }
#topic label { margin:10px 13px 0; float:left; }
#topic p { width:380px; color:#7a4f38; line-height:22px; float:left; }
#topic p span { color:#D2672B; }
#topic p span a { color:#D2672B; text-decoration:none; }
#topic p span a:hover { text-decoration:underline; }

/* 房產焦點list頁面 */
#house_list { border:1px solid #e8bc83; position:relative; min-height: 500px; }
#house_list h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0 0 15px; color:#7a4f38; line-height:27px \9; overflow:hidden; }
#house_list p { width:515px; color:#7a4f37; line-height:22px; font-size:15px; overflow:hidden; margin:5px 10px; border-bottom:1px dashed #F0DECD; padding-bottom:5px; }
#house_list p a { color:#7a4f37; text-decoration:none; }
#house_list p a:hover { text-decoration:underline; } 
#house_list label { position:absolute; top:2px; right:5px; }

/* news */
.layer2 { clear:both; border:1px solid #e1aa64; border-top:0; padding:8px 15px; height:94px; *margin-top:-10px;  overflow:hidden; }
.active2 { float:left; background:url(../images/homepage/img.png) -180px -20px; width:133px; height:22px; text-align:center; cursor:pointer; color:#7a4f38; padding-top:3px; }
.inactive2 { float:left; background:url(../images/homepage/img.png) -40px -20px; width:133px; height:22px; text-align:center; cursor:pointer; color:#bb5410; padding-top:3px; }
#news { margin-top:10px; }
#news ul { list-style:none; }
#news li { font-weight:bold; }
#news .space2 { float:left; border-bottom:1px solid #e1aa64; height:24px; width:3px; }
#a1 li, #a2 li, #a3 li, #a4 li { font-weight:normal; color:#7a4f38; width:450px; overflow:hidden; height:24px; }
.layer2 a { text-decoration:none; color:#7a4f38; }
.layer2 a:hover { text-decoration:underline; }
#news .more { float:right; color:#d2672b; text-align:right; width:500px; margin-top:-20px; }
#news .more a { color:#d2672b; }
#news .more a:hover { text-decoration:underline; }

/* 智邦開講 */
#article { border:1px solid #e8bc83; margin-top:10px; background-color:#fffdf8; padding-bottom:5px; height:231px; }
#article ul { list-style:none; }
#article li { float:left; width:168px; height:85px; padding:10px 0 0 10px; *margin-top:1px; }
#article h4 { width:100%; margin:0 0 2px 0; font-size:13px; *margin-bottom:0;  }
#article h4 a { color:#bb5410; text-decoration:none; }
#article h4 a:hover { text-decoration:underline; }
#article label { float:left; }
#article label img { padding:2px; border:1px solid #CCCCCC; background-color:#FFFFFF; }
#article p a { float:left; color:#7a4f38; display:block; width:92px; margin-left:5px; text-decoration:none; }
#article p a:hover { text-decoration:underline; }
#article h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9; overflow:hidden; }

/* 房屋交易 */
#sale { border:1px solid #e8bc83; margin-top:10px; background-color:#fffdf8; padding-bottom:5px; height:226px; }
#sale ul { list-style:none; margin-left:5px; _margin-left:-1px; }
#sale li { float:left; width:120px; margin:10px 6px 0 6px; }
#sale h2 { height:24px; font-size:15px; padding-left:15px; line-height:24px; border-top:1px solid #FFFFFF; border-bottom:1px solid #e8bc83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9; overflow:hidden; }
#sale h5 {  width:120px; margin:0 0 5px 0; font-size:13px; text-align:center; *margin-bottom:0; }
#sale h5 a { color:#bb5410; text-decoration:none;  }
#sale h5 a:hover { text-decoration:underline; }
#sale label img { border:1px solid #CCCCCC; background-color:#FFFFFF; padding:2px; margin-left:2px; *margin-bottom:5px; margin-bottom:1px; }
#sale p { color:#444444; line-height:24px; width:110px; margin-left:4px; }

/* 右欄廣告 */
#ads a { margin-bottom:10px; display:inline-block; width:170px; border:1px solid #e5c9a5; padding:2px; font-size:0; }
#ads img { border:0; }

/* 頁尾 */
.footer { background:url(../images/homepage/footer.gif) top repeat-x; width:950px; height:47px; text-align:center; padding-top:25px; color:#333333; clear:both; border-top:1px solid #f4ca93; }

/* 清除浮動 */
.clear { clear:both; }

/**
 * 新功能
 */

/* 兩欄式側邊列 */
#c2-sidebar { float:left; width:200px; margin-bottom:20px; }
#c2-sidebar h4 { height:24px; font-size:13px; padding-left:15px; line-height:24px; border:1px solid #E8BC83; background:url(../images/homepage/img.png) -40px -161px; margin:0; color:#7a4f38; line-height:27px \9;}
#c2-sidebar .condlist, #c2-sidebar .condfinal { background-color:#FFFBE9; border-color:#E8BC83; border-style:solid; padding:5px 0 5px 15px; color:#444444; }
#c2-sidebar .condlist { border-width:0 1px; }
#c2-sidebar .condfinal { border-width:0 1px 1px; }
#c2-sidebar .item-half, #c2-sidebar .item-half-s { cursor:pointer; float:left; width:90px; margin:2px 0; }
#c2-sidebar .item-half:hover, #c2-sidebar .item-half:hover { color:#d2672b; }
#c2-sidebar .item-half-s { color:#CE7B39; font-weight:bold; }
#c2-sidebar .item-half2 { float:left; width:90px; margin:2px 0; }
#c2-sidebar .item-half2 span { position:relative; top:-3px; *top:-1px;}
#c2-sidebar .item-range { clear:both; margin:2px 0; }
#city_label, #dist_label { background: url(../images/homepage/img.png) -180px -60px; padding-left:6px; width:85px !important; color:#444444 !important; }

/* 兩欄式內容列 */
#c2-content { float:left; width:740px; }

/* 格子排列 */
#c2-content .grid { border:1px solid #e8bc83; float:left; margin:15px 0 0 15px; padding:10px 5px; text-align:center; width:121px;  display:inline; }
#c2-content .grid img { background-color:#FFFFFF; border:1px solid #CCCCCC; padding:2px; }
#c2-content .grid h4 { display:block; font-size:13px; height:20px; margin:5px 0 0; overflow:hidden; }
#c2-content .grid a { color:#7A4F38; text-decoration:none; }
#c2-content .grid h4 a:hover { color:#be7743; }
#c2-content .grid .layout { display:block; height:20px; overflow:hidden; }
#c2-content .grid .desc { display:block; height:20px; overflow:hidden; }
#c2-content .grid .price { color:#dd4e08; font-size:14px; font-weight:bold; display:block; height:20px; overflow:hidden;}
#c2-content .gridsep { background-color:#FFFFFF; margin-left:15px; width:732px; color: #b0b0b0; _margin-left:14px; text-align: right; }

/* 整列排列 */
#c2-content .row { background-color:#FFFFFF; border-style:solid; border-width:0 1px 1px; border-color:#e8bc83; margin-left:15px;
width:732px; _margin-left:14px;}
#c2-content .row .photo { float:left; margin:10px 0 10px 15px; width:120px; }
#c2-content .row .detail { float:left; margin:10px 0 10px 10px; width:280px; }
#c2-content .row .urlsrc { color: #909090; }
#c2-content .row .xjsrc { color: #909090; }
#c2-content .row .size { float:left; margin:10px 0 10px 10px; text-align:center; width:80px; }
#c2-content .row .price { color:#dd4e08; float:left; font-size:14px; font-weight:bold; margin:10px 0 10px 10px; text-align:center; width:80px; }
#c2-content .row .click { float:left; margin:10px; text-align:center; width:80px; }
#c2-content .row .photo img { background-color:#FFFFFF; border:1px solid #CCCCCC; margin-left:2px; padding:2px; }
#c2-content .row .detail h4 { margin:0; font-size:15px; }
#c2-content .row .detail h4 a { color:#7A4F38; text-decoration:none; }
#c2-content .row .detail h4 a:hover { color:#be7743; }
#c2-content .rowsep1 { background-color:#FFFFFF; border-style:solid; border-width: 0 0 1px 0; border-color:#e8bc83; margin-left:15px; width:732px; color: #b0b0b0; _margin-left:14px; text-align: right; }
#c2-content .rowsep2 { background-color:#FFFFFF; margin-left:15px; width:732px; color: #b0b0b0; _margin-left:14px; text-align: right; }
/*
#c2-content .row .detail .map { background: url(../images/homepage/img.png) -600px -20px; width:82px; height:23px; display:inline-block; margin-top:5px; }
#c2-content .row .detail .map:hover { background: url(../images/homepage/img.png) -600px -100px; }
#c2-content .row .detail .info { background: url(../images/homepage/img.png) -600px -60px; width:82px; height:23px; display:inline-block; margin-top:5px; margin-left:10px; }
#c2-content .row .detail .info:hover { background: url(../images/homepage/img.png) -600px -200px; }
*/

/* 搜尋中的訊息 */
#c2-content #searchmsg { text-align: center; padding: 200px 0; background-color: #e0e0e0; margin-left:15px; width:732px; _margin-left:14px; border: solid 1px #909090; }

/* 翻頁器 */
/* #c2-content .pager { margin:20px 0; text-align:center; } */

/* 浮動選擇器 */
.chooser { background: url(../images/homepage/ch-bg.jpg) repeat-x #f1d7b5; border:1px solid #d5ae86; display:none; padding:10px 5px 10px 20px; position:absolute; width:280px; z-index:1000; }
.chooser .chooser_item { float:left; width:70px; margin:2px 0; }
.chooser .chooser_item a { color:#6d4931; text-decoration:none; }
.chooser .chooser_item a:hover { color:#714b1e; font-weight:bold; }

/* 填數字的方塊(不用太大) */
.digitbox { border:1px solid #CCCCCC; width:40px; height:15px; }

/* 右欄表頭 */
#arrangement { background:url(../images/homepage/header2.gif); margin-left:15px; height:51px; width:719px; padding:7px 0 0 15px; _margin-left:14px; }
#arrangement .off { padding:0 0 0 20px; text-decoration:none; color:#e3b586; background:url(../images/homepage/img.png) -460px -198px;display: inline-block; height:26px; cursor:pointer; }
#arrangement .off:hover { color:#cf7018; }
#arrangement .on { background:url(../images/homepage/img.png) -320px -98px; padding-left:20px; color:#cf7018; font-weight:bold; display: inline-block; height:26px; }
#arrangement strong { color:#444444; font-weight:normal; display:inline-block; }
.layout, .desc, .size, .click { color:#444444; }

/* 頁碼 */
div.pagination, div.pagination span a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#714b1e; text-decoration:none; text-align:center; margin:20px 0; clear:both; line-height:18px; }
span.prev_next_tag { border:1px solid #e8bc83; padding:0 5px; display:inline-block; cursor:pointer; }
span.prev_next_tag:hover { background-color:#fff8ec; }
span.cur_tag { padding:0 5px; border:1px solid #714b1e; background-color:#714b1e; color:#FFF; font-weight:bold; display:inline-block; }
span.num_tag { padding:0 5px; border:1px solid #e8bc83; display:inline-block; cursor:pointer; }
span.num_tag:hover { background-color:#fff8ec; }

/* 文字醒目程度 */
.unimportant { color: #909090; }
