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

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

.header { width: 800px; height: 246px; background: url(../images/head2-bg.gif) no-repeat 0 0; position: relative; }
.title { position: absolute; left: 27px; top: 16px; }
.tel { position: absolute; left: 451px; top: 36px; }

.head-naves img { display: block; }
.hn-1 { position: absolute; left: 82px; top: 212px; }
.hn-2 { position: absolute; left: 145px; top: 184px; }
.hn-3 { position: absolute; left: 194px; top: 155px; }
.hn-4 { position: absolute; left: 253px; top: 128px; }

.mainer { width: 800px; height: 484px; background: url(../images/main2-bg.gif) no-repeat 0 0; position: relative; }

.girls-list { position: absolute; left: 85px; top: 5px; }
.girls-list li { width: 124px; height: 144px; float: left; display: inline; background: url(../images/girl-li-bg.gif) no-repeat 0 top; margin: 0 18px; line-height: 28px; }
.girls-list span { display: block; text-align: center; }
.girls-list a { width: 105px; height: 105px; display: block; margin-left: 8px; margin-top: 13px; }
.girls-list img { width: 105px; height: 105px; display: block; }

.footer { width: 800px; height: 100px; background: #333333; position: relative; }

.card { color: #fff; position: absolute; left: 320px; top: 10px; }
.card img { display: block; float: left; }

.copyright { color: #fff; position: absolute; left: 260px; top: 60px; }



/* contact.html */
.mainer2 { width: 800px; height: 441px; background: url(../images/main3-bg.gif) no-repeat 0 0; position: relative; }

.main-cont { width: 500px; position: absolute; left: 150px; top: 40px; }
.main-cont p { font-size: 18px; margin: 10px 0; }

.main-home { width: 720px; position: absolute; left: 40px; top: 10px; }
.main-home p { font-size: 18px; line-height: 26px; }

.main-rate { width: 640px; position: absolute; left: 80px; top: 50px; }

.m-rate-p1 { position: absolute; left: 95px; top: 300px; color: #000; }
.m-rate-p2 { position: absolute; left: 95px; top: 330px; color: #000; }


/* g1.html - g12.html */
.header2 { width: 800px; height: 80px; background: url(../images/head3-bg.gif) no-repeat 0 0; position: relative; }
.title2 { position: absolute; left: 27px; top: 20px; }
.tel2 { position: absolute; left: 451px; top: 38px; }

.mainer3 { width: 800px; background: url(../images/main4-bg.gif) repeat-y; }

.girl-desc { width: 600px; margin-left: 100px; padding-top: 20px; text-align: center; background: #f49ac1; }
.girl-name { font-size: 30px; }
.girl-info { font-size: 18px; line-height: 22px; }

.girl-photo { width: 350px; margin-left: 225px; padding-top: 10px; text-align: center; background: #f49ac1; }
.girl-photo li { float: left; display: inline; margin: 2px 0; }
.girl-photo img { width: 350px; display: block; }

.footer2 { width: 800px; height: 150px; background: #333333 url(../images/foot-bg.gif) no-repeat 0 0; position: relative; }

.card2 { color: #fff; position: absolute; left: 320px; top: 60px; }
.card2 img {display: block; float: left; }

.copyright2 { color: #fff; position: absolute; left: 260px; top: 110px; }

.clear { clear: both; }