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

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

/* index.html */

.header { width: 750px; height: 665px;  position: relative; background: #FFCCCC; }

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

.gif  { position: absolute; left: 0px; top: 226px; }

.tel { position: absolute; left: 41px; top: 156px; }

.wt { position: absolute; left: 356px; top: 171px; font-size: 18px; line-height: 20px; color: #fff; }

.header-naves { position: absolute; left: 22px; top: 156px; }
.header-naves li {  float: left; text-align: center; margin: 0 34px 0 0;}
.header-naves a { color: #666666; font-size: 34px; line-height: 42px; }
.header-naves a:hover { color: #FF3399;  }

.header-naves2 { position: absolute; left: 3px; top: 36px; }
.header-naves2 li { width: 244px; float: left; text-align: center;}
.header-naves2 a { color: #666666; font-size: 24px; line-height: 42px; }
.header-naves2 a:hover { color: #FF3399;  }


.mainer { width: 750px; height: 131px; position: relative; background: #e7e7e7;}
.mainer1-2 { width: 750px; height: 1541px; position: relative; background: #FFCCCC;}

.mainer-desc1-2-1 { font-size: 76px; line-height: 78px; color: #666666;  width: 700px; position: absolute; left: 50px; top: 53px;}
.mainer-desc1-2-2 { font-size: 42px; line-height: 54px; color: #666666;  width: 650px; position: absolute; left: 50px; top: 143px; text-align: center;}

.book { position: absolute; left: 183px; top: 605px; }
.book li { width: 400px; float: left; text-align: center; display: block; background: #A23400;}
.book a { color: #fff; font-size: 46px; line-height: 68px; }
.book a:hover { color: #FF0000; background: #CCCCCC;  }
.book li:hover { color: #FF0000; background: #CCCCCC;  }


.mainer-desc1-2-3 { font-size: 76px; line-height: 78px; color: #666666;  width: 700px; position: absolute; left: 50px; top: 2013px;}
.mainer-desc1-2-4 { font-size: 42px; line-height: 54px; color: #666666;  width: 650px; position: absolute; left: 50px; top: 2103px; text-align: center;}

.book1 { position: absolute; left: 183px; top: 2465px; }
.book1 li { width:400px; float: left; text-align: center; display: block; background: #A23400;}
.book1 a { color: #fff; font-size: 46px; line-height: 68px; }
.book1 a:hover { color: #FF0000; background: #CCCCCC;  }
.book1 li:hover { color: #FF0000; background: #CCCCCC;  }


.mainer-desc1-2-5 { font-size: 76px; line-height: 78px; color: #666666;  width: 580px; position: absolute; left: 160px; top: 703px;}
.mainer-desc1-2-6 { font-size: 42px; line-height: 54px; color: #666666;  width: 650px; position: absolute; left: 50px; top: 793px; text-align: center;}

.book2 { position: absolute; left: 183px; top: 1425px; }
.book2 li { width: 400px; float: left; text-align: center; display: block; background: #A23400;}
.book2 a { color: #fff; font-size: 46px; line-height: 68px; }
.book2 a:hover { color: #FF0000; background: #CCCCCC;  }
.book2 li:hover { color: #FF0000; background: #CCCCCC;  }

.mainer-desc1 { font-size: 40px; line-height: 42px; color: #4d4d4d;  width: 400px; position: absolute; left: 320px; top: 43px; font-family: "Times New Roman", Times, serif;}



.mainer1-3 { width: 1600px; height: 520px; position: relative; background: #FFCCCC;}

.hg1 { position: absolute; left: 0px; top: 0px; }
.hg2 { position: absolute; left: 1050px; top: 0px; }
.sp { position: absolute; left: 680px; top: 0px; background: e7e7e7; }
.sp img { width: 332px; height: 520px; display: block; }

.mainer1-4 { width: 750px; height: 131px; position: relative; background: #FFCCCC;}

.mainer1-5 { width: 750px; height: 1550px; position: relative; background: url(../images/about.jpg) no-repeat 0 0 ; }

.mainer-desc1-5-1 { font-size: 62px; line-height: 88px; color: #e30062;  width: 650px; position: absolute; left: 50px; top: 53px; text-align: center;}
.mainer-desc1-5-2 { font-size: 62px; line-height: 88px; color: #FF0000;  width: 650px; position: absolute; left: 50px; top: 483px; text-align: center; font-weight: bold;}
.mainer-desc1-5-3 { font-size: 38px; line-height: 48px; color: #FF33CC;  width: 650px; position: absolute; left: 50px; top: 898px; text-align: center; font-family: "Times New Roman", Times, serif; font-style: italic;}



.book3 { position: absolute; left: 300px; top: 845px; }
.book3 li { width: 140px; float: left; text-align: center; display: block; background: #A23400;}
.book3 a { color: #fff; font-size: 18px; line-height: 42px; }
.book3 a:hover { color: #FF0000; background: #CCCCCC;  }
.book3 li:hover { color: #FF0000; background: #CCCCCC;  }

.mainer1-6 { width: 750px; height: 131px; position: relative; background: #FFCCCC;}

.mainer1-7 { width: 750px; height: 4521px; position: relative; background: #FFCCCC;}

.girl-list { width: 1500px; position: absolute; left: 35px; top: 0px; } 
.girl-list li{  float: left; margin: 0 12px 8px 0; text-align: center; }
.girl-list li span { font-size: 22px; line-height: 38px; color: #000; }
.girl-list a { width: 350px; height: 600px; display: block; background: #000000; border: solid 2px #000;}
.girl-list a:hover { border: solid 2px #990066;}
.girl-list img { width: 350px; height: 600px; display: block; }




.footer { width: 750px; height: 264px;  position: relative; background: #232323; text-align: center; }
.copyright { font-size: 38px; line-height: 70px; font-family: Arial, Helvetica, sans-serif; color: #fff;  position: absolute ; left: 25px; top: 55px;}



/* girls.html */
.header2 { width: 750px; height: 221px;  position: relative; background: #FFCCCC;}

.mainer2-desc1 { font-size: 24px; line-height: 30px; color: #4d4d4d;  width: 500px; position: absolute; left: 440px; top: 50px; font-family: "Times New Roman", Times, serif;}

.mainer2-1 { width: 750px; height: 1140px; position: relative; background: url(../images/service.jpg) no-repeat 0 0 ; }

.mainer2-desc1-1 { font-size: 86px; line-height: 88px; color: #FF0000;  width: 600px; position: absolute; left: 50px; top: 23px;  font-weight: bold;}
.mainer2-desc2 { font-size: 44px; line-height: 48px; color: #FF0000;  width: 650px; position: absolute; left: 50px; top: 583px; text-align: center; }

.mainer2-2 { width: 750px; height: 550px; position: relative; background: #FFFFFF; }

.mainer2-3 { width: 750px; height: 131px; position: relative; background: #FFCCCC;}

.mainer2-4 { width: 750px; height: 2651px; position: relative; background: #FFCCCC;}

.mainer-desc2-4-1 {  position: absolute; left: 50px; top: 53px;}
.mainer-desc2-4-2 { font-size: 52px; line-height: 58px; color: #000;  width: 650px; position: absolute; left: 50px; top: 523px; text-align: center;}


.mainer-desc2-4-3 {  position: absolute; left: 50px; top: 863px;}
.mainer-desc2-4-4 { font-size: 52px; line-height: 58px; color: #000;  width: 650px; position: absolute; left: 50px; top: 1303px; text-align: center;}

.book4 { position: absolute; left: 193px; top: 735px; }
.book4 li { width: 400px; float: left; text-align: center; display: block; background: #A23400;}
.book4 a { color: #fff; font-size: 46px; line-height: 68px; }
.book4 a:hover { color: #FF0000; background: #CCCCCC;  }
.book4 li:hover { color: #FF0000; background: #CCCCCC;  }


.mainer-desc2-4-5 {  position: absolute; left: 50px; top: 1753px;}
.mainer-desc2-4-6 { font-size: 52px; line-height: 58px; color: #000;  width: 650px; position: absolute; left: 50px; top: 2203px; text-align: center;}

.book5 { position: absolute; left: 193px; top: 1615px; }
.book5 li { width: 400px; float: left; text-align: center; display: block; background: #A23400;}
.book5 a { color: #fff; font-size: 46px; line-height: 68px; }
.book5 a:hover { color: #FF0000; background: #CCCCCC;  }
.book5 li:hover { color: #FF0000; background: #CCCCCC;  }

.book6 { position: absolute; left: 193px; top: 2465px; }
.book6 li { width: 400px; float: left; text-align: center; display: block; background: #A23400;}
.book6 a { color: #fff; font-size: 46px; line-height: 68px; }
.book6 a:hover { color: #FF0000; background: #CCCCCC;  }
.book6 li:hover { color: #FF0000; background: #CCCCCC;  }

.girl-desc { font-size: 44px; line-height: 46px; color: #4d4d4d;  width: 200px; position: absolute; left: 420px; top: 20px; font-family: "Times New Roman", Times, serif;}
.girl-desc2 { font-size: 34px; line-height: 36px; color: #4d4d4d;  width: 100px; position: absolute; left: 140px; top: 50px; font-family: "Times New Roman", Times, serif;}

/* about.html */ 
.mainer3-1 { width: 750px; height: 1130px; position: relative; background: #333333; }
.mainer3-desc1-1 { font-size: 78px; line-height: 80px; color: #fff;  width: 650px; position: absolute; left: 50px; top: 33px; text-align: center;}
.mainer3-desc2 { font-size: 34px; line-height: 42px; color: #cdc9cb;  width: 730px; position: absolute; left: 10px; top: 373px; text-align: center;}
.mainer3-desc3 { font-size: 54px; line-height: 60px; color: #fff;  width: 650px; position: absolute; left: 50px; top: 493px; text-align: center;}
.mainer3-desc4 { font-size: 34px; line-height: 42px; color: #cdc9cb;  width: 730px; position: absolute; left: 10px; top: 583px; text-align: center;}

.mainer3-2 { width: 1600px; height: 801px; position: relative; background: #e7e7e7;}

.about-desc1 { font-size: 42px; line-height: 74px; color: #000;  width: 650px; position: absolute; left: 50px; top: 503px; text-align: center;}
.about-desc1 span { font-size: 38px; line-height: 44px; color: #666666; }
.about-desc2 { font-size: 42px; line-height: 74px; color: #000;  width: 650px; position: absolute; left: 50px; top: 1243px; text-align: center;}
.about-desc2 span { font-size: 38px; line-height: 44px; color: #666666; }
.about-desc3 { font-size: 42px; line-height: 74px; color: #000;  width: 650px; position: absolute; left: 50px; top: 1983px; text-align: center;}
.about-desc3 span { font-size: 38px; line-height: 44px; color: #666666; }

.about1 {  position: absolute; left: 50px; top: 53px;}
.about2 {  position: absolute; left: 50px; top: 783px;}
.about3 {  position: absolute; left: 50px; top: 1523px;}

.mainer-about { width: 750px; height: 2231px; position: relative; background: #e7e7e7;}

/*rate.html , contact.html , links.html */
.mainer4-1 { width: 750px; height: 800px; position: relative; background: #333333; }
.mainer4-2 { width: 750px; height: 900px; position: relative; background: #FFCCCC; }
.mainer4-3 { width: 750px; height: 900px; position: relative; background: #FFCCCC; }

.mainer4-desc1 { font-size: 62px; line-height: 78px; color: #66FF33;  width: 650px; position: absolute; left: 50px; top: 53px; text-align: center; }

.mainer4-desc2 { font-size: 70px; line-height: 88px; color: #66FF33;  width: 650px; position: absolute; left: 50px; top: 253px; text-align: center; }
.mainer4-desc3 { font-size: 42px; line-height: 54px; color: #FF0033;  width: 710px; position: absolute; left: 20px; top: 13px;  }


.ye { width: 5px; height: 101px;  background: #FFCC33; position: absolute; left: 300px; top: 0px;}
.ye1 { width: 5px; height: 151px;  background: #FFCC33; position: absolute; left: 500px; top: 50px;}

.ye2 { width: 5px; height: 101px;  background: #FFCC33; position: absolute; left: 140px; top: 30px;}
.ye3 { width: 5px; height: 221px;  background: #FFCC33; position: absolute; left: 620px; top: 50px;}
.ye4 { width: 5px; height: 121px;  background: #FFCC33; position: absolute; left: 300px; top: 50px;}



.mainer5-1 { width: 750px; height: 12550px; position: relative; background: #33FF00; }

.mainer5-2 { width: 750px; height: 12550px; position: relative; background: #FF3399; }

.girl-list2 { width: 650px; position: absolute; left: 50px; top: 20px; } 
.girl-list2 li{  float: left; margin: 0 0 10px 0; text-align: center; }
.girl-list2 li span { font-size: 22px; line-height: 38px; color: #000; }
.girl-list2 a { width: 650px; height: 950px; display: block; background: #000000; border: solid 2px #000;}
.girl-list2 a:hover { border: solid 2px #990066;}
.girl-list2 img { width: 650px; height: 950px; display: block; }

.girl-list3 { width: 650px; position: absolute; left: 50px; top: 20px; } 
.girl-list3 li{  float: left; margin: 0 0 10px 0; text-align: center; }
.girl-list3 li span { font-size: 22px; line-height: 38px; color: #000; }
.girl-list3 a { width: 650px; height: 950px; display: block; background: #000000; border: solid 2px #000;}
.girl-list3 a:hover { border: solid 2px #990066;}
.girl-list3 img { width: 650px; height: 950px; display: block; }


.mainer6-1 { width: 1600px; height: 800px; position: relative; background: #e7e7e7; }

.mainer3-naves { position: absolute; left: 874px; top: 700px;  }
.mainer3-naves li { float: left;  text-align:center; margin: 0 10px;  color: #000;}
.mainer3-naves a { color: #000; font-size: 18px; line-height: 18px;  }
.mainer3-naves a:hover { text-decoration: underline; color: #3300FF;  }

.girls-info { position: absolute; left: 474px; top: 660px; color: #000; }
.girls-info h3 { font-size: 30px; line-height: 40px; font-style: italic; }
.girls-info p { font-size: 18px; line-height: 22px; margin: 0 0 0 10px;  }

.girls-photo { width: 1485px; position: absolute; left: 80px; top: 10px;}
.girls-photo li { width: 350px; height: 600px;  float: left; display: inline; margin: 0px 5px 5px 0px;  }
.girls-photo img { width: 350px; height: 600px; display: block; }


.shutter {
  overflow: hidden;
  width: 650px;
  height: 950px;
  position: relative;
  border-radius: 10px;
  
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}




.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}


.shutter-a {
  position: relative; width: 750px;
}

.shutter-a-1 {
  position: absolute; left: 50px; top: 50px;
}

.shutter-a-2 {
  position: absolute; left: 50px; top: 1050px;
}

.shutter-a-3 {
  position: absolute; left: 50px; top: 2550px;
}

.shutter-a-4 {
  position: absolute; left: 50px; top: 3550px;
}



.center{ width:736px; height:800px; background:#e7e7e7; position: absolute; left: 7px; top: 10px; }
.center img{ float:left; width:180px; height:263px; border: solid 2px #FF0033;; cursor:pointer;}
.popup{ position:fixed; background:rgba(0,0,0,0.4); bottom:0; top:0;left:0;right:0; display:none;}
.show{ position:absolute; top:10px; left:80px;  display:none;}
.big{ width:600px; height:876px;}
.left{ position:absolute; top:415px; left:-50px; cursor:pointer;}
.right{ position:absolute; top:415px; right:-50px; cursor:pointer;}