html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
}

#main {
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    background-image: url("../assets/img/index_bg.jpg");
    background-repeat: no-repeat;
}

#create {
    width: 70%;
    height: 20%;
    background-size: 100% 100%;
}

#add {
    width: 70%;
    height: 20%;
}

#room {
    height: 100%;
    width: 100%;

    background-size: 100% 100%;
    background-image: url("../assets/img/room.jpg");
    background-repeat: no-repeat;
}

#histroy {
    width: 100%;
    height: 30%;
    background-size: 100% 100%;
    background-image: url("../assets/img/history_bg.png");
    background-repeat: no-repeat;
}

#room_main {
    width: 100%;
    height: 50%;
    background-size: 50% 35%;
    background-image: url("../assets/img/room_main.png");
    background-position: 50% 80%;
    background-repeat: no-repeat;
}

.sz-f {
    width: 15%;
    height: 15%;
}

.sz-c {
    width: 10%;
    height: 10%;
}

#gaizi {
    /*width:47%;
    height: 17.5%;
    left:26%;
    top:52%;*/
    width: 5%;
    height: 1%;
    left: 80%;
    top: 38%;
    opacity: 0;
    position: absolute;


    z-index: 3;

}

#sz-c {
    position: absolute;
    width: 100%;
    top: 63%;
    z-index: 1;
}

#begin {
    width: 70%;

}