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

.layout-out { width: 1100px; margin: 0 auto; background: url(../images/body-bg.jpg) repeat-y 0 0; }

.layout { width: 908px; margin: 0 auto; background: url(../images/layout-bg.jpg) repeat-y 0 0; }

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

.title { position: absolute; left: 17px; top: 34px; }
.tel { position: absolute; left: 24px; top: 392px; }
.card { position: absolute; left: 24px; top: 360px; }

.head-desc { width: 560px;  position: absolute; left: 25px; top: 233px; }
.head-desc h2 { font-size: 24px; color: #fff; font-weight: normal; }
.head-desc p { color: #0000FF; line-height: 16px; }

.head-naves { position: absolute; left: 4px; top: 160px; }
.head-naves li { float: left; display: inline; margin: 0 10px; }
.head-naves a { height: 65px; display: block; }

.hn-1 { width: 95px; 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 { width: 82px; background: url(../images/girl.jpg) no-repeat 0 0; }
.hn-2 a:hover, .hn-2 a.movein { background: url(../images/girl.jpg) no-repeat 0 100%; }
.hn-3 { width: 88px; 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 { width: 95px; 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 { width: 139px; 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 { height: 45px; background: url(../images/layout-bg.jpg) repeat-y 0 0; position: relative; }

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

.copyright { font-size: 12px; color: #000; position: absolute; left: 360px; top: 6px; }


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

.main-pp1 { width: 310px; position: absolute; left: 34px; top: 15px; line-height: 18px; }
.main-pp2 { width: 220px; position: absolute; left: 373px; top: 15px; line-height: 18px; }
.main-pp3 { width: 250px; position: absolute; left: 623px; top: 15px; line-height: 18px; }

.hot-girl { width: 570px; position: absolute; left: 319px; top: 210px; }
.hot-girl li { width: 180px; height: 205px; float: left; display: inline; margin: 0 5px; }
.hot-girl a { width: 176px; height: 201px; display: block; border: solid 2px #fff; }
.hot-girl a:hover { border: solid 2px #f8bd01; }
.hot-girl img { width: 176px; height: 201px; display: block; }

/* girl.html , rate.html */
.mainer2 { height: 647px; background: url(../images/main2-bg.jpg) no-repeat 0 0; position: relative; }

.main-a { width: 155px; font-size: 16px; color: #000; position: absolute; left: 150px; top: 365px; font-style: italic; font-weight: bold; line-height: 22px; }
.main-a a { width: 80px; display: block; color: #000; text-decoration: underline; margin-left: 70px; }
.main-a a:hover { color: #fff; }

.girls-list { width: 780px; position: absolute; left: 72px; top: 10px; }
.girls-list li { width: 180px; height: 305px; float: left; display: inline; margin-right: 15px; margin-bottom: 7px; }
.girls-list a { width: 176px; height: 301px; display: block; border: solid 2px #fff; }
.girls-list a:hover { border: solid 2px #f8bd01; }
.girls-list img { width: 176px; height: 301px; display: block; }

.girls-photo { width: 600px; position: absolute; left: 24px; top: 4px; }
.girls-photo li { width: 195px; height: 315px; float: left; display: inline; margin-right: 5px; margin-bottom: 5px; }
.girls-photo img { width: 193px; height: 313px; display: block; border: solid 1px #f7bb01; }

.girls-desc { position: absolute; left: 625px; top: 15px; }
.girls-desc h3 { font-size: 30px; color: #000; }
.girls-desc p { font-size: 18px; color: #000; margin: 5px 0; }

.mm-desc { width: 800px; position: absolute; left: 54px; top: 10px; }
.mm-desc h3 { font-size: 30px; }
.mm-desc p { font-size: 16px; line-height: 20px; margin-top: 15px; }

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