.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 3.5%;
    left: 10.15%;
    width: 79.7%;
    -webkit-mask: url("../images/item18-1.png") no-repeat center center;
    mask: url("../images/item18-1.png") no-repeat center center;
    mask: url("../images/item18-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-2 {
    top: 18%;
    left: 14.7%;
    width: 85.2%;
}
.offer01-3 {
    top: 49%;
    right: 0%;
    width: 65.3%;
}
.offer01-4 {
    top: 75.5%;
    left: 2.3%;
    width: 95.4%;
    z-index: 1;
    -webkit-mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-5 {
    top: 74%;
    left: 1%;
    width: 98%;
}
.offer01-6 {
    top: 75.5%;
    left: 2%;
    width: 98%;
}
.offer02-2 {
    top: 18.5%;
    left: 0%;
    width: 100%;
}
.offer03-1 {
    top: 3.5%;
    left: 10.15%;
    width: 76.8%;
    -webkit-mask: url("../images/item20-1.png") no-repeat center center;
    mask: url("../images/item20-1.png") no-repeat center center;
    mask: url("../images/item20-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 35%;
    left: 7%;
    width: 49.9%;
}
.offer03-4 {
    top: 69.5%;
    left: 2.3%;
    width: 95.4%;
    z-index: 1;
    -webkit-mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-5 {
    top: 69%;
    left: 1%;
    width: 98%;
}
.offer03-6 {
    top: 69.5%;
    left: 2%;
    width: 98%;
}
.offer05-1 {
    top: 2.8%;
    left: 10.15%;
    width: 76.8%;
    -webkit-mask: url("../images/item21-1.png") no-repeat center center;
    mask: url("../images/item21-1.png") no-repeat center center;
    mask: url("../images/item21-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-4 {
    top: 65.5%;
    left: 2.3%;
    width: 95.4%;
    z-index: 1;
    -webkit-mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.png") no-repeat center center;
    mask: url("../images/btn01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-5 {
    top: 65%;
    left: 1%;
    width: 98%;
}
.offer05-6 {
    top: 65.5%;
    left: 2%;
    width: 98%;
}
.offer06-1 {
    top: 24.5%;
    left: 11.15%;
    width: 76.8%;
    height: 10%;
}