@font-face{font-family:plex;src:url(../media/IBMPlexSansThai_Regular-s.p.27hc3u54538xa.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:plex;src:url(../media/IBMPlexSansThai_Medium-s.p.3gkp-uc447wtq.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:plex;src:url(../media/IBMPlexSansThai_SemiBold-s.p.41p_9djhbg6-c.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:plex;src:url(../media/IBMPlexSansThai_Bold-s.p.2dt-1js7zpllz.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:plex Fallback;src:local(Arial);ascent-override:110.35%;descent-override:52.8%;line-gap-override:0.0%;size-adjust:101.13%}.UfgSSa_className{font-family:plex,plex Fallback}.UfgSSa_variable{--font-plex:"plex", "plex Fallback"}
:root{--nmg-white:#fff;--nmg-blue:#2080ff;--nmg-navy:#003c55;--nmg-gray:#8088a1;--nmg-black:#000;--blue-50:#eaf3ff;--blue-100:#d2e5ff;--blue-200:#a5cbff;--blue-300:#6ba8ff;--blue-400:#2080ff;--blue-500:#1a6fe6;--blue-600:#1259c4;--blue-700:#0e459b;--blue-800:#0b3578;--blue-900:#08285c;--navy-50:#e6eef2;--navy-100:#c2d4dd;--navy-300:#4d7689;--navy-500:#015875;--navy-600:#004b65;--navy-700:#003c55;--navy-800:#002d40;--navy-900:#001d2b;--gray-50:#f5f6f9;--gray-100:#eceef3;--gray-200:#dce0e9;--gray-300:#c4cad8;--gray-400:#a3abc0;--gray-500:#8088a1;--gray-600:#656d85;--gray-700:#4c5368;--gray-800:#353a49;--gray-900:#1c1f29;--black:#000;--white:#fff;--success:#1e9e63;--warning:#e6a417;--danger:#e0483d;--info:var(--blue-400);--surface-page:var(--white);--surface-muted:var(--gray-50);--surface-card:var(--white);--surface-inverse:var(--navy-900);--surface-brand:var(--blue-400);--text-strong:var(--gray-900);--text-body:var(--gray-800);--text-muted:var(--gray-600);--text-subtle:var(--gray-500);--text-on-brand:var(--white);--text-on-dark:var(--white);--text-link:var(--blue-500);--text-accent:var(--blue-400);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-brand:var(--blue-400);--focus-ring:var(--blue-300);--glow-blue:#2080ff8c;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-circle:50%;--border-w:1px;--border-w-strong:2px;--shadow-xs:0 1px 2px #001d2b0f;--shadow-sm:0 2px 6px #001d2b14;--shadow-md:0 6px 18px #001d2b1a;--shadow-lg:0 16px 40px #001d2b24;--shadow-focus:0 0 0 3px #2080ff59;--glow-sm:0 0 24px #2080ff59;--glow-lg:0 0 80px #2080ff73;--ease-standard:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1200px;--container-narrow:760px;--gutter:var(--space-6);--font-sans:var(--font-plex), "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-body:var(--font-sans);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-display-2xl:4.5rem;--fs-display-xl:3.5rem;--fs-display-lg:2.75rem;--fs-h1:2.25rem;--fs-h2:1.75rem;--fs-h3:1.375rem;--fs-h4:1.125rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-body-sm:.875rem;--fs-caption:.75rem;--fs-overline:.6875rem;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tighter:-.02em;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-overline:.14em}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-brand:var(--nmg-navy);--text-warning:#805500;--text-subtle:#656d85;--text-accent:#1259c4}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#111d2a;--surface-muted:#0b1420;--surface-card:#152231;--surface-inverse:#07111c;--text-strong:#eef4fa;--text-body:#d0dce9;--text-muted:#a9b9cb;--text-subtle:#97a9bf;--text-link:#83baff;--text-accent:#83baff;--text-brand:#a5cbff;--text-warning:#f0c56a;--border-subtle:#2b3b4f;--border-default:#40536a;--border-strong:#6b819b;--focus-ring:#83baff;--gray-50:#1a293b;--gray-100:#233348;--gray-200:#2b3b4f;--gray-300:#40536a;--blue-50:#192f4c;--blue-100:#25446a;--navy-50:#1b3041;--navy-100:#2b4b61;--success:#54ce98;--warning:#efbd57;--danger:#ff8a80;--shadow-xs:0 1px 2px #030a1433;--shadow-sm:0 2px 6px #030a143d;--shadow-md:0 6px 18px #030a1447;--shadow-lg:0 16px 40px #030a145c}.theme-toggle,.icon-button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);width:44px;height:44px;color:var(--text-body);font:inherit;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover,.icon-button:hover{background:var(--surface-muted);border-color:var(--border-strong)}.theme-toggle:active,.icon-button:active{background:var(--blue-50)}.theme-toggle:focus-visible,.icon-button:focus-visible,.brand:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.icon-button:disabled{cursor:progress;opacity:.6}.theme-toggle .theme-moon,:root[data-theme=dark] .theme-toggle .theme-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-moon{display:block}input,select,textarea{color-scheme:inherit;background-color:var(--surface-card);color:var(--text-body)}option,optgroup{background-color:var(--surface-card);color:var(--text-body)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}@media (prefers-reduced-motion:reduce){.theme-toggle,.icon-button{transition:none}}
:root{--facebook:var(--blue-400);--instagram:var(--blue-700);--tiktok:var(--navy-700)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface-muted);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body-sm);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:inherit}.topbar{z-index:10;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-10);border-bottom:var(--border-w) solid var(--border-subtle);background:var(--surface-page);min-height:76px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);color:var(--text-strong);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);flex-shrink:0;text-decoration:none;display:flex}.brand img{width:auto;height:40px;display:block}.brand .brand-dark,:root[data-theme=dark] .brand .brand-light{display:none}:root[data-theme=dark] .brand .brand-dark{display:block}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}.usermenu{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.usermenu form{margin:0}.usermenu-name{border-radius:var(--radius-pill);background:var(--blue-50);width:36px;height:36px;color:var(--text-link);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;cursor:default;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.usermenu-admin{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);border:var(--border-w) solid var(--blue-400);color:var(--text-link);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);text-decoration:none;display:inline-flex}.usermenu-admin:hover{background:var(--blue-400);color:#fff}.usermenu-admin:focus-visible{box-shadow:var(--shadow-focus);outline:none}.badge{font-size:var(--fs-caption);font-weight:var(--fw-medium);padding:2px var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--text-warning)}.main{max-width:1480px;padding:var(--space-8) var(--space-8) var(--space-20);margin:0 auto}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tighter);color:var(--text-strong);margin:0 0 var(--space-1)}h2{font-size:var(--fs-h4);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);color:var(--text-strong);margin:0 0 var(--space-4)}.overline{font-size:var(--fs-overline);font-weight:var(--fw-semibold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-2);display:block}.sub{color:var(--text-muted);margin:0 0 var(--space-6)}.panel{background:var(--surface-card);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-6)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}@media (max-width:640px){.main{padding:var(--space-6) var(--space-4) var(--space-12)}.topbar{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.brand img{width:210px;height:auto}.topbar-actions{gap:var(--space-2)}.usermenu{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.usermenu .badge,.usermenu-name{display:none}h1{font-size:var(--fs-h2)}.panel{padding:var(--space-4)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.MO3ppW_trigger{z-index:50;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--blue-500);color:#fff;font:inherit;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);border:0;display:inline-flex;position:fixed;inset-block-end:20px;inset-inline-end:20px;box-shadow:0 8px 24px #001d2b47}.MO3ppW_trigger:hover{transform:scale(1.05);box-shadow:0 12px 28px #001d2b57}.MO3ppW_trigger:active{transform:scale(.96)}.MO3ppW_trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_triggerIcon{transition:transform var(--dur-fast) var(--ease-standard);display:inline-flex}.MO3ppW_trigger:hover .MO3ppW_triggerIcon{transform:rotate(12deg)}.MO3ppW_panel{z-index:50;max-block-size:calc(100vh - 40px);inline-size:min(384px,100vw - 40px);padding:var(--space-5);border-radius:var(--radius-lg);border:var(--border-w) solid var(--border-default);background:var(--surface-card);color:var(--text-body);animation:MO3ppW_rise var(--dur-base) var(--ease-standard);position:fixed;inset-block-end:20px;inset-inline-end:20px;overflow:auto;box-shadow:0 24px 48px #00000047}@keyframes MO3ppW_rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.MO3ppW_head{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:var(--border-w) solid var(--border-subtle);display:flex}.MO3ppW_head h2{font-size:var(--fs-body-sm);font-weight:var(--fw-bold);color:var(--text-strong);flex:1;margin:0}.MO3ppW_headIcon{border-radius:var(--radius-md);background:var(--blue-50);block-size:28px;inline-size:28px;color:var(--text-link);justify-content:center;align-items:center;display:inline-flex}.MO3ppW_close{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.MO3ppW_close:hover{background:var(--surface-muted);color:var(--text-strong)}.MO3ppW_close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_form{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.MO3ppW_label{margin-bottom:var(--space-1);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-muted);display:block}.MO3ppW_required{color:var(--danger)}.MO3ppW_categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.MO3ppW_category,.MO3ppW_categoryOn{align-items:center;gap:var(--space-2);padding:var(--space-2) 10px;border-radius:var(--radius-md);font:inherit;font-size:var(--fs-caption);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);display:flex}.MO3ppW_category{border:var(--border-w) solid var(--border-subtle);background:var(--surface-muted);color:var(--text-body)}.MO3ppW_category:hover{border-color:var(--border-default)}.MO3ppW_categoryOn{border:var(--border-w) solid var(--blue-400);background:var(--blue-50);color:var(--text-link);font-weight:var(--fw-semibold)}.MO3ppW_category:focus-visible,.MO3ppW_categoryOn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_stars{gap:2px;display:flex}.MO3ppW_star,.MO3ppW_starOn{padding:var(--space-1);cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard);background:0 0;border:0;display:inline-flex}.MO3ppW_star:hover,.MO3ppW_starOn:hover{transform:scale(1.12)}.MO3ppW_star path{fill:none;stroke:var(--gray-300);stroke-width:1.6px}.MO3ppW_star:hover path{stroke:var(--warning)}.MO3ppW_starOn path{fill:var(--warning);stroke:var(--warning);stroke-width:1.6px}.MO3ppW_star:focus-visible,.MO3ppW_starOn:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.MO3ppW_field textarea,.MO3ppW_field input{inline-size:100%;font:inherit;font-size:var(--fs-body-sm);padding:var(--space-2) 10px;color:var(--text-body);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-muted);resize:vertical}.MO3ppW_field textarea:focus,.MO3ppW_field input:focus{border-color:var(--blue-400);box-shadow:var(--shadow-focus);outline:none}.MO3ppW_images{flex-wrap:wrap;gap:6px;display:flex}.MO3ppW_thumb{border-radius:var(--radius-md);border:var(--border-w) solid var(--border-subtle);block-size:64px;inline-size:64px;position:relative;overflow:hidden}.MO3ppW_thumb img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.MO3ppW_thumbRemove{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;padding:2px;display:inline-flex;position:absolute;inset-block-start:2px;inset-inline-end:2px}.MO3ppW_thumbRemove svg{block-size:12px;inline-size:12px}.MO3ppW_thumbRemove:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_attach{border:var(--border-w) dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-muted);block-size:64px;inline-size:64px;color:var(--text-muted);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:inline-flex}.MO3ppW_attach:hover{border-color:var(--blue-400);color:var(--text-link)}.MO3ppW_attach:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_hint{margin:var(--space-1) 0 0;color:var(--text-subtle);font-size:11px}.MO3ppW_error{border-radius:var(--radius-md);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);font-size:var(--fs-caption);margin:0;padding:10px}.MO3ppW_submit{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--blue-500);color:#fff;inline-size:100%;font:inherit;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);cursor:pointer;border:0;padding:10px;display:inline-flex}.MO3ppW_submit:hover:not(:disabled){filter:brightness(.94)}.MO3ppW_submit:disabled{opacity:.5;cursor:not-allowed}.MO3ppW_submit:focus-visible{box-shadow:var(--shadow-focus);outline:none}.MO3ppW_spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;block-size:14px;inline-size:14px;animation:.8s linear infinite MO3ppW_spin}@keyframes MO3ppW_spin{to{transform:rotate(360deg)}}.MO3ppW_privacy{color:var(--text-subtle);margin:0;font-size:11px;line-height:1.5}.MO3ppW_sent{align-items:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);text-align:center;flex-direction:column;display:flex}.MO3ppW_sent strong{color:var(--text-strong)}.MO3ppW_sent p{margin:0 0 var(--space-3);font-size:var(--fs-caption);color:var(--text-muted)}.MO3ppW_sentIcon{color:var(--success)}.MO3ppW_sentIcon svg{block-size:48px;inline-size:48px}@media (max-width:640px){.MO3ppW_triggerText{display:none}}@media (prefers-reduced-motion:reduce){.MO3ppW_trigger,.MO3ppW_triggerIcon,.MO3ppW_panel,.MO3ppW_star,.MO3ppW_starOn{transition:none;animation:none}.MO3ppW_trigger:hover{transform:none}}@media print{.MO3ppW_trigger,.MO3ppW_panel{display:none}}