body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

div {
    box-sizing: border-box;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

.pr {
    position: relative;
    margin-top: -1px;
}

.o-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 90px;
}

.t-btn {
    position: absolute;
    left: 0;
    top: 190px;
    width: 100%;
    padding: 0 10px;
}

.th-btn {
    position: absolute;
    left: 0;
    bottom: 52px;
    padding: 0 10px;
}


@media only screen and (max-width: 430px) {
    .t-btn {
        top: 200px;
    }
    .th-btn{
        bottom: 62px;
    }
}

@media only screen and (max-width: 415px) {
    .t-btn {
        top: 190px;
    }
    .th-btn{
        bottom: 60px;
    }
}

@media only screen and (max-width: 390px) {
    .t-btn {
        top: 184px;
    }
    .th-btn{
        bottom: 56px;
    }
}

@media only screen and (max-width: 376px) {
    .o-btn {
        top: 6px;
        right: 4px;
    }
    .t-btn {
        top: 172px;
    }
    .th-btn{
        bottom: 52px;
    }
}

.btn-active, .btn-active1 {
    transition: all 0.3s;
}
.btn-active1:active {
    transform: scale(1.1);
}
.btn-active:active {
    transform: scale(1.05);
}