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

.layout { width: 894px; margin: 0 auto; padding: 0 3px; background: #fff; }

.header { height: 250px; background: url(../images/head-bg.jpg) no-repeat 0 0; position: relative; }
.title { position: absolute; left: 669px; top: 6px; }
.tel { position: absolute; left: 4px; top: 205px; }
.card { position: absolute; left: 5px; top: 175px; }

.head-naves { width: 142px; position: absolute; left: 316px; top: 27px; }
.head-naves li { width: 122px; height: 27px; line-height: 27px; margin: 4px 0; padding: 0 10px; float: left; display: inline; text-align: right; }
.head-naves a { font-size: 20px; color: #0a212b; font-weight: bold; }
.head-naves a:hover, .head-naves a.movein { color: #fff; }

.footer { height: 60px; background: #208db6; line-height: 60px; position: relative; }

.copyright { font-size: 12px; color: #fff; position: absolute; left: 19px; }

.foot-naves { position: absolute; left: 550px; }
.foot-naves li { font-size: 14px; color: #fff; float: left; display: inline; margin: 0 5px; }
.foot-naves a { color: #fff; }
.foot-naves a:hover { text-decoration: underline; }

/* index.html */
.mainer { height: 590px; background: #fff; position: relative; }

.main-left { width: 297px; height: 590px; background: url(../images/main-left-bg.jpg) no-repeat 0 0; float: left; }
.left-desc { width: 271px; position: absolute; left: 13px; top: 20px; }
.left-desc h2 { font-size: 30px; color: #244453; }
.left-desc p { color: #0a2b35; line-height: 18px; }

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

.r-desc1 { position: absolute; left: 318px; top: 20px; }
.r-desc2 { position: absolute; left: 318px; top: 410px; }

.right-desc { width: 555px; }
.right-desc p { color: #001d54; line-height: 18px; }
.m-right-tt { font-size: 30px; color: #244453; }

/* girls.html */
.mainer2 { height: 590px; background: #fff url(../images/main-bg.jpg) no-repeat 0 0; position: relative; }

.girls-list { width: 860px; position: absolute; left: 10px; top: 20px; }
.girls-list li { width: 200px; height: 250px; float: left; display: inline; margin-left: 15px; margin-top: 20px; }
.girls-list a { width: 194px; height: 244px; display: block; border: solid 3px #acc4ed; }
.girls-list img { width: 194px; height: 244px; display: block; }

/* rate.html , contact.html , links.html , g1.html-g8.html */
.mainer3 { height: 590px; background: #fff url(../images/main-bg2.jpg) no-repeat 0 0; position: relative; }

.main-desc { width: 700px; text-align: center; position: absolute; left: 97px; top: 50px; }
.main-desc h3 { font-size: 40px; color: #000; }
.main-desc p { font-size: 24px; margin: 15px 0; line-height: 24px; }

.mdp-1 { width: 350px; float: left; }
.mdp-2 { width: 350px; }

.girl-photo { width: 630px; position: absolute; left: 15px; top: 32px; }
.girl-photo li { width: 200px; height: 250px; float: left; display: inline; margin: 5px; }
.girl-photo img { width: 200px; height: 250px; display: block; }

.girl-info { position: absolute; left: 655px; top: 39px; }
.girl-info h3 { font-size: 36px; color: #fff; }
.girl-info p { font-size: 18px; color: #fff; line-height: 28px; }

.change-girl { width: 86px; position: absolute; left: 798px; top: 469px; }
.change-girl li { width: 86px; height: 26px; float: left; display: block; margin-bottom: 3px; }
.change-girl img { display: block; }

.banner { width: 468px; margin-top: 10px; margin-bottom: 10px; }
.banner li { float: left; display: inline; margin: 5px 0; }
.banner img { display: block; }