.index{
    background-image: url("../images-x/index/bg.jpg");
}

.index .logo{
    top: 4rem;
    left: 2rem;
    width: 14.6rem;
    height: 3.4rem;
}

.index .icebox{
    display: inline-block;
    margin-top: 4rem;
}

.index .title{
    top: 10rem;
}

.index .button{
    bottom: 20rem;
}

.index .front{
    background-image: url("../images-x/index/front.png");
}

.index .mask{
    background-image: url("../images-x/index/mask.png");
}

.fullView .skating{
    top: 5rem;
}

.fullView .hockey{
    top: 9rem;
}

.oiling .button{
    background-image: url("../images-x/oiling/button.png");
}

.oiling .refueller{
    background-image: url("../images-x/oiling/refueller.png");
    background-size: 100% 100%;
}

.oiling .refueller .video{
    margin-top: 29rem;
    width: 28.5rem;
    height: 16.8rem;
    padding-left: 0.5rem;
}

.oiling .refueller .video .pause{
    background-size: 6rem 6rem;
}

.share{
    background-image: url("../images-x/share/bg.jpg");
}

.share .title{
    margin-top: 15rem;
}