html body #otp{--ot-tc-noimport:1}
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&display=swap');
html{overflow-x:clip}
#otp{--red:#b3141f;--ink:#0a0a0a;--txt:#2f2f35;--mut:#71717a;--line:#dcdce1;--soft:#f1f1f3;--up:#15803d;--ff:Anuphan,"Noto Sans Thai",system-ui,-apple-system,sans-serif;
width:100%;max-width:1110px;margin:0 auto;color:var(--txt);font-family:var(--ff);font-size:16.5px;line-height:1.8;-webkit-font-smoothing:antialiased}
@media(max-width:1142px){#otp{padding:0 16px}}
#otp *{box-sizing:border-box}
#otp h1,#otp h2,#otp h3,#otp p,#otp a,#otp button,#otp input,#otp select,#otp summary{font-family:var(--ff)}
#otp h1,#otp h2,#otp h3{color:var(--ink);letter-spacing:-.01em;text-transform:none;margin:0}
#otp h2:before,#otp h2:after,#otp h3:before,#otp h3:after{display:none}
#otp p{margin:0 0 12px}
#otp a{color:var(--red)}
#otp .p-hero br,#otp .tc-tabs br,#otp .tool br,#otp .jump br,#otp .rw br{display:none}
/* ---------- Hero ---------- */
#otp .p-hero{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);padding:34px max(20px,calc(50vw - 555px)) 40px;background:#0a0a0a;color:#a1a1aa;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:26px 48px;align-items:center}
#otp .tc-deco{position:absolute;right:-30px;top:-120px;font-size:420px;line-height:1;font-weight:700;color:#141414;pointer-events:none;user-select:none;transition:transform .25s ease-out;z-index:0}
#otp .p-hero>*{position:relative;z-index:1}
#otp .p-hero>.tc-deco{position:absolute;z-index:0}
#otp .tc-bc{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;line-height:1.5;color:#71717a;margin:0 0 -8px}
#otp .tc-bc a{color:#a1a1aa;text-decoration:none}#otp .tc-bc a:hover{color:#fff}
#otp .tc-hl small{display:block;color:#f87171;font-size:13px;font-weight:700;letter-spacing:.12em}
#otp .tc-hl h1{color:#fff;font-size:42px;line-height:1.2;font-weight:700;margin:10px 0 12px}
#otp .tc-hl h1 span{color:#f87171}
#otp .tc-hl p{color:#a1a1aa;font-size:16.5px;line-height:1.75;max-width:600px;margin:0}
#otp .tc-live{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#otp .tc-live span{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#161616;border:1px solid #262626;color:#d4d4d8;font-size:13.5px;font-weight:600;line-height:1.4}
#otp .tc-live b{color:#fff;font-variant-numeric:tabular-nums}
#otp .tc-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:tcBl 1.6s infinite}
#otp .tc-live .off i{background:#71717a;box-shadow:none;animation:none}
#otp .tc-live svg{width:14px;height:14px;color:#a1a1aa}
@keyframes tcBl{50%{opacity:.35}}
#otp .jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#otp .jump a{position:relative;display:block;padding:14px 16px;border-radius:16px;background:#141414;border:1px solid #262626;color:#fff;text-decoration:none;line-height:1.35;transition:border-color .15s,transform .15s,background .15s}
#otp .jump a:hover{border-color:var(--red);background:#1a1a1a;transform:translateY(-2px)}
#otp .jump em{display:block;font-style:normal;font-size:12px;font-weight:700;color:#f87171;letter-spacing:.08em;margin-bottom:6px}
#otp .jump b{display:block;font-size:16px;font-weight:700}
#otp .jump small{display:block;font-size:13px;color:#a1a1aa;margin-top:2px}
#otp .jump svg{position:absolute;right:14px;top:14px;width:22px;height:22px;color:#52525b;transition:color .15s}
#otp .jump a:hover svg{color:#f87171}
#otp .jump a.hot{grid-column:1/-1;background:var(--red);border-color:var(--red)}
#otp .jump a.hot em{color:#fecaca}#otp .jump a.hot small{color:#fecaca}#otp .jump a.hot svg{color:#fff}
#otp .jump a.hot:hover{background:#9b111b}
#otp .tc-tabs{position:sticky;top:var(--tc-top,0px);z-index:30;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(50% - 50vw) 30px;padding:10px max(16px,calc(50vw - 555px));background:#fff;border-bottom:1px solid var(--line)}
#otp .tc-tabs::-webkit-scrollbar{display:none}
#otp .tc-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
#otp .tc-tabs a em{font-style:normal;display:inline-grid;place-items:center;min-width:26px;height:22px;border-radius:999px;background:var(--soft);color:var(--mut);font-size:12px;font-weight:700}
#otp .tc-tabs a:hover{border-color:var(--ink)}
#otp .tc-tabs a.on{background:var(--ink);border-color:var(--ink);color:#fff}
#otp .tc-tabs a.on em{background:var(--red);color:#fff}
#otp .tool{display:grid;grid-template-columns:minmax(0,1fr) 360px;border:1px solid var(--line);border-radius:22px;background:#fff;margin:0 0 28px;overflow:hidden;scroll-margin-top:var(--tc-off,130px);transition:border-color .2s}
#otp .tool:hover{border-color:#c4c4cc}
#otp .tl{padding:24px 26px 20px;min-width:0}
#otp .th{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px}
#otp .no{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;font-size:15px;font-weight:700;line-height:1}
#otp .th h2{font-size:22px;line-height:1.4;font-weight:700;margin:0;padding:0;border:0}
#otp .th p{font-size:15px;color:var(--mut);line-height:1.65;margin:3px 0 0}
#otp .fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}
#otp .f label,#otp .lab{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 6px;line-height:1.4}
#otp .f input,#otp .f select{width:100%;font-size:16px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin:0;height:48px;box-shadow:none;transition:border-color .15s,box-shadow .15s;font-variant-numeric:tabular-nums}
#otp .f input:hover,#otp .f select:hover{border-color:#a1a1aa}
#otp .f input:focus,#otp .f select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(179,20,31,.12)}
#otp .f small{display:block;font-size:12.5px;color:var(--mut);margin-top:5px;line-height:1.5}
#otp .ex{font-size:13.5px;color:var(--mut);background:var(--soft);border-radius:12px;padding:10px 13px;margin:0;line-height:1.7}
#otp .ex b{color:var(--ink)}
#otp input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(var(--red),var(--red)) 0/var(--p,20%) 100% no-repeat,var(--soft);margin:10px 0 4px;padding:0;border:0;outline:0;cursor:pointer}
#otp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--red);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}
#otp input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--red)}
#otp input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
#otp .rk{margin:0 0 16px}
#otp .rk-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
#otp .rk-t{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 10px;line-height:1.6;transition:background .2s,color .2s}
#otp .rk-t.g{background:#ecfdf3;color:#15803d}#otp .rk-t.a{background:#fef6e7;color:#b45309}#otp .rk-t.r{background:#fdf2f2;color:var(--red)}
#otp .rk-s{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}
#otp .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
#otp .seg button{font-size:15.5px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;line-height:1.4;transition:all .15s}
#otp .seg button:hover{border-color:var(--ink)}
#otp .seg button[data-d="1"][aria-pressed="true"]{background:var(--up);border-color:var(--up);color:#fff}
#otp .seg button[data-d="-1"][aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
#otp .chips{display:flex;flex-wrap:wrap;gap:6px}
#otp .chips button{font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;height:48px;min-width:58px;cursor:pointer;transition:all .15s;font-variant-numeric:tabular-nums}
#otp .chips button:hover{border-color:var(--ink);transform:translateY(-1px)}
#otp .chips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
#otp .f select.hid{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#otp .res{position:relative;display:flex;flex-direction:column;background:#0a0a0a;color:#a1a1aa;padding:26px 26px 22px;border-left:3px solid var(--red);margin:0;border-radius:0}
#otp .res .lb{font-size:13px;font-weight:700;letter-spacing:.1em;color:#f87171}
#otp .res .big{display:block;font-size:38px;font-weight:700;color:#fff;line-height:1.2;margin:6px 0 14px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transform-origin:left center;word-break:break-word}
#otp .res.fl .big{animation:tcPop .45s ease-out}
@keyframes tcPop{0%{transform:scale(1.06);opacity:.6}100%{transform:none;opacity:1}}
#otp .res .rw{display:flex;flex-direction:column;margin-top:auto}
#otp .res .rw div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #222;padding:10px 0;font-size:14px;line-height:1.5}
#otp .res .rw b{color:#fff;font-size:16px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
#otp .res .sub{font-size:13.5px;color:#a1a1aa;margin:-8px 0 14px;line-height:1.6}
#otp .res.pos{border-left-color:#22c55e}#otp .res.pos .lb{color:#6ee7b7}
#otp .mb{margin:0 0 16px}
#otp .mb-t{height:8px;border-radius:999px;background:#222;overflow:hidden}
#otp .mb-f{height:100%;width:0;border-radius:999px;background:#22c55e;transition:width .5s cubic-bezier(.2,.8,.2,1),background .3s}
#otp .mb-f.a{background:#f59e0b}#otp .mb-f.r{background:#ef4444}
#otp .mb-x{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:#a1a1aa;margin-top:6px;line-height:1.5}
#otp .mb-x b{color:#fff}
#otp .bk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
#otp .bk button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;color:var(--ink);font-size:15px;font-weight:700;line-height:1.3;transition:all .15s}
#otp .bk button img{width:34px!important;height:34px!important;border-radius:9px;margin:0!important;transition:transform .25s}
#otp .bk button small{font-size:12.5px;font-weight:600;color:var(--mut)}
#otp .bk button:hover{border-color:var(--ink);transform:translateY(-2px)}
#otp .bk button:hover img{transform:rotate(-6deg) scale(1.06)}
#otp .bk button[aria-pressed="true"]{border:2px solid var(--red);background:#fdf2f2;padding:11px 5px 9px}
#otp .bk button[aria-pressed="true"] small{color:var(--red)}
#otp .bk button[aria-pressed="true"]:after{content:"✓";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;line-height:22px;text-align:center;animation:tcCk .3s ease-out}
@keyframes tcCk{0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:none}}
#otp .lr{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:14px;align-items:end;margin:0 0 16px}
#otp .cmp{border:1px solid var(--line);border-radius:14px;padding:12px 14px 6px;margin:0 0 14px}
#otp .cmp .lab{margin:0 0 8px}
#otp .cr{display:grid;grid-template-columns:62px minmax(0,1fr) 92px;align-items:center;gap:10px;margin:0 0 8px;font-size:14px;cursor:pointer}
#otp .cr span{font-weight:700;color:var(--ink)}
#otp .cr i{display:block;height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
#otp .cr i u{display:block;height:100%;width:0;border-radius:999px;background:#a1a1aa;transition:width .6s cubic-bezier(.2,.8,.2,1),background .2s}
#otp .cr.on i u{background:var(--red)}
#otp .cr b{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#otp .cr.on b{color:var(--red)}
#otp .cta{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
#otp .cta a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;font-size:15.5px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
#otp .cta .p{background:var(--red);color:#fff;animation:tcRing 2.4s infinite}
#otp .cta .p:hover{background:#9b111b}
#otp .cta .p .ar{transition:transform .2s}#otp .cta .p:hover .ar{transform:translateX(4px)}
#otp .cta .s{border:1px solid #3f3f46;color:#fff}
#otp .cta .s:hover{background:#fff;color:var(--ink);border-color:#fff}
@keyframes tcRing{0%{box-shadow:0 0 0 0 rgba(179,20,31,.55)}70%{box-shadow:0 0 0 10px rgba(179,20,31,0)}100%{box-shadow:0 0 0 0 rgba(179,20,31,0)}}
#otp .res .rsk{font-size:12px;color:#71717a;line-height:1.6;margin:0}
/* ---------- FAQ ---------- */
#otp #t-faq{margin:10px 0 30px;scroll-margin-top:var(--tc-off,130px)}
#otp #t-faq>.th{margin-bottom:14px}
#otp details{border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 8px;padding:0 18px;transition:border-color .15s}
#otp details:hover{border-color:#a1a1aa}
#otp details[open]{border-color:var(--ink)}
#otp details summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink);padding:14px 30px 14px 0;position:relative;font-size:16px;line-height:1.5}
#otp details summary::-webkit-details-marker{display:none}
#otp details summary:after{content:"+";position:absolute;right:0;top:11px;width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:17px;line-height:24px;text-align:center;font-weight:700;transition:transform .2s,background .2s}
#otp details[open] summary:after{content:"−";background:var(--red);color:#fff;transform:rotate(180deg)}
#otp details p{font-size:15.5px;margin:0 0 14px}
#otp .p-foot{font-size:13.5px;color:var(--mut);border-top:1px solid var(--line);padding-top:14px;line-height:1.8;margin:0 0 30px}
#otp .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#otp .rv.in{opacity:1;transform:none}
@media(max-width:1000px){#otp .p-hero{grid-template-columns:1fr}#otp .tool{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:800px){
#otp .tool{grid-template-columns:1fr}
#otp .res{border-left:0;border-top:3px solid var(--red)}
#otp .res.pos{border-top-color:#22c55e}
}
@media(max-width:600px){
#otp{font-size:16px}
#otp .p-hero{padding:24px 16px 28px;gap:20px}
#otp .tc-deco{font-size:300px;right:-40px;top:-90px}
#otp .tc-hl h1{font-size:30px}
#otp .tc-hl p{font-size:15.5px}
#otp .jump{gap:8px}
#otp .jump a{padding:12px 12px}
#otp .jump b{font-size:15px}
#otp .jump svg{width:18px;height:18px;right:10px;top:12px}
#otp .tc-tabs{margin-bottom:22px;padding:8px 16px}
#otp .tl{padding:20px 18px 18px}
#otp .th h2{font-size:19.5px}
#otp .no{width:38px;height:38px;border-radius:10px;font-size:14px}
#otp .fg{grid-template-columns:1fr 1fr;gap:12px}
#otp .res{padding:22px 18px 18px}
#otp .res .big{font-size:32px}
#otp .cr{grid-template-columns:52px minmax(0,1fr) 84px;font-size:13.5px}
#otp .lr{grid-template-columns:minmax(0,1fr) 92px}
}
@media(max-width:400px){#otp .fg{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#otp *{animation:none!important;transition:none!important}#otp .rv{opacity:1;transform:none}}
html{overflow-x:visible!important}
html body #otp{--ln:#e4e4e7;--bd:#f6f6f8;--tx:#2f2f35;--mu:#52525b;--mut:#5f5f68}
html body #otp .p-hero{margin:0!important;padding:56px 0!important;box-shadow:0 0 0 100vmax #0a0a0a;clip-path:inset(0 -100vmax)}
html body #otp .tc-bc{display:none!important}
html body #otp .tc-hl h1 span{white-space:nowrap}
html body #otp .tc-tabs{top:var(--tc-top2,var(--tc-top,0px))!important}
html body #otp .tool,html body #otp #t-faq,html body #otp #t-tbl{scroll-margin-top:var(--tc-off2,var(--tc-off,130px))!important}
html body #otp .tc-tabs{margin:0 0 32px!important;padding:10px 0!important;border-bottom:0!important;box-shadow:0 0 0 100vmax #fff,0 1px 0 100vmax var(--ln);clip-path:inset(0 -100vmax -1px)}
html body #otp .res{background:var(--bd);color:var(--mu);border-left:3px solid #b3141f}
html body #otp .res .lb{color:#b3141f}
html body #otp .res .big{color:var(--ink)!important;font-weight:600}
html body #otp #p-res.pos .big{color:#15803d!important}
html body #otp #p-res.neg .big{color:#b3141f!important}
html body #otp .res .sub{color:var(--mu)}
html body #otp .res .rw div{border-top:1px solid var(--ln);color:#3f3f46}
html body #otp .res .rw b{color:var(--ink);font-weight:600}
html body #otp .res.pos{border-left-color:#16a34a}
html body #otp .res.pos .lb{color:#15803d}
html body #otp .mb-t{background:#e4e4e7}
html body #otp .mb-f{background:#16a34a}
html body #otp .mb-f.a{background:#d97706}
html body #otp .mb-f.r{background:#dc2626}
html body #otp .mb-x{color:var(--mu)}
html body #otp .mb-x b{color:var(--ink)}
html body #otp .cta .s{border:1px solid #d4d4d8;background:#fff;color:var(--ink)}
html body #otp .cta .s:hover{background:var(--ink);border-color:var(--ink);color:#fff}
html body #otp .res .rsk{color:#5f5f68}
html body #otp .cr b{font-weight:600}
html body #otp .tool{border-color:var(--ln)}
html body #otp #t-tbl{margin:0 0 0;padding:56px 0;background:var(--bd);box-shadow:0 0 0 100vmax var(--bd);clip-path:inset(0 -100vmax);scroll-margin-top:var(--tc-off,130px)}
html body #otp .tb-w{background:#fff;border:1px solid var(--ln);border-radius:18px;overflow-x:auto}
html body #otp .tb-w table{width:100%;min-width:640px;margin:0;border:0;border-collapse:collapse}
html body #otp .tb-w th{padding:12px 16px;background:#fafafa;border:0;font-size:13px;font-weight:700;line-height:1.5;text-align:left;color:#5f5f68;white-space:nowrap}
html body #otp .tb-w td{padding:13px 16px;border:0;border-top:1px solid #ececf0;font-size:15px;line-height:1.5;color:var(--tx);font-variant-numeric:tabular-nums;white-space:nowrap}
html body #otp .tb-w td:first-child{font-weight:600;color:var(--ink);white-space:normal}
html body #otp .tb-w td:first-child small{display:block;font-size:12.5px;font-weight:500;color:var(--mu)}
html body #otp .tb-w td.v{font-weight:600;color:var(--ink)}
html body #otp .tb-w tbody tr:hover td{background:#fafafa}
html body #otp .tb-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
html body #otp .tb-l p{margin:0;padding:12px 14px;background:#fff;border:1px solid var(--ln);border-radius:14px;font-size:14px;line-height:1.55;color:var(--mu)}
html body #otp .tb-l b{display:block;font-size:16px;font-weight:600;color:var(--ink)}
html body #otp .tb-ft{margin:12px 0 0;font-size:13.5px;line-height:1.7;color:#5f5f68}
html body #otp #t-faq{margin:0!important;padding:56px 0 40px}
html body #otp #t-faq details p{color:var(--tx)}
html body #otp #analysis{margin:0;padding:56px 0;background:var(--bd);box-shadow:0 0 0 100vmax var(--bd);clip-path:inset(0 -100vmax)}
html body #otp #analysis h2{margin:0 0 6px;font-size:22px;line-height:1.4;font-weight:700;color:var(--ink)}
html body #otp #analysis .ec-sh{margin:0 0 16px}
html body #otp #analysis .ec-k{display:none}
html body #otp #analysis .ec-sh p{margin:0;font-size:15px;line-height:1.7;color:var(--mu)}
html body #otp #analysis .ec-sh a{color:#b3141f}
html body #otp #analysis .ec-rdg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html body #otp #analysis a.rd{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid var(--ln);border-radius:16px;color:var(--ink);text-decoration:none}
html body #otp #analysis a.rd:hover{border-color:#a1a1aa}
html body #otp #analysis .rd-k{font-size:12.5px;font-weight:600;color:#71717a}
html body #otp #analysis a.rd b{font-size:15.5px;line-height:1.55;font-weight:600;color:var(--ink)}
html body #otp #analysis .rd-tl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}
html body #otp #analysis .rd-tl span{margin-right:4px;font-size:13px;color:#5f5f68}
html body #otp #analysis .rd-tl a{padding:7px 13px;background:#fff;border:1px solid var(--ln);border-radius:999px;font-size:13.5px;color:var(--ink);text-decoration:none}
html body #otp .p-foot{margin:0 0 30px;padding-top:20px}
html body #otp #tc-rb{margin:4px 0 0;padding:0 0 56px}
html body #otp #tc-rb .rb-hd{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;margin:0 0 14px}
html body #otp #tc-rb .rb-hd small{display:block;margin:0 0 4px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#b3141f}
html body #otp #tc-rb .rb-hd b{display:block;font-size:22px;line-height:1.35;font-weight:700;color:var(--ink)}
html body #otp #tc-rb .rb-hd a{font-size:15px;font-weight:600;color:#b3141f;text-decoration:none;white-space:nowrap}
html body #otp #tc-rb .rb-w{background:#fff;border:1px solid var(--ln);border-radius:18px;overflow:hidden}
html body #otp #tc-rb table{width:100%;margin:0;border:0;border-collapse:collapse}
html body #otp #tc-rb th{padding:12px 16px;background:var(--bd);border:0;font-size:13px;font-weight:700;text-align:left;color:#5f5f68}
html body #otp #tc-rb td{padding:16px;border:0;border-top:1px solid #ececf0;background:#fff;font-size:15px;line-height:1.5;color:var(--tx);vertical-align:middle}
html body #otp #tc-rb th:last-child,html body #otp #tc-rb td:last-child{text-align:right}
html body #otp #tc-rb .rb-b{display:flex;align-items:center;gap:12px}
html body #otp #tc-rb .rb-b img{flex:0 0 40px;width:40px;height:40px;max-width:none;margin:0;border-radius:10px;object-fit:cover}
html body #otp #tc-rb .rb-b b{display:block;font-size:16.5px;line-height:1.3;font-weight:700;color:var(--ink)}
html body #otp #tc-rb .rb-b a{font-size:13px;font-weight:500;color:#52525b;text-decoration:none}
html body #otp #tc-rb td em{display:inline-block;padding:3px 10px;border-radius:999px;background:#fff1f2;color:#b3141f;font-size:13.5px;font-weight:600;font-style:normal}
html body #otp #tc-rb td.g b{font-size:20px;font-weight:600;color:var(--ink)}
html body #otp #tc-rb td.g small{margin-left:2px;font-size:13px;color:#71717a}
html body #otp #tc-rb a.rb-o{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap}
html body #otp #tc-rb a.rb-o::after{content:"→"}
html body #otp #tc-rb a.rb-o:hover{background:#b3141f}
html body #otp #tc-rb .rb-ft{margin:12px 0 0;font-size:13px;line-height:1.7;color:#71717a}
@media (max-width:1000px){html body #otp #analysis .ec-rdg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
html body #otp .p-hero{padding:40px 0 44px!important}
html body #otp .tc-tabs{padding:8px 0!important;margin-bottom:22px!important}
html body #otp #t-tbl,html body #otp #analysis{padding:40px 0}
html body #otp #t-faq{padding:40px 0 28px}
html body #otp .tb-l{grid-template-columns:minmax(0,1fr)}
html body #otp #analysis .ec-rdg{grid-template-columns:minmax(0,1fr)}
html body #otp .tb-w{overflow:visible}
html body #otp .tb-w table{display:block;min-width:0}
html body #otp .tb-w thead{display:none}
html body #otp .tb-w tbody{display:block}
html body #otp .tb-w tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:14px 16px;border-top:1px solid #ececf0}
html body #otp .tb-w tr:first-child{border-top:0}
html body #otp .tb-w td{display:block;padding:0;border:0;white-space:normal;font-size:14.5px}
html body #otp .tb-w td:nth-child(1){grid-column:1/-1}
html body #otp .tb-w td:nth-child(2){grid-column:1/3;font-size:13.5px;color:var(--mu)}
html body #otp .tb-w td:nth-child(3){grid-column:3;font-size:13.5px;color:var(--mu)}
html body #otp .tb-w td:nth-child(2)::before{content:"Contract "}
html body #otp .tb-w td:nth-child(3)::before{content:"1 pip "}
html body #otp .tb-w td.v::before{display:block;margin:0 0 2px;font-size:12px;font-weight:600;color:#5f5f68}
html body #otp .tb-w td:nth-child(4)::before{content:"1 lot"}
html body #otp .tb-w td:nth-child(5)::before{content:"0.1 lot"}
html body #otp .tb-w td:nth-child(6)::before{content:"0.01 lot"}
html body #otp #tc-rb{padding:0 0 40px}
html body #otp #tc-rb thead{display:none}
html body #otp #tc-rb table,html body #otp #tc-rb tbody{display:block}
html body #otp #tc-rb tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:14px;border-top:1px solid #ececf0}
html body #otp #tc-rb tr:first-child{border-top:0}
html body #otp #tc-rb td{display:block;padding:0;border:0;font-size:14px}
html body #otp #tc-rb td.b{grid-column:1/3;grid-row:1}
html body #otp #tc-rb td.o{grid-column:3;grid-row:1;align-self:center}
html body #otp #tc-rb td[data-l]::before{content:attr(data-l);display:block;margin:0 0 3px;font-size:12px;font-weight:600;color:#5f5f68}
html body #otp #tc-rb td.g b{font-size:18px}
html body #otp #tc-rb a.rb-o{padding:9px 12px;font-size:13.5px}
}
html body #otp #t-faq{counter-reset:tc-fq}
html body #otp #t-faq details{counter-increment:tc-fq}
html body #otp #t-faq summary{padding-left:40px}
html body #otp #t-faq summary:before{content:counter(tc-fq,decimal-leading-zero);position:absolute;left:0;top:14px;display:block;font-size:16px;font-weight:800;line-height:1.5;color:#c81e2b;font-variant-numeric:tabular-nums}
html body #otp #t-faq details > p{padding-left:40px}
@media (min-width:1000px){html body #otp #t-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}html body #otp #t-faq > .th{grid-column:1/-1}html body #otp #t-faq > details{margin:0}}
@media (max-width:767px){html body #otp #t-faq summary{padding-left:34px}html body #otp #t-faq details > p{padding-left:0}}
html body #otp .tc-live #h-xau b{min-width:5.2em;font-variant-numeric:tabular-nums}
html body #otp .tc-live #h-thb b{min-width:2.9em;font-variant-numeric:tabular-nums}
html body #otp .tool input[aria-invalid="true"]{border-color:#c81e2b!important;box-shadow:0 0 0 3px #fde2e4!important}
html body #otp .tool .tc-err{display:block;margin:6px 0 0;font-size:13px;font-weight:600;line-height:1.4;color:#b3141f}
html body #otp .tool.tc-bad .res,html body #otp .tool.tc-bad [id$="-res"]{opacity:.35;transition:opacity .15s}
html body #tc-art{color:#334155;padding:48px 0 52px;border-top:1px solid #e4e4e7}
html body #tc-art .ka-in{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
html body #tc-art .ka-body{max-width:740px;min-width:0}
html body #tc-art .ka-lbl{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#c81e2b;margin:0}
html body #tc-art .ka-lbl:before{content:"";width:22px;height:2px;background:currentcolor}
html body #tc-art h2{display:block !important;font-size:clamp(25px,3vw,32px) !important;line-height:1.32 !important;font-weight:700;color:#0a0a0a;margin:10px 0 12px !important;padding:0 !important;border:0 !important;text-wrap:balance}
html body #tc-art h3{font-size:22px;line-height:1.4;font-weight:700;color:#0a0a0a;margin:44px 0 12px;padding:30px 0 0;border:0;border-top:1px solid #e4e4e7;text-wrap:balance}
html body #tc-art h3 .ka-k{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:#c81e2b;margin-bottom:8px}
html body #tc-art p{font-size:17px;line-height:1.85;color:#334155;margin:0 0 18px;text-wrap:pretty}
html body #tc-art .ka-by{font-size:14px;line-height:1.6;color:#52525b;margin:0 0 20px}
html body #tc-art .ka-by a{white-space:nowrap}
html body #tc-art .ka-by a,html body #tc-art .ka-src a,html body #tc-art .ka-body p a{color:#0a0a0a;text-decoration:underline;text-underline-offset:2px}
html body #tc-art .ka-by+p{font-size:18px;color:#1e293b}
html body #tc-art p b,html body #tc-art li b{font-weight:700;color:#0a0a0a}
html body #tc-art .ka-nw{white-space:nowrap}
html body #tc-art ul{list-style:none;margin:0 0 20px;padding:0}
html body #tc-art li{position:relative;font-size:16.5px;line-height:1.75;color:#334155;margin:0}
html body #tc-art li:before{content:"";position:absolute}
html body #tc-art .ka-sum{margin:26px 0 8px;padding:20px 22px;background:#f6f6f8;border:1px solid #e4e4e7;border-radius:16px}
html body #tc-art .ka-sum .ka-sum-h{font-size:15px;font-weight:700;color:#0a0a0a;margin:0 0 8px}
html body #tc-art .ka-sum ul{margin:0}
html body #tc-art .ka-sum li{padding:6px 0 6px 20px}
html body #tc-art .ka-sum li:before{left:2px;top:17px;width:7px;height:7px;border-radius:50%;background:#c81e2b}
html body #tc-art .ka-nt{margin:6px 0 0;padding:14px 18px;background:#fff7f7;border:1px solid #fde2e4;border-radius:12px;font-size:15.5px;line-height:1.75;color:#334155}
html body #tc-art .ka-nt b{display:block;font-size:13px;color:#c81e2b;margin-bottom:2px}
html body #tc-art .ka-cap{margin:44px 0 0;padding-top:30px;border-top:1px solid #e4e4e7;font-size:15px;color:#52525b}
html body #tc-art .ka-cap b{display:block;font-size:22px;line-height:1.4;color:#0a0a0a;margin-bottom:4px}
html body #tc-art .ka-tb{margin:14px 0 10px;overflow-x:auto;border:1px solid #e4e4e7;border-radius:16px;background:#fff}
html body #tc-art .ka-tb table{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
html body #tc-art .ka-tb th,html body #tc-art .ka-tb td{padding:12px 14px;border:0;border-bottom:1px solid #f0f0f2;text-align:left;vertical-align:middle;background:none}
html body #tc-art .ka-tb thead th{background:#f6f6f8;font-size:13px;font-weight:700;color:#52525b;white-space:nowrap}
html body #tc-art .ka-tb td{color:#334155;line-height:1.55;font-variant-numeric:tabular-nums}
html body #tc-art .ka-tb td:first-child{font-weight:700;color:#0a0a0a;white-space:nowrap}
html body #tc-art .ka-tb td.ka-sp{font-weight:700;color:#0a0a0a;white-space:nowrap}
html body #tc-art .ka-tb tbody tr:last-child td{border-bottom:0}
html body #tc-art .ka-fc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}
html body #tc-art .ka-fc div{padding:16px 18px;background:#fff;border:1px solid #e4e4e7;border-radius:14px}
html body #tc-art .ka-fc i{display:inline-block;font-size:12px;font-weight:800;font-style:normal;line-height:1;color:#c81e2b;background:#fff1f2;border-radius:6px;padding:5px 7px;margin-bottom:8px}
html body #tc-art .ka-fc b{display:block;font-size:16.5px;line-height:1.4;color:#0a0a0a;margin-bottom:4px}
html body #tc-art .ka-fc p{font-size:15px;line-height:1.7;margin:0;color:#52525b}
html body #tc-art .ka-ck{margin:14px 0 20px;padding:6px 18px;background:#fff;border:1px solid #e4e4e7;border-radius:14px}
html body #tc-art .ka-ck li{padding:12px 0 12px 32px;border-bottom:1px solid #f0f0f2;font-size:16px;line-height:1.7}
html body #tc-art .ka-ck li:last-child{border-bottom:0}
html body #tc-art .ka-ck li:before{left:0;top:15px;width:20px;height:20px;border-radius:6px;background:#c81e2b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
html body #tc-art .ka-src{margin:32px 0 0;padding-top:18px;border-top:1px solid #e4e4e7;font-size:13.5px;line-height:1.7;color:#52525b}
html body #tc-art .ka-tl{position:sticky;top:185px;padding:20px 20px 18px;background:#fff;border:1px solid #e4e4e7;border-radius:18px}
html body #tc-art .ka-tl-h{font-size:16px;line-height:1.4;font-weight:700;color:#0a0a0a;margin:0}
html body #tc-art .ka-tl-s{font-size:13px;line-height:1.5;color:#52525b;margin:2px 0 14px}
html body #tc-art ol.ka-tm{list-style:none;margin:0;padding:0}
html body #tc-art .ka-tm > li{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 10px;align-items:center;margin:0;padding:7px 0 7px 22px;font-size:14px;line-height:1.45}
html body #tc-art .ka-tm > li:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:#e4e4e7}
html body #tc-art .ka-tm > li:first-child:before{top:50%}
html body #tc-art .ka-tm > li:last-child:before{bottom:50%}
html body #tc-art .ka-tm > li:after{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#fff;border:2px solid #a1a1aa}
html body #tc-art .ka-tm > li.past{opacity:1}
html body #tc-art .ka-tm > li.past time,html body #tc-art .ka-tm > li.past b,html body #tc-art .ka-tm > li.past span{color:#71717a}
html body #tc-art .ka-tm > li.past:after{border-color:#d4d4d8;background:#d4d4d8}
html body #tc-art .ka-tm > li.nx:after{border-color:#c81e2b;background:#c81e2b;box-shadow:0 0 0 4px #fde2e4}
html body #tc-art .ka-tm > li.nx b:after{content:"Next";display:inline-block;margin-left:6px;font-size:10.5px;font-weight:800;line-height:1;color:#fff;background:#c81e2b;border-radius:999px;padding:3px 7px;vertical-align:1px}
html body #tc-art .ka-tm time{font-size:13px;font-weight:700;color:#52525b;white-space:nowrap}
html body #tc-art .ka-tm b{font-size:14.5px;font-weight:700;color:#0a0a0a;min-width:0}
html body #tc-art .ka-tm span{font-size:13px;font-weight:700;white-space:nowrap;color:#52525b}
html body #tc-art .ka-nx{margin:14px 0 0;padding:14px 16px;background:#0a0a0a;border-radius:14px;color:#d4d4d8;font-size:13.5px;line-height:1.6}
html body #tc-art .ka-nx b{display:block;color:#fff;font-size:14.5px;margin-bottom:4px}
html body #tc-art .ka-nx a{color:#fca5a5;text-decoration:underline;text-underline-offset:2px}
html body #otp #tc-art + #t-faq{padding-top:40px}
@media (max-height:1000px){html body #tc-art .ka-tl{position:static}}
@media (max-width:1024px){html body #tc-art .ka-in{grid-template-columns:minmax(0,1fr);gap:36px}html body #tc-art .ka-body{max-width:none}html body #tc-art .ka-tl{position:static}}
@media (max-width:767px){html body #tc-art{padding:40px 0 44px}html body #tc-art h2{font-size:24px !important}html body #tc-art h3,html body #tc-art .ka-cap b{font-size:20px}html body #tc-art h3,html body #tc-art .ka-cap{margin-top:36px;padding-top:26px}html body #tc-art p,html body #tc-art .ka-body li{font-size:16px;line-height:1.8}html body #tc-art .ka-by{font-size:13.5px}html body #tc-art .ka-by+p{font-size:17px}html body #tc-art .ka-sum{padding:16px}html body #tc-art .ka-fc{grid-template-columns:minmax(0,1fr)}html body #tc-art .ka-tl{padding:18px 16px 16px}html body #tc-art .ka-tb th,html body #tc-art .ka-tb td{padding:10px 8px;font-size:14px}html body #tc-art .ka-tb th:first-child,html body #tc-art .ka-tb td:first-child{padding-left:12px}html body #tc-art .ka-tb th:last-child,html body #tc-art .ka-tb td:last-child{padding-right:12px}html body #tc-art .ka-tb thead th{font-size:12px}}
html body #tc-art .ka-tb td{white-space:normal}
@media (max-width:767px){html body #tc-art .ka-tb th,html body #tc-art .ka-tb td{padding:10px 6px;font-size:13px}html body #tc-art .ka-tb td:first-child{white-space:normal}}
@media (max-width:360px){html body #tc-art .ka-tb th,html body #tc-art .ka-tb td{padding:9px 4px;font-size:12px}html body #tc-art .ka-tb th:first-child,html body #tc-art .ka-tb td:first-child{padding-left:8px}html body #tc-art .ka-tb th:last-child,html body #tc-art .ka-tb td:last-child{padding-right:8px}html body #tc-art .ka-tb thead th{font-size:11px;white-space:normal}}
html body #tc-art .ka-tm b small{display:block;font-size:12.5px;font-weight:500;color:#52525b}
html body #tc-art .ka-tm > li.past b small{color:#71717a}
html body #tc-art .ka-tm > li{grid-template-columns:26px minmax(0,1fr);padding-top:9px;padding-bottom:9px}
html body #tc-art .ka-tm time{color:#c81e2b}
html body #tc-art .ka-tm b a{color:#0a0a0a;text-decoration:none}
html body #tc-art .ka-tm b a:hover{color:#c81e2b;text-decoration:underline;text-underline-offset:2px}
html body #tc-art .ka-tb td code{font-family:inherit;font-size:14px;color:#0a0a0a;background:#f6f6f8;border-radius:6px;padding:2px 6px}
@media (max-width:767px){html body #tc-art .ka-tb td code{font-size:12.5px;padding:1px 4px}}
@media (min-width:1025px){html body #otp #tc-art .ka-tl{position:sticky}}
html body #otp #t-lot .rk-s{position:relative}
html body #otp #t-lot .rk-s span:nth-child(2){position:absolute;left:calc(36.842% + 3px);transform:translateX(-50%)}
@media (min-width:1340px){html body.page-id-2535 #otp #tc-tabs{display:none!important}}
#ot-ltoc{position:fixed;z-index:30;top:calc(var(--ot-hb,104px) + 24px);left:var(--ltl,16px);width:var(--ltw,180px);max-height:calc(100vh - var(--ot-hb,104px) - 48px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #E4E4E7;border-radius:14px;padding:10px 8px;box-shadow:0 12px 32px -20px rgba(10,10,10,.4);opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:Anuphan,"Noto Sans Thai",system-ui,sans-serif}
#ot-ltoc.ok.show{opacity:1;visibility:visible;transform:none}
#ot-ltoc .lt-h{margin:2px 10px 6px;font:700 12px/1.4 Anuphan,"Noto Sans Thai",system-ui,sans-serif;color:#B3141F}
#ot-ltoc a{display:block;padding:7px 10px;margin:1px 0;border-radius:9px;color:#3F3F46;font:600 13px/1.35 Anuphan,"Noto Sans Thai",system-ui,sans-serif;text-decoration:none;transition:background-color .15s,color .15s}
#ot-ltoc a:hover{background:#F4F4F5;color:#0A0A0A}
#ot-ltoc a.on{background:#C81E2B;color:#fff}
#ot-ltoc a:focus-visible{outline:2px solid #C81E2B;outline-offset:2px}
@media (max-width:1339px){#ot-ltoc{display:none!important}}
html body #otp #analysis a.rd.ot-noen,html body #otp #analysis .rd-tl a.ot-noen{display:none!important}