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

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

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

.title { position: absolute; left: 138px; top: 72px; }
.title img { position: absolute; }
.title span { font-size: 12px; }
.logo-girl { position: absolute; left: 30px; top: 16px; }

.head-naves { width: 600px; position: absolute; left: 400px; top: 170px; }
.head-naves li { width: 100px; float: left; display: inline; text-align: center; font-weight: bold; margin: 0 5px; }
.head-naves a { width: 100px; height: 30px; line-height: 30px; display: block; color: #fff; font-size: 18px; font-weight: bold; background: #000; }
.head-naves a:hover, .head-naves a.movein { color: #ba1414; }

.main-top { width: 900px; height: 275px; background: #171719 url(../images/main-top-bg.jpg) no-repeat 10px 10px; margin-left: 100px; position: relative; }

.mt-desc { width: 420px; text-align: right; position: absolute; left: 450px; top: 15px; }
.mt-desc p { color: #7a7a7a; line-height: 16px; }

.mtd-1 { width: 165px; font-size: 28px; line-height: 28px; color: #fdca19; background: #000; }
.mtd-1 span { color: #c82f4e; }
.mtd-2 { width: 420px; font-size: 36px; line-height: 38px; color: #d4ff3e; background: #000; margin-top: 2px; }

.card { position: absolute; left: 732px; top: 188px; }
.tel { position: absolute; left: 645px; top: 216px; }

.main-bottom { width: 900px; height: 58px;  margin-left: 100px; background: #151517 url(../images/main-bottom-bg.jpg) repeat-x 0 8px; position: relative; }

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

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

.copyright { color: #313131; position: absolute; left: 520px; top: 14px; }



/* index.html */
.main-middle { width: 900px; height: 400px; background: #0e0e0e; margin-left: 100px; margin-top: 15px; position: relative; }

.mm-1 { width: 285px; position: absolute; left: 30px; }
.mm-1 h2 { font-size: 30px; color: #fff; font-weight: normal; line-height: 40px; }
.mm-1 p { font-size: 12px; color: #7a7a7a; line-height: 16px; }

.mm-2 { width: 285px; position: absolute; left: 341px; }
.mm-2 h2 { font-size: 30px; color: #fff; font-weight: normal;; line-height: 40px; }
.mm-2 p { font-size: 12px; color: #7a7a7a; line-height: 16px; }

.hot-girl a { width: 281px; height: 151px; display: block; border: solid 2px #838383; }
.hot-girl a:hover { border: solid 2px #fff; }
.hot-girl img { width: 281px; height: 151px; display: block; }

.mm-3 { width: 218px; position: absolute; left: 651px; }
.mm-3 h2 { font-size: 20px; color: #990b57; font-weight: normal;; line-height: 46px; }
.mm-3 p { font-size: 12px; color: #7a7a7a; line-height: 16px; margin-bottom: 10px; }

/*girls*/
.main-middle3 { width: 900px; height: 1680px; background: #0e0e0e; margin-left: 100px; margin-top: 15px; position: relative; }

.girls-list { position: absolute; left: 45px; top: 15px; }
.girls-list li { width: 125px; float: left; display: inline; margin: 5px; text-align: center; }
.girls-list a { font-size: 20px; color: #5d5d5d; }
.girls-list a:hover { color: #005656; }
.girls-list img { width: 121px; height: 316px; display: block; border: solid 2px #5d5d5d; }
.girls-list img:hover { border: solid 2px #005656; }

/*rate , contact , links*/
.mm-desc { width: 700px; position: absolute; left: 100px; top: 10px; }
.mm-desc h3 { font-size: 36px; color: #fff; }
.mm-desc p { font-size: 20px; color: #fff; margin: 10px 0; line-height: 24px; }

/* g1.html - g12.html */
.main-middle2 { width: 900px; height: 600px; background: #0e0e0e; margin-left: 100px; margin-top: 15px; position: relative; }

.girls-info { color: #5d5d5d; position: absolute; left: 10px; top: 15px; }
.girls-info h4 { font-size: 30px; line-height: 40px; }
.girls-info p { font-size: 18px; line-height: 22px; margin: 10px 0; }

.girls-photo { width: 645px; position: absolute; left: 250px; top: 8px; }
.girls-photo li { width: 210px; height: 290px; float: left; display: inline; margin-right: 5px; margin-bottom: 5px; }
.girls-photo img { width: 208px; height: 288px; display: block; border: solid 1px #5d5d5d; }

.change-girl { width: 55px; position: absolute; left: 10px; top: 520px; }
.change-girl li { width: 55px; height: 20px; float: left; display: inline; margin: 2px 0; background: #000; }
.change-girl a { font-size: 20px; font-weight: bold; line-height: 20px; margin-left: 2px; color: #d4ff3e; }
.change-girl a:hover { color: #c82f4e; }