@charset utf-8;

/* reset */
body { margin:0; padding:0; background:#FFF; color:#333; font-size:12px; font-family:Arial, 宋体; }
form, ul, li, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
img { border:0; vertical-align:middle; }
ul, li { list-style-type:none; }
dl, dt, dd { margin:0; padding:0; }
input, select, textarea { font-size:12px; font-family:Arial; vertical-align:middle; vertical-align:top \9; }


/* common */
.sp10 { height:10px; overflow:hidden; }

.clear { height:0px; font-size:0px; line-height:0px; overflow:hidden; clear:both; }
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

a { color:#333; text-decoration:none; }
a:hover { color:#285898; text-decoration:underline; }


body { background:url(body-bg.jpg); }

/* header */
.header {  }
.header .top { padding-bottom:1px; background:url(line.gif) bottom repeat-x; }
.header .top .wrap { width:970px; margin:0 auto; border-right:1px solid #FFF; }
.header .top ul { float:right; border-left:1px solid #CACCCD; font-size:11px; }
.header .top ul li { float:left; height:30px; line-height:30px; padding:0 10px; border-left:1px solid #FFF; border-right:1px solid #CACCCD; color:#88888A; }
.header .top ul li.lang img { vertical-align:middle; }
.header .top ul li.lang select { padding:2px; vertical-align:middle; border:1px solid #CCC; }
.header .top ul a { color:#0e5d8b; }
.header .logoArea { width:970px; margin:0 auto; padding:10px 0; }
.header .logoArea h1 { float:left; }
.header .logoArea .search { float:right; width:200px; height:28px; margin-top:30px; background:#FFF url(ico-search.png) 10px center no-repeat; border:1px solid #CACCCD; box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.3); }
.header .logoArea .search input { width:165px; height:24px; line-height:24px; margin:0; padding:2px 2px 2px 30px; background:none; border:0; font-weight:bold; color:#666; }
.header .nav { width:970px; margin:0 auto; background:#313435 url(nav-bg.png); box-shadow:0 -2px 3px rgba(0, 0, 0, 0.2); }
.header .nav ul {  }
.header .nav ul li { float:left; }
.header .nav ul li a { float:left; height:29px; padding:15px 20px 10px; font-weight:bold; font-size:12px; color:#cacccd; }
.header .nav ul li a img { margin-right:10px; }
.header .nav ul li a:hover {background:#525253 url(nav-split.gif) right repeat-y; color:#FFF; text-decoration:none; }
.header .nav ul li a.current { background:#6b5039 url(nav-split.gif) right repeat-y; color:#FFF; }
.header .nav ul li a em { padding-left:25px; font-style:normal; font-size:11px; font-weight:normal; opacity:.5; filter:alpha(opacity=50); color:#cacccd; }


/* main common */
.main { width:970px; margin:0 auto; padding:10px 0 0; }

.list li { line-height:160%; margin-bottom:5px; padding:5px 0 6px; border-bottom:1px dotted #DEDEDE; }
.list li a { padding-left:12px; background:url(bullet.png) 0 5px no-repeat; color:#88888A; }
.list li a:hover { background:url(bullet-hover.png) 0 5px no-repeat; color:#6B5039; text-decoration:none; }
.list .date { float:right; padding-left:5px; }
.list .ico { float:left; width:3px; height:3px; overflow:hidden; }

.pic-list .item { display:inline; float:left; }
.pic-list .item .pic { text-align:center; overflow:hidden; }
.pic-list .item p { padding:2px 0; }

.pic-detail .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail .text { float:right; }
.pic-detail .text p { line-height:150%; }

.pic-detail-list .item .pic { float:left; text-align:center; overflow:hidden; }
.pic-detail-list .item .text { float:left; padding-left:10px; }
.pic-detail-list .item .text h3 { font-size:14px; }
.pic-detail-list .item .text p { line-height:180%; }

.box .b-title .more { float:right; }
.box1 { background:#FFF url(grad-l1.gif) bottom repeat-x; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.box1 .b-title { line-height:1.2; padding:10px 15px; background:#313435 url(noise-bg.png); }
.box1 .b-title h2 { text-transform:uppercase; color:#F0F0F3; font-size:15px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8); }
.box1 .b-content { padding:18px 15px 10px; }


.project-list .item { float:left; width:50%; }
.project-list .item h3 { padding-bottom:10px; font-size:15px; color:#313435; }
.project-list .item h3 a { color:#313435; }
.project-list .item .params { padding:0 0 10px; }
.project-list .item .params .pic { float:left; width:145px; height:130px; padding:4px; background:#FCFCFC; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.project-list .item .params .text { float:left; width:170px; padding-left:20px; }
.project-list .item .params .text .row { line-height:18px; border-bottom:1px dotted #dedede; color:#525253; }
.project-list .item .params .text .row label { float:left; width:30%; margin:0 4px 0 0; padding:5px 10px 5px 0; font-weight:bold; }
.project-list .item .params .text .row .val { float:left; padding:5px 10px; }
.project-list .item .params .text .row em { font-style:normal; color:#C00; font-weight:bold; }
.project-list .item .detail { line-height:18px; padding:4px 20px 4px 0; color:#525253; }

.login-form { background:#FFF url(grad-l1.gif) bottom repeat-x; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.login-form h2 { line-height:1.2; padding:10px 15px; background:#313435 url(noise-bg.png); color:#F0F0F3; font-size:15px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8); }
.login-form .form { padding:18px 15px 10px; }
.login-form .form .row { padding-bottom:5px; }
.login-form .form .row label { font-weight:bold; cursor:pointer; color:#666; }
.login-form .form .row input.text { width:90%; padding:5px; background:#FFF url(grad-l1.gif) 5px center repeat-x; border:1px solid #CACCCE; }
.login-form .form .btn { padding-bottom:5px; }
.login-form .form .btn button { padding:4px 6px; background:url(grad-d1.gif) left bottom repeat-x; border:1px solid #6B5039; font-weight:bold; color:#FFF; text-shadow:0 1px 1px #000; cursor:pointer; }
.login-form .form .other-links p { line-height:19px; padding:0 0 0 10px; background:url(bullet.gif) left center no-repeat; }

.search-property { background:#6b5039; border:1px solid #E2E2E5; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.search-property h2 { line-height:1.2; padding:10px 15px; background:#313435 url(noise-bg.png); color:#F0F0F3; font-size:15px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.8); text-transform:uppercase; }
.search-property .form { padding:18px 15px 10px; }
.search-property .form .row { padding-bottom:10px; }
.search-property .form .row label { font-weight:bold; color:#FFF; cursor:pointer; }
.search-property .form .row select { width:95%; padding:5px; background:#F0F0F0; border:1px solid #CCC; font-size:11px; }
.search-property .form .btn button { padding:4px 6px; background:url(grad-d1.gif) left bottom repeat-x; border:1px solid #CCC; font-weight:bold; color:#FFF; text-shadow:0 1px 1px #000; cursor:pointer; }

.all-property { border:0; }
.all-property .b-title { position:relative; }
.all-property .b-title .btn { position:absolute; right:0; top:0; width:100px; height:40px; }
.all-property .b-title .btn a { position:absolute; top:11px; width:30px;  height:16px; opacity:.75; filter:alpha(opacity=75); }
.all-property .b-title .btn a:hover { opacity:1; filter:alpha(opacity=100); }
.all-property .b-title .btn a.prev { right:50px; background:url(btn-left.png) no-repeat; }
.all-property .b-title .btn a.next { right:10px; background:url(btn-right.png) no-repeat; }
.all-property .b-content { padding-right:5px; }
.all-property .pic-list { width:945px; height:159px; overflow:hidden; }
.all-property .pic-list .item { width:155px; text-align:center; margin:0 20px 0 15px; }
.all-property .pic-list .item .pic { width:145px; height:130px; border:5px solid #FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); }
.all-property .pic-list .item h3 { padding-top:5px; font-weight:normal; font-size:11px; }
.all-property .pic-list .item h3 a { color:#88888A; }

/* footer */
.footer { width:970px; margin:0 auto; padding:0 0 30px; }
.footer-area { margin-top:15px; background:#FFF url(botsl-bg.gif) bottom repeat-x; border:1px solid #DEDEDE; box-shadow:0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }
.footer-area .col { float:left; width:20%; min-height:186px; padding:10px 0; background:url(divider.gif) right repeat-y; }
.footer-area .col5 { background:none; }
.footer-area .hd { padding:10px 15px 0; font-size:15px; color:#313435; text-transform:uppercase; }
.footer-area .bd { line-height:150%; padding:10px 15px; color:#88888A; }
.footer-area .read-more a { color:#525253; }
.footer-area li { line-height:160%; margin-bottom:5px; padding:5px 0 6px; border-bottom:1px dotted #DEDEDE; }
.footer-location { padding:20px 10px 8px 15px; text-transform:uppercase; color:#525253; }
.footer-location .gotop { float:right; color:#525253; }
.footer-wrap { position:relative; padding:10px 15px; background:url(divider-3.gif) top repeat-x; }
.footer-nav { padding:0 0 5px; text-shadow:0px 1px 0px #FFF; }
.footer-nav ul li { float:left; padding:0 10px; background:url(footnav-sep.gif) right no-repeat; font-weight:bold; font-size:11px; }
.footer-nav ul li a { color:#88888A; }
.footer-nav ul li a:hover { color:#6b5039; }
.copyright { color:#88888A; text-shadow:0px 1px 0px #FFF; }
.footer-logo { position:absolute; right:10px; top:10px; }