@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai&family=Roboto:wght@300&display=swap);:root{--data-color-primary:#142f54;--data-color-secondary:#fe6e00;--data-color-tertiairy:#0093cd;--data-color-white:#fff;--data-color-black:#000;--data-color-grey:#e1e4e8;--background-primary:#fff;--background-blocks:#fff;--background-blocks-secondary:#eaeff2;--background-blocks-accommodations:#f4f5f7;--background-disabled:#e1e4e8;--background-tags:#1b9dec;--background-success:#acffab;--background-error:#ffd8da;--button:#142f54;--button-hover:#0093cd;--text-primary:#222;--text-secondary:#4e4e4e;--text-disabled:#777;--text-inactive:hsla(0,0%,62%,0.6509803921568628);--text-link:#0074cc;--text-hover:#fff;--text-success:green;--text-error:red;--shadow-color:#a1a3a5;--border-color:#c4c7c9;--font-size:16px;--font-size-h1:2em;--font-size-h2:1.5em;--font-size-h3:1.17em;--font-size-h4:1em;--font-size-h5:.83em;--font-size-h6:.67em;--margin:40px}@media screen and (max-width:630px){:root{--margin:20px}}html,html body{width:100%;height:100%}html body{font-family:interstate,sans-serif;font-size:var(--font-size);color:var(--text-primary);font-weight:300;background:var(--data-color-white);display:flex;flex-wrap:wrap;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100%;margin:0;text-align:center;align-items:center}html body .content{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr}html body .content .content-container{grid-column:2/3;display:grid;grid-gap:10px;border:1px solid var(--border-color);background-color:var(--data-color-white);padding:10px}html body .content .content-container h1,html body .content .content-container h2,html body .content .content-container h3{margin:unset}html body .content .content-container .logo{justify-content:center;display:flex;flex-wrap:wrap}html body .content .content-container .logo a{width:-webkit-max-content;width:-moz-max-content;width:max-content}html body .content .content-container .logo a img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}html body .content .content-container .search-box{justify-content:center;display:grid;grid-template-columns:1fr 2fr 1fr}html body .content .content-container .search-box form{grid-column:2/3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;grid-gap:10px}html body .content .content-container .search-box form label{grid-column:1/3;text-align:start}html body .content .content-container .search-box form .search-submit{width:100%!important}html body .content .content-container .button{font-size:15px;font-weight:700;padding:10px 5px;text-align:center;background:var(--data-color-primary);color:var(--data-color-white);cursor:pointer;border:1px solid var(--border-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;width:100%;width:calc(100% - 12px);width:-ms-calc(100% - 12px);width:-o-calc(100% - 12px)}html body .content .content-container .button:hover{background:var(--button-hover);color:var(--text-hover)}html body .content .content-container .button-container{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(8,1fr);grid-template-rows:auto;grid-gap:10px}html body .content .content-container .button-container :first-child{grid-column:4/6}html body .content .content-container .button-container a{text-decoration:none}html body .content .content-container .button-container a:nth-child(2){grid-column:3/4}