#slider1 {
    width: 100%;
    height: 615px;
    overflow: hidden;
    padding: 3rem 0;
    background-image: linear-gradient(180deg, #fffefc, #fffaf1 30%, #fff0d1 52%, #fff5e2 78%, #fff9ee);
}

#slider1 .sp-thumbnails {
    padding-top: 2rem;
}

#slider1 .tintai-loading {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    #slider1 {
        height: 525px;
    }

    #slider1 .sp-slide {
        width: 400px !important;
        height: 400px !important;
    }

    #slider1 .sp-horizontal {
        width: 100% !important;
        height: 400px !important;
    }

    #slider1 .sp-image {
        width: 100% !important;
        height: 400px !important;
    }

    #slider1 .sp-mask,
    #slider1 .sp-image-container {
        height: 400px !important;
    }
}

@media screen and (max-width:425px) {
    #slider1 {
        height: 404px;
    }

    #slider1 .sp-slide {
        width: 280px !important;
        height: 280px !important;
    }

    #slider1 .sp-horizontal {
        width: 100% !important;
        height: 280px !important;
    }

    #slider1 .sp-image {
        width: 100% !important;
        height: 280px !important;
    }

    #slider1 .sp-mask,
    #slider1 .sp-image-container {
        height: 280px !important;
    }
}