body { background-image: url(../images/bg.gif); background-color: #FFFFFF; background-position: top center; background-repeat: repeat-y; font-size: 12px; font-family: simsun, Tahoma, Verdana, sans-serif; }
body, form, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
img { border-width: 0; }

#header { margin: 0 auto; width: 960px; height: 170px; background-color: #FFFFFF; }
#menu { margin: 0 auto; width: 960px; /*width: 100%; background: url(../images/menubg.gif) repeat-x #65B9DE;*/ }
#body { margin: 0 auto; width: 960px; overflow: hidden; background-color: #FFFFFF; }
#footer { margin: 0 auto; padding: 20px 0; width: 960px; background-color: #E7F0F7; text-align: center; font-family: Verdana, sans-serif; }

.logo { width: 960px; height: 170px; }

.clear { clear: both; }
.wrapfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#menu ul { background: url(../images/menubg.gif) repeat-x #F3F3F3; overflow: hidden; }
#menu ul li { float: left; margin: 0 2px; padding: 3px 0 5px 0; width: 80px; height: 32px; line-height: 32px; background: url(../images/menubtn.gif) no-repeat #DEE5EA; }
#menu a { display: block; width: 80px; height: 32px; color: #004398; text-decoration: none; text-align: center; font-weight: bold; font-size: 12px; }
#menu .selected { background: url(../images/menubtnsel.gif) no-repeat #95BADC; }
#menu .selected a { color: #FEFEFE; }
#menu .disabled { width: 13px; background: none; }

#body .sidebar { float: left; padding: 10px; width: 230px; background: url(../images/sidebarbg.gif) repeat #FFFFFF; }
#body .content { float: right; padding: 10px 5px 10px 7px; width: 698px; background: url(../images/rborder.gif) repeat-y #FFFFFF; }
/*#body .sidebar, #body .content { padding-bottom: 15010px; margin-bottom: -15000px; }*/

#footer .bottom-menu { padding: 4px 0; }
#footer .bottom-menu a { color: #000000; text-decoration: none; }
#footer .copyright img { vertical-align: middle; }
#footer .copyright a { color: #000000; text-decoration: none; }

.button { width: 80px; height: 24px; line-height: 1.231; font-size: 13px; font-family: simsun, sans-serif; }
.more { float: right; }
.more a { font-weight: normal; color: #004499; text-decoration: none; font-size: 12px; }
.more a:hover { text-decoration: underline; }
.phone { padding-top: 14px; width: 230px; height: 72px; background-image: url(../images/phone.gif); background-position: -1px 0; }
.phone div { padding: 5px 0 0 95px; line-height: 1.3em; color: #F3F36F; font-size: 13px; font-weight: bold; }
.mp { color: #666666; text-decoration: line-through; }
.pp { color: #FF6400; font-weight: bold; }

/* Side bar */
.box-header { margin: 10px 0 0 0; padding: 10px 8px 8px 8px; background: url(../images/blockbg.gif) repeat-x #FFFFFF; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; color: #004499; font-size: 13px; }
.box-body { padding: 0 8px 10px 8px; min-height: 180px; background-color: #FFFFFF; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; }
.box-body li { line-height: 1.5em; overflow: hidden; }
.box-body a { color: #434343; text-decoration: none; }
.box-body a:hover { color: #FF6666; text-decoration: underline; }
.box-body .date { float: right; color: #999999; font-style: italic; }
.pl h5 { display: inline; float: left; margin: 0; width: 134px; white-space: nowrap; font-size: 12px; font-weight: normal; overflow: hidden; }
.pl .pl-p { float: right; width: 76px; }
.sim li { padding: 5px 0; overflow: hidden; }
.sim img { float: left; padding: 2px; width: 93px; height: 73px; border: solid 1px #CCCCCC; }
.sim img:hover { border-color: #FF6400; }
.sim h5 { margin: 0 0 0 105px; padding: 0; line-height: 1.5em; font-weight: normal; font-size: 12px; }
.sim h5 a { text-decoration: underline; font-size: 13px; }
.sim p { margin: 0 0 0 105px; padding: 0; line-height: 1.5em; }
.sim p a { color: #004499; font-weight: bold; }
.sim p a:hover { color: #FF6666; }
.search { padding-top: 5px; }
.search dt { padding: 8px 0; font-size: 14px; font-weight: bold; color: #54C5ED; }
.search dd { padding: 0 4px; }
.search dd a { margin: 0 4px 0 0; line-height: 1.3em; color: #434343; }
.search dd a:hover { color: #FF6666; }
.search .current { color: #FF6666; }
.query { overflow: hidden; }
.query li { margin: 3px 0; position: relative; line-height: 32px; height: 32px; background: url(../images/normal-bg.gif) repeat-x #FFFFFF; }
.query a { display: block; color: #434343; font-size: 13px; text-indent: 55px; text-decoration: none; }
.query a:hover { color: #FF6666; text-decoration: underline; }
.query img { position: absolute; left: 15px; top: 2px; width: 30px; height: 28px; }
.top-ad { margin: 0 auto; width: 960px; }
.left-ad { margin-top: 10px; }

/* Content */
.rollpic { float: left; width: 348px; height: 211px; }
.anno { float: left; width: 343px; height: 210px; background-image: url(../images/xc2.gif); background-repeat: no-repeat; }
.anno p { margin: 55px 15px 20px 17px; line-height: 1.5em; text-indent: 2em; font-size: 13px; }
.search-bar { float: left; margin: 10px 0 0 1em; }
.search-bar span { font-size: 13px; font-weight: bold; }
.search-bar .button { width: 52px; height: 21px; background: url(../images/button.gif); border: none; cursor: pointer; }
.box2-header, .box4-header { margin: 10px 0 0 0; padding: 8px 10px 0 15px; height: 22px; background: url(../images/blockbg2.gif) repeat-x #ECF2F7; border-left: solid 1px #C0DEE6; border-right: solid 1px #C0DEE6; color: #004499; font-size: 14px; }
.box2-body, .box4-body { padding: 8px; border-left: solid 1px #C0DEE6; border-right: solid 1px #C0DEE6; border-bottom: solid 1px #C0DEE6; overflow: hidden; }
.box2-body { min-height: 140px; }
.box2-body li { float: left; width: 136px; height: 140px; text-align: center; }
.box2-body img { padding: 2px; width: 116px; height: 87px; border: solid 1px #CCCCCC; }
.box2-body img:hover { border-color: #FF6400; }
.box2-body p, .box4-body p { margin: 0; padding: 2px 0 3px 0; font-size: 13px; }
.box2-body p a, .box4-body p a { color: #0C7CD0; text-decoration: none; }
.box2-body p a:hover, .box4-body p a:hover { color: #FF6666; text-decoration: underline; }
.box3-wrapper { float: left; width: 343px; }
.box3-wrapper-first { margin-right: 10px; }
.box3-header { margin: 10px 0 0 0; padding: 8px 10px 0 15px; height: 22px; background: url(../images/blockbg2.gif) repeat-x #ECF2F7; border-left: solid 1px #C0DEE6; border-right: solid 1px #C0DEE6; color: #004499; font-size: 14px; }
.box3-body-image { padding: 5px 8px; height: 93px; background-color: #FFFFFF; border-left: solid 1px #C0DEE6; border-right: solid 1px #C0DEE6; overflow: hidden; }
.box3-body-image dt img { float: left; padding: 2px; width: 116px; height: 87px; border: solid 1px #CCCCCC; }
.box3-body-image dt img:hover { border-color: #FF6400; }
.box3-body-image dd { float: left; padding: 1px 0 3px 5px; width: 198px; line-height: 1.2em; }
.box3-body-image dd a { color: #434343; font-size: 13px; }
.box3-body-image dd a:hover { color: #FF6666; }
.box3-body { padding: 0 8px 10px 8px; height: 90px; background-color: #FFFFFF; border-left: solid 1px #C0DEE6; border-right: solid 1px #C0DEE6; border-bottom: solid 1px #C0DEE6; }
.box3-body li { line-height: 1.5em; overflow: hidden; }
.box3-body a { color: #434343; }
.box3-body a:hover { color: #FF6666; }
.box4-header { margin: 10px 5px 0 10px; }
.box4-body ul { margin: 0 5px 10px 10px; padding: 8px 15px; }
.box4-body img { padding: 2px; width: 152px; height: 114px; border: solid 1px #CCCCCC; }
.box4-body img:hover { border-color: #FF6400; }

/* Bottom bar */
.bottom-bar { margin: 0 auto; width: 960px; background-color: #FFFFFF; overflow: hidden; }
.bottom-bar .rooms { margin: 0 5px 10px 10px; padding: 8px 15px; min-height: 167px; }
.bottom-bar .rooms li { float: left; width: 182px; height: 167px; text-align: center; }
.bottom-bar .link1 { margin: 0 5px 0 10px; padding-left: 12px; border-bottom: none; }
.bottom-bar .link1 li { float: left; width: 92px; height: 35px; text-align: center; }
.bottom-bar .link1 img { padding: 0; width: 88px; height: 31px; border: none; }
.bottom-bar .link2 { margin: 0 5px 10px 10px; padding-left: 12px; }
.bottom-bar .link2 li { display: inline; height: auto; line-height: 1.5em; text-align: left; }
.bottom-bar .link2 a { color: #434343; text-decoration: none; }
.bottom-bar .link2 a:hover { color: #FF6666; text-decoration: underline; }

/* Pager */
.pager { margin: 0 8px 15px 8px; }
.pager a, .pager span { margin: 0 2px; padding: .25em .6em; border: solid 1px #DDDDDD; vertical-align: middle; color: #000000; text-decoration: none; }
.pager a:hover { border: solid 1px #133CAC; background-color: #E2E9F7; }
.pager .current { border: solid 1px #133CAC; background-color: #E2E9F7; font-weight: bold; }

/* Nav */
.nav { padding: 5px 10px 0 10px; }
.nav a { color: #434343; }
.nav a:hover { color: #FF6666; }

/* Room list */
.room-list { padding: 10px 5px; width: 688px; overflow: hidden; }
.room-list li { float: left; padding: 10px 5px; width: 334px; height: 103px; overflow: hidden; }
.room-list img { float: left; padding: 2px; width: 126px; height: 96px; border: solid 1px #CCCCCC; }
.room-list h5 { margin: 0 0 0 140px; padding: 0; line-height: 1.7em; font-size: 14px; font-weight: normal; }
.room-list p { margin: 0 0 0 140px; line-height: 1.4em; }
.room-list a { color: #0C7CD0; }
.room-list a:hover { color: #FF6666; }
.room-list b { color: #555555; }

/* Room info */
.room-info { margin: 15px 20px 15px 20px; padding: 0 20px 20px 20px; background-color: #F6F6F9; border: solid 1px #B4D2F0; font-size: 13px; }
.room-info h1 { margin: 10px 0 15px 0; padding: 5px 10px; border-bottom: solid 1px #C0DEE6; color: #004499; text-align: left; font-size: 16px; }
.info-img { float: left; width: 230px; }
.info-img img { width: 200px; height: 150px; }
.info-form { float: left; width: 370px; }
.info-form dt { float: left; width: 70px; min-height: 26px!important; color: #434343; text-align: left; font-weight: bold; }
.info-form dd { margin-left: 70px; width: 280px; min-height: 26px!important; }
.info-form .qq { padding: 0; }
.info-text { margin-top: 20px; padding-bottom: 10px; border-top: solid 1px #C0DEE6; }
.info-text h5 { margin: 10px 0; font-size: 13px; }
.info-text p { margin: 0; line-height: 1.5em; font-size: 14px; }
.info-text img { margin: 5px 0; }
.comments { border-top: solid 1px #C0DEE6; }
.comments h4 { margin: 10px 0; font-size: 14px; }
#comment { margin: 10px 0; }
#comment li { padding: 6px 4px; border-top: dashed 1px #444444; line-height: 1.4em; }
#comment h5 { margin: 0; color: #004499; font-size: 12px; font-weight: normal; }
#comment p { margin: 4px 0; }
.comment-empty { line-height: 30px; font-size: 14px; text-align: center; }
.comment-form p { margin: 4px 0; }

/* Localcolor */
.image-show { padding: 10px 5px; width: 688px; overflow: hidden; }
.image-show li { float: left; width: 170px; }
.image-show .img { margin: 0 5px; }
.image-show h5 { margin: 5px; color: #434343; font-size: 12px; }
.image-show p { margin: 5px; line-height: 1.5em; color: #434343; }
.image-show img { padding: 2px; width: 148px; height: 111px; border: solid 1px #CCCCCC; }
.text-list-header { margin: .9em 5px 0 5px; padding: 5px 10px; border-bottom: solid 1px #C0DEE6; color: #FF6400; font-size: 14px; }
.text-list-body { margin: 0 5px; overflow: hidden; }
.text-list-body li { color: #434343; }
.text-list-body .alt { background-color: #ECF9F2; }
.text-list-body .t { margin: 0; padding: 5px 10px; font-size: 12px; }
.text-list-body .d { margin: 0; padding: 5px 10px; line-height: 1.3em; }
.a-hr { width: 98%; height: 1px; border-left: none; border-right: none; border-bottom: none; border-top: dashed 1px #0066CC; }

/* Guide */
.main-text { margin-top: 15px; padding: 0 20px; }
.main-text h1 { margin: 0 0 10px 0; font-size: 20px; text-align: center; }
.main-text p { margin: .4em 0; line-height: 1.7em; text-indent: 2em; font-size: 14px; }

/* Leasehold */
.desc { margin-top: 15px; padding: 0 20px; line-height: 1.7em; font-size: 14px; }
.car-video { margin: 20px 5px; text-align: center; }
.a-list { margin: 20px 5px; }
.a-list li { float: left; width: 136px; }
.a-list img { padding: 2px; width: 126px; height: 96px; border: solid 1px #CCCCCC; }

/* Contact */
.contact { margin: 50px auto 0 auto; padding: 10px; width: 400px; line-height: 1.7em; border: solid 1px #C0DEE6; background-color: #E8F2F7; font-size: 16px; }

/* Article */
.main-text .date { margin-bottom: 10px; color: #999999; text-align: center; }

/* Article List */
.article-list { padding: 10px 5px; }
.article-list li { line-height: 1.7em; font-size: 14px; }
.article-list a { color: #434343; }
.article-list a:hover { color: #FF6666; }

/* Sitemap */
.sitemap { margin: 20px 30px 0 30px; border-bottom: solid 1px #DDDDDD; }
.sitemap dt { padding: 6px 0; }
.sitemap dd { padding: 4px 0; }
.sitemap dt { border-top: solid 1px #DDDDDD; font-weight: bold; font-size: 13px; text-indent: 1em; }
.sitemap dd { margin-left: 100px; }
.sitemap a { color: #990000; text-decoration: none; }
.sitemap a:hover { color: #990000; text-decoration: underline; }

/* Join */
.join-form { margin: 20px 30px 0 30px; padding: 15px 20px; background-color: #F6F6F9; border: solid 1px #B4D2F0; }
.join-form h4 { margin: 0 0 15px 0; font-size: 14px; }
.join-form p { margin: 5px 0; padding: 0; }
.join-form label { float: left; width: 80px; line-height: 26px; }

/* About */
.about { margin-top: 15px; padding: 0 20px; line-height: 1.7em; font-size: 14px; }