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

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

/* index.html */

.header { width: 1100px; height: 254px; background: url(../images/header.jpg) no-repeat 0 0; position: relative; color: #fff; }

.title { position: absolute; left: 151px; top: 25px; }
.title img {  position: absolute; }
.title span { font-size: 1px; }

.card { position: absolute; left: 151px; top: 178px; }

.tml { position: absolute; left: 281px; top: 178px; font-size:20px; font-weight: bold; line-height: 30px; font-style: italic; }
.tml span { font-size: 12px; }

.number { position: absolute; left: 458px; top: 178px; font-size: 30px; font-weight: bold; line-height: 26px; font-style: italic; }

.mainer { width: 1100px; height: 433px; background: url(../images/mainer.jpg) no-repeat 0 0; position: relative; color: #fff; }

.mainer-naves { position: absolute; left: 176px; }
.mainer-naves li { margin: 0 0 22px 0; }
.mainer-naves a { font-size: 28px; color: #fff; font-weight: bold; }
.mainer-naves a span { font-size: 20px; }
.mainer-naves a:hover { color: #999; }

.theme { position: absolute; left: 176px; top: 130px; font-size: 24px; line-height: 26px; }
.desc { position: absolute; left: 176px; top: 180px; width: 420px; line-height: 16px; font-weight: bold; }

.footer { width: 1100px; height: 55px; background: #000; position: relative; text-align: center; }

.foot-naves  {position: absolute ; left: 400px; top: 12px; }
.foot-naves li {  float: left; display: inline; margin: 0 10px 0 0;  color: #fff; line-height: 16px; }
.foot-naves a { color: #fff; }
.foot-naves a:hover { text-decoration: underline; color: #ccc; }

.copyright { color: #fff;  position: absolute ; left: 300px; top: 32px; line-height: 14px; }

/* girls.html */

.header2 { width: 1100px; height: 166px; background: url(../images/header2.jpg) no-repeat 0 0; position: relative; color: #fff; }

.title2 { position: absolute; left: 167px; top: 1px; }
.title2 img {  position: absolute; }
.title2 span { font-size: 1px; }

.card2 { position: absolute; left: 543px; top: 72px; }

.tml2 { position: absolute; left: 638px; top: 70px; font-size:16px; font-weight: bold; line-height: 30px; font-style: italic; }
.tml2 span { font-size: 12px; }

.number2 { position: absolute; left: 795px; top: 68px; font-size: 28px; font-weight: bold; line-height: 26px; font-style: italic; }

.head-naves { position: absolute; left: 250px; top: 114px; }
.head-naves li { float: left; margin: 0 90px 0 0; }
.head-naves a { color: #fff; line-height: 34px; font-size: 18px; display: block;}
.head-naves a:hover { color: #ccc;}

.mainer2 { width: 1100px; height: 605px; background: url(../images/mainer2.jpg) no-repeat 0 0; position: relative; color: #fff; }

.title3 { position: absolute; left: 400px; top: 13px; }

.girl-list { width: 820px; position: absolute; left: 167px; top: 65px; } 
.girl-list li {  float: left;  margin: 0 6px 0 0; text-align: center; }
.girl-list a { width: 150px; height: 214px; display: block; background: #fce69e; border: solid 1px #6e0000; }
.girl-list a:hover { border: solid 1px #FF0000; }
.girl-list img { width: 150px; height: 214px; display: block; }
.girl-list span { width: 151px; height: 64px; font-size: 30px; color: #fff; line-height: 56px; }

/* g1.html */

.mainer3-naves { position: absolute; left: 675px; top: 82px; font-weight: bold; font-size: 14px; }
.mainer3-naves li { float: left; color: #fff; }
.mainer3-naves a { color: #fff; padding: 0 15px; }
.mainer3-naves a:hover { text-decoration: underline; color: #999; }

.girls-info { position: absolute;  left: 225px; top: 52px; font-size: 16px;  }
.girls-info h3 { font-size: 34px;  color: #fff; }
.girls-info p { font-size: 18px; line-height: 22px; color: #fff; margin: 0 0 0 10px; }

.girls-p { width: 680px; position: absolute; left: 244px; top: 116px; }
.girls-p li {  float: left; display: inline; margin: 0 35px 13px 0; background: #fce69e; border: solid 1px #002636; }
.girls-p img { width: 183px; height: 231px; display: block; }
.girls-p li:hover { border: solid 1px #000; } 

/*rate.html , contact.html , links.html */
.m-desc { width: 700px; color: #fff; position: absolute; left: 188px; top: 100px; }
.m-desc h3 { font-size: 30px; line-height: 34px; }
.m-desc p { font-size: 20px; line-height: 24px; margin: 15px 0;}

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