@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/body-bg.jpg) repeat 0 0; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.layout { width: 899px; margin: 0 auto; padding-left: 7px; padding-right: 6px; background: url(../images/layout-bg.jpg) repeat-y 0 0; }

/* index.html */
.header { width: 899px; height: 647px; background: url(../images/head-bg.gif) no-repeat 0 0; position: relative; }

.mainer { width: 899px; height: 403px; background: #4d4d4d; border-top: solid 4px #999999; position: relative; }

.title { position: absolute; left: 24px; top: 14px; }
.title img { position: absolute; }
.title span { font-size: 12px; }

.tel { font-size: 24px; font-weight: bold; color: #fff; line-height: 24px; position: absolute; left: 24px; top: 50px; }
.tel span { font-size: 20px; }
.wt { font-size: 20px; color: #fff; line-height: 20px; position: absolute; left: 24px; top: 75px; }
.card { position: absolute; left: 155px; top: 75px; }

.main-naves { position: absolute; left: 19px; top: 97px; }
.main-naves li { float: left; display: inline; margin: 0 5px; }
.main-naves img { display: block; }

.main-desc { width: 482px; color: #fff; position: absolute; left: 406px; top: 5px; }
.main-desc p { line-height: 14px; margin-top: 5px; }





.header2 { width: 899px; height: 125px; background: url(../images/head2-bg.jpg) no-repeat 0 0; position: relative; }

.title2 { position: absolute; left: 38px; top: 49px; }
.title2 img { position: absolute; }
.title2 span { font-size: 12px; }

.tel2 { font-size: 24px; color: #fff; line-height: 24px; position: absolute; left: 38px; top: 91px; }
.tel2 span { font-size: 20px; }
.wt2 { font-size: 20px; color: #fff; line-height: 20px; position: absolute; left: 271px; top: 92px; }
.card2 { position: absolute; left: 394px; top: 91px; }

.head-naves { width: 899px; height: 45px; position: relative; }
.head-naves li { float: left; display: inline; }
.head-naves a { font-size: 16px; text-align: center; line-height: 45px; color: #000; }
.head-naves a:hover, .head-naves a.movein { color: #fff; background: url(../images/movein-bg.jpg) repeat-x 0 0; }

.hn-li-1 { width: 180px; height: 45px; }
.hn-li-1 a { width: 180px; height: 45px; display: block; background: url(../images/hn-li-1.jpg) no-repeat 0 0; }
.hn-li-2 { width: 179px; height: 45px; }
.hn-li-2 a { width: 179px; height: 45px; display: block; background: url(../images/hn-li-2.jpg) no-repeat 0 0; }

.footer2 { width: 899px; height: 76px; background: #fff url(../images/foot2-bg.jpg) repeat-x 0 0; position: relative; }

.foot-naves { position: absolute; left: 290px; top: 10px; }
.foot-naves li { font-size: 16px; line-height: 16px; color: #fff; float: left; display: inline; margin: 0 7px; }
.foot-naves a { font-size: 16px; line-height: 16px; color: #fff; }
.foot-naves a:hover { text-decoration: underline; }

.copyright { font-size: 14px; line-height: 14px; color: #fff; position: absolute; left: 190px; top: 35px; }


/* girls.html */
.mainer2 { width: 899px; height: 831px; background: #fff url(../images/main2-bg.jpg) no-repeat 0 0; position: relative; }
.mainer4 { width: 899px; height: 750px; background: #fff url(../images/main2-bg.jpg) no-repeat 0 0; position: relative; }

.main2-desc { width: 171px; color: #000; padding: 4px; position: absolute; left: 0px; top: 10px; }
.main2-desc h2 { font-size: 20px; font-weight: normal; line-height: 22px; }
.main2-desc p { font-size: 12px; line-height: 16px; margin-top: 10px; }

.girls-list { width: 720px; position: absolute; left: 179px; top: 0px; }
.girls-list li { width: 172px; height: 269px; padding: 4px; float: left; display: inline; background: url(../images/g-list-li-bg.jpg) no-repeat 0 0; }
.girls-list a { width: 164px; height: 261px; display: block; border: solid 1px #93d300; font-size: 24px; color: #c1c1c1; line-height: 42px; padding: 3px; }
.girls-list a:hover { color: #fff; border: solid 1px #ffa200; }
.girls-list img { width: 164px; height: 222px; display: block; }

.girls-info { font-size: 16px; color: #000; position: absolute; left: 25px; top: 15px; }
.girls-info span { font-size: 30px; }

.g-photo { position: absolute; left: 49px; top: 100px; }
.g-photo img { width: 800px; height: 453px; display: block; }

.girls-photo { width: 699px; position: absolute; left: 99px; top: 100px; }
.girls-photo li { float: left; display: inline; margin-left: 3px; margin-bottom: 3px; }
.girls-photo img { width: 230px; height: 315px; display: block; }

.change { position: absolute; left: 703px; top: 32px; }
.change li { float: left; display: inline; margin: 0 12px; }
.change a { font-size: 14px; line-height: 26px; color: #000; }
.change a:hover { text-decoration: underline; }
.change img { display: block; }

/* rate.html */
.mainer3 { width: 899px; height: 450px; background: #fff url(../images/main2-bg.jpg) no-repeat 0 0; position: relative; }

.mr3-desc { width: 700px; position: absolute; left: 99px; top: 10px; }
.mr3-desc p { font-size: 16px; line-height: 20px; margin-top: 15px; }
.mr3-desc p.d3 { font-size: 20px; font-weight: bold; color: red; }
.mr3-desc a { color: red; text-decoration: underline; }

.banner { position: absolute; left: 10px; top: 10px; }
.banner li { float: left; display: inline; margin: 5px 0px; }
.banner img { display: block; }