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

.layout { width: 900px; margin: 0 auto; }

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

.title { position: absolute; left: 123px; top: 41px; }
.web { color: #fff; position: absolute; left: 150px; top: 104px; }
.tel { position: absolute; left: 16px; top: 287px; }
.head-tt { position: absolute; left: 15px; top: 155px; }
.head-pp { width: 425px; color: #fff; position: absolute; left: 27px; top: 205px; }

.head-naves { width: 900px; height: 75px; background: url(../images/head-naves-bg.jpg) no-repeat 0 0; position: absolute; top: 350px; }
.head-naves li { width: 115px; text-align: center; float: left; display: inline; margin: 0 5px; color: #f511ec; margin-top: 43px; }
.head-naves a { color: #CCCCCC; font-size: 18px; }
.head-naves a:hover, .head-naves a.movein { color: #fff; text-decoration: underline; }
.head-naves li.hn-li { margin-left: 50px; }

.footer { height: 50px; background: #240042; line-height: 50px; position: relative; }

.foot-naves { position: absolute; left: 5px; }
.foot-naves li { float: left; display: inline; margin: 0 5px; color: #f511ec; }
.foot-naves a { color: #f511ec; font-size: 14px; }
.foot-naves a:hover, .foot-naves a.movein { color: #fff; }

.copyright { color: #fff; position: absolute; left: 400px; }

/* index.html */
.mainer { width: 800px; height: 525px; background: #240042 url(../images/main-bg.jpg) repeat-x 0 0; padding: 0 50px; position: relative; }

.md p { color: #fff; line-height: 16px; font-size: 14px; }
.main-desc1 { width: 485px; height: 200px; background: url(../images/main-desc1-bg.jpg) no-repeat 0 0; position: absolute; left: 50px; top: 25px; padding: 0 20px; }
.main-desc1 h1 { font-size: 20px; color: #fff; margin-top: 5px; }
.main-desc1 p { margin-top: 2px; }

.main-desc2 { width: 200px; height: 290px; background: url(../images/main-desc2-bg.jpg) no-repeat 0 0; position: absolute; left: 50px; top: 235px; padding: 20px; }

.main-desc3 { width: 235px; height: 290px; background: url(../images/main-desc3-bg.jpg) no-repeat 0 0; position: absolute; left: 300px; top: 235px; padding: 20px; }

.hg-tt { position: absolute; left: 600px; top: 25px; }
.hot-girls { width: 250px; position: absolute; left: 600px; top: 75px; }
.hot-girls li { width: 250px; height: 175px; float: left; display: inline; background: url(../images/li-bg.jpg) no-repeat 0 top; margin-bottom: 25px; }
.hot-girls a { width: 235px; height: 134px; display: block; margin-left: 7px; margin-top: 8px; }
.hot-girls img { width: 235px; height: 134px; display: block; }
.hot-girls span { font-size: 18px; color: #fff; width: 100px; height: 25px; line-height: 25px; display: block; text-align: center; margin-top: 8px; background: url(../images/g-name-bg.jpg) no-repeat 0 0; margin-left: 125px; }

.m-desc { width: 800px; text-align: center; background: #240042 url(../images/main-bg.jpg) repeat-x 0 0; padding-top: 25px; }
.m-desc h3 { font-size: 30px; color: #fff; line-height: 50px; }
.m-desc p { font-size: 22px; color: #fff; line-height: 28px; margin: 15px 0; }

/* girls.html */
.mainer2 { width: 800px; height: 625px; background: #240042 url(../images/main-bg.jpg) repeat-x 0 0; padding: 0 50px; position: relative; }

.girls-list { width: 800px; position: absolute; left: 50px; top: 25px; }
.girls-list li { width: 250px; height: 175px; float: left; display: inline; background: url(../images/li-bg.jpg) no-repeat 0 top; margin: 0 8px; margin-bottom: 25px; }
.girls-list a { width: 235px; height: 134px; display: block; margin-left: 7px; margin-top: 8px; }
.girls-list img { width: 235px; height: 134px; display: block; }
.girls-list span { font-size: 18px; color: #fff; width: 100px; height: 25px; line-height: 25px; display: block; text-align: center; margin-top: 8px; background: url(../images/g-name-bg.jpg) no-repeat 0 0; margin-left: 125px; }

/* g1.html - g9.html */
.mainer3 { width: 800px; height: 775px; background: #240042 url(../images/main-bg.jpg) repeat-x 0 0; padding: 0 50px; position: relative; }

.girls-info { position: absolute; left: 80px; top: 20px; }
.girls-info h3 { font-size: 26px; color: #fff; line-height: 32px; }
.girls-info p { font-size: 16px; color: #fff; line-height: 20px; margin: 5px 0; }

.change-girls { position: absolute; left: 650px; top: 78px; }
.change-girls li { float: left; display: inline; margin: 0 5px; }
.change-girls a { font-size: 16px; color: #f912f6; }
.change-girls a:hover { color: #fff; }

.girls-photo { width: 750px; position: absolute; left: 75px; top: 100px; }
.girls-photo li { width: 240px; height: 325px; float: left; display: inline; margin: 5px 5px; }
.girls-photo img { width: 240px; height: 325px; display: block; }