/* ปกติ */
html,
body,
* {
    cursor: url("../img/cursor.png") 0 0, auto;
}

/* Hover */
a:hover,
button:hover,
img:hover,
input:hover,
select:hover,
textarea:hover,
[role="button"]:hover,
.news-card:hover,
.news-tab:hover {
    cursor: url("../img/cursor2.png") 0 0, pointer !important;
}

/* Click */
body.cursor-click * {
    cursor: url("../img/cursor2.png") 0 0, pointer !important;
}

body.custom {
    --footer-top: 2914px;
    --footer-height: 320px;

    position: relative;
    min-height: 100vh;
    overflow-x: hidden;

    background:
        url("../img/bg_main.png") top center / 100% auto no-repeat,
        #ffffff;
}

.site-footer {
    position: absolute;
    left: 0;
    top: var(--footer-top, 2914px);

    width: 100%;
    height: var(--footer-height, 120px);
    z-index: -1;

    background: url("../img/bg_footer.png") top center / 100% auto no-repeat;
    pointer-events: none;
}

.page-bottom-space {
    height: 0;
}

/* LOGO */
.logo-box {
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);

    width: fit-content;
    text-align: center;
}

.main-logo {
    width: 500px;
    max-width: 100%;

    animation: zoomLogo 4s ease-in-out infinite;
}

@keyframes zoomLogo {
    0% {
        transform: scale(1.45);
    }

    50% {
        transform: scale(1.55);
    }

    100% {
        transform: scale(1.45);
    }
}