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

.layout { width: 850px; height: 685px; margin: 0 auto; padding-top: 15px; background: #2D2D2D; }

.header { width: 850px; height: 120px; background: url(../images/top.png) no-repeat 0 0; position: relative; }
.head-naves { position: absolute; left:350px; top:100px; }
.head-naves li { float: left; display: inline; margin: 0 20px; }
.head-naves a { color: #000; font-size: 14px; font-weight:600; }
.head-naves a:hover { color: #fff; }

.mainer { width: 850px; height: 480px; background: url(../images/main-bg.png) no-repeat 0 0; position: relative; }

.main-naves { }
.main-naves li { width: 180px; height: 210px; background: url(../images/mnl-bg.png) no-repeat 0 0; }
.main-naves a { width: 180px; height: 210px; display: block; }
.main-naves span { width: 180px; height: 30px; display: block; background: #FF00FF; color: #fff; text-align: center; line-height: 30px; font-size: 18px; }
.main-naves img { width: 180px; height: 160px; display: block; margin-top: 20px; }
.top-rates { position: absolute; left: 50px; top: 30px; }
.top-gallery { position: absolute; left: 232px; top: 60px; }
.top-contact { position: absolute; left: 414px; top: 90px; }
.top-links { position: absolute; left: 596px; top: 120px; }

.main-tt { font-size: 16px; color: #fff; font-weight: normal; position: absolute; left: 30px; top: 300px; }
.main-info { width: 750px; position: absolute; left: 70px; top: 340px; }
.main-info p { color: #fff; font-size: 13px; }

.main-pho { width: 750px; height: 20px; background: url(../images/mnl-bg.png) repeat-x 0 0; position: absolute; left: 50px; top: 19px; }
.main-tt2 { width: 750px; height: 20px; background: #333333; text-align: center; line-height: 20px; font-weight: normal; font-size: 13px; color: #fff; position: absolute; left: 50px; top: 40px; }
.main-desc { width: 750px; height: 400px; background: #000; position: absolute; left: 50px; top: 62px; }

.links { width: 400px; margin-top: 10px; margin-left: 60px; }
.links li { width: 400px; height: 50px; float: left; display: inline; margin: 8px 0; }
.links img { display: block; }

.main-desc p { color: #fff; font-size: 13px; }
.md-p1 { width: 750px; display: block; text-align: center; position: absolute; top: 20px; }
.md-p2 { position: absolute; left: 80px; top: 60px; line-height: 24px; }
.md-p3 { position: absolute; left: 360px; top: 60px; line-height: 24px; }
.md-p4 { position: absolute; left: 80px; top: 220px; line-height: 24px; }

.girls-starge { width: 320px; height: 440px; background: url(../images/mnl-bg.png) repeat-x 0 -5px; position: absolute; left: 50px; top: 20px; }
.girls-starge img { width: 320px; height: 400px; display: block; margin-top: 10px; }
.girls-starge p { width: 320px; height: 30px; display: block; background: #333333; color: #fff; line-height: 30px; font-size: 18px; text-align: center; font-weight: bold; }

.g-list { position: absolute; left: 400px; top: 280px; }
.g-list li { width: 110px; height: 138px; float: left; display: inline; margin: 0 2px; }
.g-list a { width: 110px; height: 138px; display: block; }
.g-list img { width: 110px; height: 138px; display: block; }

.girls-info { position: absolute; left: 400px; top: 80px; }
.girls-info p { color: #fff; font-size: 16px; line-height: 35px; }

.to-contact { color: #fff; font-size: 18px; line-height: 30px; position: absolute; left: 400px; top: 430px; }
.to-contact:hover { text-decoration: underline; }
.to-home { width: 90px; height: 20px; display: block; position: absolute; left: 600px; top: 20px; }
.to-gallery { width: 71px; height: 20px; display: block; position: absolute; left: 694px; top: 20px; }
.pre { width: 33px; height: 20px; display: block; position: absolute; left: 694px; top: 42px; }
.next { width: 33px; height: 20px; display: block; position: absolute; left: 732px; top: 42px; }

.cont-des { position: absolute; left: 30px; top: 20px; }
.cont-des p { font-size: 16px; line-height: 30px; }

.girls-list { position: absolute; left: 2px; top: 0px; }
.girls-list li { float: left; display: inline; margin-left: 1px; }
.girls-list img { width: 140px; height: 480px; display: block; }

.change-page { position: absolute; left: 150px; top: 97px; }
.change-page li { float: left; display: inline; margin: 0 15px; }
.change-page a { font-size: 16px; color: #000; }
.change-page a:hover, .change-page a.movein { color: #fff; }


.footer { width: 850px; height: 100px; background: url(../images/foot-bg.png) no-repeat 0 0; text-align: center; line-height: 80px; color: #fff; position: relative; }