/* === === === Background Image === === === === === === === === === */

.COVER-BACKGROUND.OFFICIAL-FOLDER {
    background-image: url(../../official/background.jpg);
    background-attachment: inherit;
}

.MASH-BLOCK .BG-COVER.OFFICIAL-FOLDER {
    background-image: url(../../official/cover.jpg);
}

/* === === === Loading Block === === === === === === === === === */

.LOADING {
    top: 0;
    left: 0;

    z-index: 9;
    position: fixed;

    background-image: url(../../official/load.jpg);
}

.LOADING div {
    width: 100vw;
    height: 100vh;

    padding: 24px;

    color: white;
    background-color: rgba(0, 0, 0, .35);
}

.LOADING p {
    margin: 0;
    padding-top: 9px;

    padding-left: 4.5px;
    letter-spacing: 4.5px;

    font-size: 30px;
    font-weight: 700;
}

.LOADING i {
    display: block;
    font-size: 111px;
}

@media screen and (max-width: 500px) {
    .COVER-BACKGROUND.OFFICIAL-FOLDER {
        background-image: url(../../official/background.webp);
    }

    .LOADING {
        background-image: url(../../official/load.webp);
    }
}









/* === === === === === === === === === ... ... ... === === === */

LINE-BUTTON-PT.S-BOTTOM.ONE {
    right: 60px;
}
LINE-BUTTON-PT.S-BOTTOM.TWO {
    right: 111px;
}
LINE-BUTTON-PT.S-BOTTOM.THR {
    right: 162px;
}

.FOOTER-MENU.BLACK-BACKGROUND a.LINK-BUTTON.COLOR2 radius.BACKGROUND-81D8D0 {
    background-color: #81d8d0;
}

span.RIGHT-TEXT {
    display: block;
    text-align: right;
}

#LINE .middle.max p,
#WECHAT .middle.max p,
#WHATSAPP .middle.max p {
    font-size: 21px;
}

.POSITION-SCROLL a.TEXT-CENTER {
    width: 100%;
    height: auto;

    display: block;
    vertical-align: inherit;

    border: 0;

    padding-left: 0;
    letter-spacing: 0;

    padding-bottom: 12px;

    color: white;

    font-size: 21px;
}
.POSITION-SCROLL a.HOVER-CLOSE {
    padding-left: 0;
    letter-spacing: 0;
}

.POSITION-SCROLL a.TEXT-CENTER:hover,
.POSITION-SCROLL a.HOVER-CLOSE:hover {
    background-color: transparent;
}

.POSITION-SCROLL a.TEXT-CENTER:hover {
    color: white;
}

/* === === === === === === === === === ... ... ... === === === */

.DIRECTION {
    padding-top: 12px;
}

.DIRECTION > div {
    display: inline-block;
    padding: 0; 9px;

    color: black;
    background-color: white;

    border: 1px solid #ccc;
    border-radius: 6px;
}

.DIRECTION .WIDTH-90,
.DIRECTION .WIDTH-90 img {
    width: 90px;
}

.DIRECTION .WIDTH-90 img {
    display: block;

    padding: 3px;

    border-right: 1px solid #ccc;
    border-radius: 6px;

    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.DIRECTION .WIDTH-AUTO {
    width: auto;
}
.DIRECTION .WIDTH-AUTO p {
    padding-left: 12px;
    padding-right: 12px;
}

/* === === === === === === === === === ... ... ... === === === */

middle.icon42,
middle.auto42 {
    height: 42px;
}

middle.icon42 {
    width: 42px;
    border-radius: 42px;

    color: white;
    background-color: black;

    text-align-last: center; 
}

middle.auto42 {
    padding-left: 6px;
}

/* === === === === === === === === === ... ... ... === === === */

.INFINITE20231222-1,
.INFINITE20231222-2 {
    animation-name: bounceIn;
    -webkit-animation-name: bounceIn;

    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.INFINITE20231222-1 {
    animation-duration: 3.15s;
    -webkit-animation-duration: 3.15s;
}
.INFINITE20231222-2 {
    animation-duration: 4.85s;
    -webkit-animation-duration: 4.85s;
}

/* === === === === === === === === === ... ... ... === === === */