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

.layout { width: 777px; margin: 0 auto; background: #F7EFE8; }

.header { width: 777px; height: 71px; position: relative; }

.line { width: 777px; height: 8px; position: relative; }

.footer { width: 777px; height: 58px; background: #C1C1C1; font-size: 12px; text-align: center; line-height: 58px; color: #000; }

.clear { clear: both; }

/* index.html */
.mainer { width: 777px; background: #F7EFE8; position: relative; }

.main-left { width: 162px; height: 600px; background: #E2E2E2; float: left; }

.left-naves { width: 162px; height: 222px; background: url(../images/bj.jpg) no-repeat 0 0; }
.left-naves li { margin-left: 39px; }
.left-naves a { color: #e1e1e1; line-height: 27px; }
.left-naves a:hover { color: #fff; text-decoration: underline; }

.girl-left { width: 160px; height: 291px; background: #E2E2E2; }
.girl-left li {  width: 160px; height: 80px; float: left; display: inline; margin-top: 17px; }
.girl-left img { display: block; }

.main-inter { width: 425px; float: left; background: #F7EFE8; }

.link { width: 415px; height: 325px; background: #F7EFE8; margin-left: 5px; margin-top: 10px; }
.link li { width: 415px; height: 60px; float: left; display: inline; margin-top: 5px; }
.link img { display: block; }

.main-right { width: 190px; height: 600px; background: #F7EFE8 url(../images/zi.jpg) repeat-y 0 0; float: left; }

.title { width: 190px; height: 39px; }
.girl-right { width: 180px; height: 416px; margin-left: 7px; background: #8781bd; margin-top: 5px; }
.girl-right li { width: 178px; height: 98px; float: left; display: inline; background: #a4a1ce; margin: 3px 0; }
.girl-right a { width: 170px; height: 90px; display: block; margin-left: 4px; margin-top: 4px; }
.girl-right img { width: 170px; height: 90px; display: block; }

.card { width: 190px; height: 50px; margin-top: 90px; }

/* gallery.html */
.head-naves { width: 777px; height: 27px; background: #000; position: relative; }

.h-naves { margin-left: 26px; }
.h-naves li { float: left; display: inline; margin: 0 25px; }
.h-naves a { color: #e1e1e1; line-height: 27px; }
.h-naves a:hover { color: #fff; text-decoration: underline; }

.mainer2 { width: 775px; height: 715px; background: #F7EFE8; border: solid 1px #666666; position: relative; }

.girls-list { width: 704px; position: absolute; left: 35px; top: 25px; }
.girls-list li { width: 126px; height: 150px; float: left; display: inline; margin: 0 25px; font-size: 12px; text-align: center; line-height: 28px; }
.girls-list a { width: 126px; height: 119px; display: block; }
.girls-list img { width: 126px; height: 119px; display: block; }

/* g1.html - g14.html */
.mainer3 { width: 775px; height: 580px; background: #F7EFE8; border: solid 1px #666666; position: relative; }

.girls-desc { position: absolute; left: 435px; top: 20px; }
.girls-desc p { line-height: 20px; margin: 8px 0; font-size: 16px; }
.girls-name { font-size: 30px; color: #000; }

.gg-stage { width: 400px; height: 500px; border: solid 1px #000; position: absolute; left: 15px; top: 20px; }
.gg-stage img { width: 400px; height: 500px; display: block; }

.girl-l { position: absolute; left: 425px; top: 420px; }
.girl-l li { width: 82px; float: left; display: inline; margin: 0 2px; }
.girl-l a { width: 80px; display: block; border: solid 1px #000; }
.girl-l img { width: 80px; display: block; }