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

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

.top { width: 1100px; height: 125px; background: #e02b60 url(../images/top-bg.jpg) repeat-y 100px 0; position: relative; }

.title { position: absolute; left: 250px; top: 55px; }
.title img { position: absolute; }
.title span { font-size: 12px; }
.web { font-size: 12px; color: #fff; position: absolute; left: 250px; top: 87px; }
.card { position: absolute; left: 855px; top: 39px; }
.tel { font-size: 24px; color: #fff; font-weight: bold; position: absolute; left: 790px; top: 68px; }

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

.head-tt { position: absolute; left: 301px; top: 161px; }
.head-pp { width: 510px; font-size: 12px; color: #0f4665; line-height: 16px; position: absolute; left: 110px; top: 191px; }

.head-naves { position: absolute; left: 86px; top: 313px; }
.head-naves li { height: 19px; float: left; display: inline; margin: 0 23px; }
.head-naves a { height: 19px; display: block; }

.hn-1 a { width: 64px; background: url(../images/home.jpg) no-repeat 0 0; }
.hn-1 a:hover, .hn-1 a.movein { background: url(../images/home.jpg) no-repeat 0 100%; }
.hn-2 a { width: 58px; background: url(../images/girls.jpg) no-repeat 0 0; }
.hn-2 a:hover, .hn-2 a.movein { background: url(../images/girls.jpg) no-repeat 0 100%; }
.hn-3 a { width: 50px; background: url(../images/rate.jpg) no-repeat 0 0; }
.hn-3 a:hover, .hn-3 a.movein { background: url(../images/rate.jpg) no-repeat 0 100%; }
.hn-4 a { width: 55px; background: url(../images/links.jpg) no-repeat 0 0; }
.hn-4 a:hover, .hn-4 a.movein { background: url(../images/links.jpg) no-repeat 0 100%; }
.hn-5 a { width: 103px; background: url(../images/contact.jpg) no-repeat 0 0; }
.hn-5 a:hover, .hn-5 a.movein { background: url(../images/contact.jpg) no-repeat 0 100%; }

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

.foot-naves { position: absolute; left: 106px; top: 20px; }
.foot-naves li { font-size: 14px; color: #747474; float: left; display: inline; margin: 0 6px; }
.foot-naves a { font-size: 14px; color: #747474; }
.foot-naves a:hover { color: #000; text-decoration: underline; }

.copyright { font-size: 12px; color: #747474; position: absolute; left: 500px; top: 20px; }

/* index.html */
.mainer { width: 1100px; height: 375px; background: url(../images/main-bg.jpg) no-repeat 0 0; position: relative; }

.main-desc1 { width: 273px; position: absolute; left: 110px; top: 5px; }
.main-desc1 h2 { font-size: 28px; font-weight: normal; line-height: 40px; color: #000; }
.main-desc1 p { font-size: 12px; color: #646464; margin-bottom: 5px; line-height: 16px; }

.main-desc2 { width: 342px; position: absolute; left: 657px; top: 5px; color: #646464; }
.main-desc2 h2 { font-size: 26px; font-weight: normal; line-height: 40px; color: #000; }
.main-desc2 p { font-size: 12px; margin-bottom: 5px; line-height: 16px; }
.md2-pp { color: #63aabe; }

.main-desc3 { width: 342px; position: absolute; left: 414px; top: 201px; color: #646464; }
.main-desc3 h2 { font-size: 26px; font-weight: normal; line-height: 40px; color: #000; }
.main-desc3 p { font-size: 12px; margin-bottom: 5px; line-height: 16px; }
.md3-pp { color: #63aabe; }

.hot-girl-1 { width: 229px; height: 159px; display: block; border: solid 3px #1a738d; position: absolute; left: 415px; top: 25px; }
.hot-girl-1:hover { border: solid 3px #646464; }
.hot-girl-1 img { width: 229px; height: 159px; display: block; }

.hot-girl-2 { width: 94px; height: 149px; display: block; border: solid 3px #1a738d; position: absolute; left: 790px; top: 210px; }
.hot-girl-2:hover { border: solid 3px #646464; }
.hot-girl-2 img { width: 94px; height: 149px; display: block; }

.hot-girl-3 { width: 94px; height: 149px; display: block; border: solid 3px #1a738d; position: absolute; left: 900px; top: 210px; }
.hot-girl-3:hover { border: solid 3px #646464; }
.hot-girl-3 img { width: 94px; height: 149px; display: block; }

/* girls */
.mainer2 { width: 1100px; height: 745px; background: url(../images/main2-bg.jpg) repeat-x 0 0; position: relative; }
.mainer3 { width: 1100px; height: 1830px; background: #b2cfdc url(../images/main2-bg.jpg) repeat-x 0 0; position: relative; }

.girls-list { width: 897px; position: absolute; left: 107px; top: 15px; }
.girls-list li { width: 139px; height: 350px; float: left; display: inline; margin: 5px; }
.girls-list a { width: 133px; height: 344px; display: block; border: solid 3px #1a738d; }
.girls-list a:hover { border: solid 3px #646464; }
.girls-list img { width: 133px; height: 344px; display: block; }

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

.girls-photo { width: 735px; position: absolute; left: 290px; top: 15px; }
.girls-photo li { width: 240px; height: 355px; float: left; display: inline; margin-right: 5px; margin-bottom: 5px; }
.girls-photo img { width: 234px; height: 349px; display: block; border: solid 3px #1a738d; }

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