@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #150c03; }
li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

.layout { width: 1100px; margin: 0 auto; background: #150c03; }

.header { width: 1100px; height: 241px; background: url(../images/head-bg.jpg) no-repeat 0 0; position: relative; }

.title { position: absolute; left: 187px; top: 21px; }
.web { font-size: 18px; color: #b38201; position: absolute; left: 305px; top: 100px; }
.tel { position: absolute; left: 193px; top: 127px; }
.comefrome { position: absolute; left: 536px; top: 46px; }
.time { position: absolute; left: 567px; top: 127px; }
.card { position: absolute; left: 754px; top: 135px; }

.head-naves { width: 700px; position: absolute; left: 230px; top: 195px; }
.head-naves li { color: #b88400; font-size: 18px; float: left; display: inline; margin: 0 15px; }
.head-naves a { color: #fff; font-size: 18px; }

.footer { width: 900px; height: 70px; margin: 0 auto; background: #150c03 url(../images/foot-bg.jpg) repeat-x 0 0; position: relative; }

.copyright { color: #62440c; position: absolute; left: 30px; top: 36px; }

.foot-naves { position: absolute; left: 600px; top: 36px; }
.foot-naves li { float: left; display: inline; color: #62440c; margin: 0 5px; }
.foot-naves a { color: #62440c; }
.foot-naves a:hover { color: #fff; text-decoration: underline; }


/* index.html */
.mainer { width: 900px; height: 590px; margin: 0 auto; background: #150c03; position: relative; }

.main-desc1 { width: 549px; height: 150px; padding: 0 20px; background: url(../images/main-desc1-bg.jpg) no-repeat 0 0; position: absolute; left: 0px; top: 10px; }
.main-desc1 h1 { font-size: 24px; color: #a17101; margin-top: 5px; }
.main-desc1 p { color: #d6b360; line-height: 16px; }

.main-desc2 { width: 589px; height: 45px; background: url(../images/main-desc2-bg.jpg) no-repeat 0 0; position: absolute; left: 0px; top: 170px; }
.main-desc2 p { font-size: 18px; line-height: 45px; color: #fff; margin-left: 30px; }

.hotgirl { width: 318px; position: absolute; left: 0px; top: 224px; }
.hotgirl li { width: 152px; height: 357px; float: left; display: inline; margin-right: 7px; }
.hotgirl a { width: 150px; height: 355px; display: block; border: solid 1px #7c590b; }
.hotgirl a:hover { border: solid 1px #fff; }
.hotgirl img { width: 150px; height: 355px; display: block; }

.main-desc3 { width: 265px; position: absolute; left: 320px; top: 224px; border-bottom: solid 1px #42260a; }
.main-desc3 p { color: #856c38; line-height: 14px; }
.main-desc3-p { margin-bottom: 10px; }

.main-desc4 { width: 265px; position: absolute; left: 320px; top: 387px; }
.main-desc4 h2 { font-size: 16px; color: #a17101; }
.main-desc4 p { color: #a68a49; line-height: 14px; }

.main-desc5 { width: 270px; height: 570px; padding: 0 15px; background: url(../images/main-desc5-bg.jpg) no-repeat 0 0; position: absolute; left: 600px; top: 10px; }
.main-desc5 h3 { color: #a17101; font-size: 24px; line-height: 26px; margin-top: 5px; }
.main-desc5 p { color: #d6b360; line-height: 16px; }
.md5-p { width: 130px; position: absolute; left: 153px; top: 382px; }
.md5-p2 { width: 130px; position: absolute; left: 153px; top: 398px; }

.hg-3 { width: 130px; height: 173px; display: block; border: solid 1px #664801; position: absolute; left: 18px; top: 385px; }
.hg-3:hover { border: solid 1px #fff; }
.hg-3 img { width: 130px; height: 173px; display: block; }

/* rate.html , contact.html , links.html */
.mr-desc { width: 700px; position: absolute; left: 100px; top: 20px; }
.mr-desc h4 { font-size: 38px; color: #a17101; }
.mr-desc p { font-size: 24px; line-height: 26px; margin: 20px 0; color: #a68a49; }
.mr-desc p span { font-size: 14px; }

.links { width: 300px; position: absolute; left: 0px; top: 60px; }
.links li { width: 300px; float: left; display: block; margin: 8px 0; }
.links a { font-size: 20px; color: #a68a49; }
.links a:hover { color: #fff; text-decoration: underline; }

.links2 { width: 300px; position: absolute; left: 400px; top: 60px; }
.links2 li { width: 300px; float: left; display: block; margin: 8px 0; }
.links2 a { font-size: 20px; color: #a68a49; }
.links2 a:hover { color: #fff; text-decoration: underline; }

/* girls.html */
.mainer2 { width: 1100px; height: 1180px; background: #150c03; position: relative; }

.girls-list { width: 925px; margin-left: 87px; margin-top: 10px; background: #150c03; }
.girls-list li { width: 175px; height: 280px; float: left; display: inline; margin: 3px 5px; }
.girls-list a { width: 173px; height: 278px; display: block; border: solid 1px #937016; }
.girls-list a:hover { border: solid 1px #fff; }
.girls-list img { width: 173px; height: 278px; display: block; }

/* g1.html - g28.html */
.gg-stage { width: 378px; height: 553px; border: solid 1px #937016; position: absolute; left: 138px; top: 10px; }
.gg-stage img { width: 378px; height: 553px; display: block;}

.girls-desc { position: absolute; left: 540px; top: 32px; }
.girls-desc p { font-size: 18px; color: #937016; line-height: 30px; }
.girls-name img { width: 167px; height: 91px; display: block; }

.girl-l { width: 240px; position: absolute; left: 535px; top: 347px; }
.girl-l li { width: 100px; height: 100px; float: left; display: inline; margin: 6px 10px; }
.girl-l a { width: 98px; height: 98px; display: block; border: solid 1px #937016; }
.girl-l a:hover { border: solid 1px #fff; }
.girl-l img { width: 98px; height: 98px; display: block; }