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

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

.header { width: 1100px; height: 75px; background: #2e0c0b; position: relative; }

.head-naves { position: absolute; left: 280px; top: 22px; }
.head-naves li { font-size: 30px; color: #4a3939; float: left; display: inline; margin: 0 10px; line-height: 30px; }
.head-naves a { font-size: 18px; color: #fff; font-weight: bold; line-height: 30px; display: block; }
.head-naves a:hover { color: #f3df86; }

.mainer { width: 1100px; height: 775px; background: #2e0c0b; position: relative; }

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

.foot-naves { position: absolute; left: 110px; top: 19px; }
.foot-naves li { color: #f3df86; float: left; display: inline; margin: 0 5px; line-height: 12px; }
.foot-naves a { color: #f3df86; line-height: 12px; }
.foot-naves a:hover { color: #fff; text-decoration: underline; }

.copyright { color: #f3df86; line-height: 12px; position: absolute; left: 500px; top: 19px; }

.card { position: absolute; left: 216px; top: 202px; }

.msn { font-size: 22px; color: #fff; position: absolute; left: 115px; top: 240px; }

/* index.html */
.main-left { width: 400px; height: 775px; background: url(../images/main-left-bg.jpg) no-repeat 0 0; float: left; }

.title { position: absolute; left: 100px; top: 50px; }
.web { font-size: 16px; color: #fff; position: absolute; left: 230px; top: 143px; }
.tel { position: absolute; left: 100px; top: 168px; }

.main-right { width: 700px; height: 775px; background: url(../images/main-right-bg.jpg) no-repeat 0 0; float: left; }

.main-desc1 { width: 550px; height: 275px; background: url(../images/main-desc1-bg.jpg) no-repeat 0 0; position: absolute; left: 400px; top: 50px; }
.main-desc1 h2 { font-size: 28px; line-height: 30px; margin-left: 25px; margin-top: 15px; color: #f3df86; }
.main-desc1 p { width: 314px; font-size: 14px; line-height: 18px; margin-left: 25px; margin-top: 10px; }

.main-desc2 { width: 270px; position: absolute; left: 400px; top: 340px; }
.main-desc2 h1 { font-size: 24px; color: #b90000; line-height: 26px; }
.main-desc2 p { color: #fff; line-height: 14px; }

.main-desc3 { width: 550px; position: absolute; left: 400px; top: 560px; }
.main-desc3 h2 { font-size: 24px; color: #b90000; line-height: 26px; }
.main-desc3 p { color: #fff; line-height: 14px; }

.main-desc4 { width: 550px; position: absolute; left: 400px; top: 635px; }
.main-desc4 h2 { font-size: 24px; color: #b90000; line-height: 26px; }
.main-desc4 p { color: #fff; line-height: 14px; }

.top-girl { width: 405px; position: absolute; left: 685px; top: 340px; }
.top-girl li { width: 125px; height: 210px; float: left; display: inline; margin-right: 10px; }
.top-girl a { width: 119px; height: 204px; display: block; border: solid 3px #fff; }
.top-girl a:hover { border: solid 3px #f3df86; }
.top-girl img { width: 119px; height: 204px; display: block; }


/* girls.html */
.main-left2 { width: 400px; height: 775px; background: url(../images/main-left2-bg.jpg) no-repeat 0 0; float: left; }

.title2 { position: absolute; left: 100px; top: 50px; }
.tel2 { position: absolute; left: 100px; top: 168px; }

.main-right2 { width: 700px; height: 775px; background: url(../images/main-right2-bg.jpg) no-repeat 0 0; float: left; }

.girls-list { width: 600px; position: absolute; left: 401px; top: 15px; }
.girls-list li { width: 140px; height: 240px; float: left; display: inline; margin-right: 10px; margin-bottom: 10px; }
.girls-list a { width: 136px; height: 236px; display: block; border: solid 2px #fff; }
.girls-list a:hover { border: solid 2px #f3df86; }
.girls-list img { width: 136px; height: 236px; display: block; }

.girls-name { font-size: 30px; font-weight: bold; line-height: 30px; color: #f3df86; position: absolute; left: 401px; top: 15px; }
.girls-info { width: 540px; font-size: 14px; line-height: 15px; color: #f3df86; position: absolute; left: 550px; top: 25px; }

.girls-photo { width: 586px; position: absolute; left: 401px; top: 50px; }
.girls-photo li { width: 280px; height: 350px; float: left; display: inline; margin-right: 13px; margin-bottom: 7px; }
.girls-photo img { width: 276px; height: 346px; display: block; border: solid 2px #781617; }

/* rate.html , contact.html , links.html */
.main-desc-all { width: 580px; height: 700px; background: url(../images/main-desc-all-bg.jpg) no-repeat 0 0; position: absolute; left: 450px; top: 30px; padding: 0 10px; }
.main-desc-all h4 { font-size: 26px; color: #fff; line-height: 60px; }
.main-desc-all p { font-size: 20px; color: #fff; margin: 10px 0; line-height: 24px; }

.otherlinks { width: 468px; position: absolute; left: 20px; top: 80px; }
.otherlinks li { float: left; display: inline; margin: 5px 0; }
.otherlinks img { display: block; }