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

.layout { width: 1000px; margin: 0 auto; background: #000 url(../images/body-bg.jpg) repeat-x 0 0; }

.header { width: 902px; height: 300px; background: url(../images/head-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }

.title { position: absolute; left: 12px; top: 178px; }
.title img { position: absolute; }
.title span { font-size: 10px; }
.web { color: #fff; font-size: 14px; font-weight: bold; position: absolute; left: 340px; top: 223px; }
.tel { position: absolute; left: 628px; top: 232px; }
.wt { font-size: 24px; color: #fff; line-height: 26px; position: absolute; left: 639px; top: 268px; }
.head-desc { width: 255px; color: #fff; text-align: right; line-height: 14px; position: absolute; left: 633px; top: 160px; }

.head-naves { position: absolute; left: 37px; top: 249px; }
.head-naves li { width: 110px; height: 35px; text-align: center; line-height: 35px; float: left; display: inline; }
.head-naves li:hover, .head-naves li.movein, .head-naves li.movein a { background: #000;  color: #ffe840; }
.head-naves a { color: #fff; font-size: 20px; }
.head-naves a:hover { color: #ffe840; }

.footer { width: 902px; height: 57px; padding: 0 49px; background: url(../images/foot-bg.jpg) repeat-x 0 0; position: relative; }

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

.copyright { font-size: 12px; color: #ffe840; position: absolute; left: 260px; top: 30px; }


/* index.html */
.mainer { width: 902px; height: 543px; background: url(../images/main-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }

.m-desc { color: #fff; }
.m-desc h2 { font-size: 26px; font-weight: normal; line-height: 28px; }
.m-desc p { font-size: 12px; line-height: 15px; }

.main-desc1 { width: 421px; position: absolute; left: 0px; top: 5px; }
.main-desc2 { width: 232px; position: absolute; left: 437px; top: 150px; }
.main-desc3 { width: 221px; position: absolute; left: 680px; top: 150px; }
.main-desc4 { width: 145px; color: #fff; font-size: 12px; line-height: 16px; position: absolute; left: 19px; top: 340px; }

.hot-girl { position: absolute; left: 679px; top: 330px; }
.hot-girl li { width: 96px; height: 188px; padding: 5px; float: left; display: inline; background: url(../images/hg-bg.jpg) no-repeat 0 0; }
.hot-girl img { width: 96px; height: 188px; display: block; }


/* girls.html */
.mainer2 { width: 902px; height: 543px; background: url(../images/main2-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }

.girls-list { width: 520px; position: absolute; left: 371px; top: 30px; }
.girls-list li { width: 125px; height: 165px; font-size: 20px; color: #ffa406; text-align: center; float: left; display: inline; margin-left: 5px; line-height: 24px; }
.girls-list a { width: 123px; display: block; border: solid 1px #ffa406; }
.girls-list img { width: 123px; height: 133px; display: block; }

/* g1.html - g12.html */
.mainer6 { width: 902px; height: 793px; background: #000 url(../images/main6-bg.jpg) repeat-x 0 top; margin-left: 49px; position: relative; }

.girls-photo { width: 765opx; position: absolute; left: 66px; top: 85px; }
.girls-photo li { width: 250px; height: 345px; float: left; display: inline; margin-left: 5px; margin-bottom: 5px; }
.girls-photo img { width: 248px; height: 343px; display: block; border: solid 1px #4a26b7; }

.girls-info { font-size: 18px; color: #ff9c0c; line-height: 36px; position: absolute; left: 77px; top: 40px; }
.girls-info span { font-size: 36px; }

.change { position: absolute; left: 671px; top: 56px; }
.change li { float: left; display: inline; margin: 0 13px; }
.change a { font-size: 18px; color: #ff9c0c; }
.change a:hover { color: #fff; text-decoration: underline; }
.change img { display: block; }


/* rate.html , contact.html , links.html */
.mainer3 { width: 902px; height: 543px; background: url(../images/main3-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }
.mainer4 { width: 902px; height: 543px; background: url(../images/main4-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }
.mainer5 { width: 902px; height: 543px; background: url(../images/main5-bg.jpg) no-repeat 0 0; margin-left: 49px; position: relative; }

.mr-desc { width: 550px; color: #fff; position: absolute; left: 350px; top: 30px; }
.mr-desc h3 { font-size: 36px; line-height: 40px; }
.mr-desc p { font-size: 18px; line-height: 22px; margin: 10px 0; }