body{
    box-sizing: border-box;
    padding: 0;
    font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: .34rem;
    max-width: 768px;
    margin: 0 auto;
    width: 7.5rem;
    background: #d12e54 url('../images/bg.jpg') center top no-repeat;
    background-size: contain;
}

header{
    text-align: center;
    margin-bottom: 0.25rem;
}

header h1{
    color: #ffea00;
    font-size: 0.7rem;
    margin: 0.4rem 0 0.1rem;
    text-shadow:
    -0.03rem -0.03rem 0 #000,
    0.03rem -0.03rem 0 #000,
    -0.03rem 0.03rem 0 #000,
    0.03rem 0.03rem 0 #000;
}

header h2{
    color: #ffea00;
    font-size: 0.3rem;
    margin: 0.1rem 0;
    font-weight: normal;
    text-shadow:
    -0.02rem -0.02rem 0 #000,
    0.02rem -0.02rem 0 #000,
    -0.02rem 0.02rem 0 #000,
    0.02rem 0.02rem 0 #000;
}

.header-content{
    line-height: 2;
}

.service{
    font-size: 0.3rem;
}

.creditcard{
    width: 1.11rem;
}

.telephone{
    font-size: 0.44rem;
    text-shadow:
    -0.03rem -0.03rem 0 #a22229,
    0.03rem -0.03rem 0 #a22229,
    -0.03rem 0.03rem 0 #a22229,
    0.03rem 0.03rem 0 #a22229;
    vertical-align: sub;
}

nav{
    background: url('../images/navbg.png') center repeat-x;
    height: 0.8rem;
    line-height: 0.8rem;
    width: 100%;
    background-size: contain;
}

nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

nav ul li{
    float: left;
    width: 20%;
}

nav ul li a{
    color: #fff;
    text-decoration: none;
}

nav ul li a.active{
    color: #e6c300;
}

main:before, /* :before to uncollapse the top margin */
main:after{
    display: block;
    clear: both; /* clear fix */
    content: "\a0 "; /*   - just a space doesn't uncollapse margins */
    visibility: hidden; /* make sure not to show anything */
    height: 0;
}

main{
    position: relative;
    min-height: 5rem;
}

.cover{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../images/maintopbg.png'), url('../images/mainbottombg.png');
    background-position: right -0.8rem, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 2.49rem 2.24rem, 1.64rem 2.01rem;
}

.content{
    margin: 0.35rem 0.3rem;
    background-color:rgba(0, 0, 0, 0.5);
    border-radius: 0.2rem;
    padding: 0.4rem 0.6rem;

}

.girl-list { width: 5.64rem; }


.content h3{
    font-size: 0.32rem;
    text-align: center;
    font-weight: normal;
	
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.cover-top{
    position: absolute;
    top: 0;
    right: 0;
    width: 2.49rem;
    height: 2.24rem;
    background-image: url('../images/maintopbg.png');
    background-position: right -0.8rem;
    background-repeat: no-repeat;
    background-size: 2.49rem 2.24rem;
}

.cover-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.64rem;
    height: 2.01rem;
    background-image: url('../images/mainbottombg.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 1.64rem 2.01rem;
}