/* homepage.asp - externalized inline CSS + moved <style> block (CSP: remove style-src unsafe-inline) */

/* ===== moved from <style> block(s) in homepage.asp, verbatim ===== */

    .popup-img {
        width: 100%;
        padding: 20px;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .popup-img.left {
        padding-bottom: 0;
    }
    
    .popup-img.right {
        padding-left: 0;
    }

    .banner--3 {
        display: block;
        width: 100%;
        opacity: 0;
    }

    .size-custom {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    @media (max-width: 767px) {
        .size-custom {
            width: 70%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: auto;
        }
        .popup-img.right {
            padding-left: 20px;
            padding-top: 0;
        }
    }

    @media (max-width: 575px) {
        .size-custom {
            width: 100%;
            margin: auto;
        }
        .popup-img {
            width: 100%;
            padding: 15px;
            padding-top: 50px;
            padding-bottom: 10px;
        }
    }

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 900px;
            margin: 1.75rem auto;
        }

    }


/* ===== externalized inline style= attributes (one class per byte-identical decl) ===== */
.rslides li.homepage-s1 { float: none; position: absolute; opacity: 0; z-index: 1; display: list-item; transition: opacity 500ms ease-in-out 0s; }
.homepage-s2 { height: 572px; background: #ffffff; }
.homepage-s3 { width: auto; }
.cd-gallery li.homepage-s4 { display: inline-block; }
.homepage-s5 { padding: 1% 0; }
.homepage-s6 { margin-top: 20px; }
.homepage-s7 { padding-bottom: 15px; }
.homepage-s8 { margin-right: 10px; position: relative; top: 4px; }

/* ===== inline style= ที่ย้ายมาเป็น class (เลี่ยง style-src unsafe-inline) — popup dividend modal ===== */
.modal-promotions .modal-dialog.popup-modal-520 {
    max-width: 520px;
}
.modal-promotions .dismiss-modal {
    position: absolute;
    right: 20px;
    top: -10px;
    font-size: 60px;
    z-index: 99;
    cursor: pointer;
}

/* externalized inline style attributes (CSP: no style-src unsafe-inline) */
.hp-pad-row { padding: 1% 0; }
.hp-inline { display: inline-block; }
.hp-w-auto { width: auto; }
.hp-w-full-pointer { width: 100%; cursor: pointer; }
.hp-title-35 { font-size: 35px; color: #fff; }