<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Reset */
.icw img.img-king { width: 100%; max-width: 1000px; margin: 0 auto;}
.icw img.img-txt { width: 100%; max-width: 367px; margin: 0 auto; margin-left: 6%;}

.splash-page .btn-img { display: inline-block; vertical-align: top; line-height: 1;}

.splash-page .btn-img img { display: block; width: 164px; cursor: pointer;}

/* Splash */
#page.splash-page { width: 100%; height: 100%; min-height: 100vh; text-align: center;
    background-image: url(../img/king-birthday2024/frame.png),  url(../img/king-birthday2024/bg.jpg);
    background-repeat: no-repeat; background-position: center,center bottom; background-size: 100% 100%, cover;
}

.splash-wrap { display: table; table-layout: fixed; width: 100%; height: 100%; height: 100vh; min-height: 100vh;}
.splash-wrap .splash-inner { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 10px 0 30px;}
.splash-page .splash-heading { line-height: 1;}
.splash-page .splash-heading .br { display: block;}
.splash-page .action-bottom { margin-top: 20px;}
.splash-image img {display: block; margin: 0 auto;}

.btn-row { position: relative; margin: -5px -15px; font-size: 0; display: flex; flex-direction: row; justify-content: center;}
.btn-row .btn-col { display: inline-block; vertical-align: top; padding: 5px 15px; max-width: 50%;}
.btn-row .btn-col .btn { margin: 0;}
.btn-click { width: 191px; height: 47px; background-repeat: no-repeat; background-position: center; background-size: contain;
    -webkit-transition: color ease-in-out .2s;
    -o-transition: color ease-in-out .2s;
    transition: color ease-in-out .2s;
}

.btn-click.th { background-image: url('../img/king-birthday2024/TH-TH.png');}
.btn-click.en { background-image: url('../img/king-birthday2024/TH-EN.png');}

.btn-click.th2 { background-image: url('../img/king-birthday2024/EN-TH.png');}
.btn-click.en2 {background-image: url('../img/king-birthday2024/EN-EN.png');}

.pd-lr {padding: 0;}
/*.container-md {max-width: 942px;}*/

.container-xs, .container-sm, .container-md {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 10% !important;
}

@media screen and (max-width:1024px) {
    #page.splash-page {
        background-image: url(../img/king-birthday2024/ipad-frame.png),  url(../img/king-birthday2024/ipad-bg.jpg);
        background-repeat: no-repeat; background-position: center, center bottom; background-size: 100% 100%, cover;
    }

    .splash-body .tb,
    .splash-body .tbcell { display: block;}

    .icw img.img-king {position: relative; right: 0;}
    .icw img.img-txt{margin-top: -30px;}
    .container-md {margin-left: auto !important;}
    .container-xs, .container-sm, .container-md {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px !important;
}
}

@media screen and (max-width:767px) {
    #page.splash-page {
        background-image: url(../img/king-birthday2024/mb-frame.png),  url(../img/king-birthday2024/mb-bg.jpg);
        background-repeat: no-repeat; background-position: center, center bottom; background-size: 100% 100%, cover;
    }

    .splash-page .btn {min-width: 150px;}

    .btn-row { margin-left: -5px;margin-right: -5px; flex-direction: column;}
    .btn-row .btn-col { padding-left: 5px; padding-right: 5px;}

    .splash-wrap .splash-inner {padding: 20px 0 20px;}
    .splash-body .tb,
    .splash-body .tbcell {display: block;}

    .icw img.img-txt {margin: 0 auto;}
    .icw img.img-king { max-width: 248px; position: relative; right: 0;}
    .icw img.img-txt { max-width: 256px;}

    .btn-row .btn-col {display: block;max-width: none;}
    .btn-click {width: 160px;}

    .splash-page .action-bottom {margin-top: 10px;}
    .container-md {margin-left: auto !important;}

}

@media screen and (min-width:1024px) {
    .btn-click.th:hover {background-image: url('../img/king-birthday2024/EN-TH.png');}
    .btn-click.en:hover {background-image: url('../img/king-birthday2024/EN-EN.png');}
    .btn-click.th2:hover {background-image: url('../img/king-birthday2024/TH-EN.png');}
    .btn-click.en2:hover {background-image: url('../img/king-birthday2024/TH-TH.png');}
    .icw img.img-king { width: 100%;}

}

@media screen and (min-width:768px) and (max-width:1012px){
    .icw img.img-king { width: 55%;}
    .icw img.img-txt {max-width: 515px;}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .pd-img {padding-bottom: 50px;}
    .pd-text{padding-bottom: 30px;}
}

@media screen and (min-width: 321px) and (max-width: 414px) {
    .icw img.img-king {max-width: 310px;}
}

@media screen and (max-width: 321px) {
    .icw img.img-king {max-width: 270px;}
}</pre></body></html>