/*
Theme Name: 1TRADER
Theme URI: https://1trader.com/
Author: 1TRADER
Description: ธีมเบาของ 1TRADER · หน้าตาส่วนหัว/เมนู/ส่วนท้ายแบบเดิม · ไม่มี jQuery · CSS ไฟล์เดียว JS ไฟล์เดียว · HTML ถูกโครงสร้างสำหรับ SEO (H1 เดียวต่อหน้า, breadcrumb, landmark) · ใช้คู่กับ Rank Math
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: onetrader
*/
:root{--ott-ink:#191818;--ott-tx:#2b2f33;--ott-mt:#6b7280;--ott-ln:#e8e8e8;--ott-acc:#fcb11e;--ott-red:#b3141f;--ott-bar:#2d2d2b;--ott-bg:#fff;--ott-soft:#f6f6f4;
--ott-ff:"Anuphan","Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--ott-num:"Inter",system-ui,sans-serif;--ott-w:1170px;--ott-adm:var(--wp-admin--admin-bar--height,0px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--ott-bg);color:var(--ott-tx);font-family:var(--ott-ff);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.ott-lock{overflow:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:#1d4ed8}
button,input{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ott-skip{position:absolute;left:12px;top:-60px;z-index:100000;background:var(--ott-acc);color:var(--ott-ink);padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.ott-skip:focus{top:12px}
.ott-w{width:100%;max-width:var(--ott-w);margin:0 auto;padding:0 15px}
:focus-visible{outline:3px solid rgba(252,177,30,.7);outline-offset:2px}

/* ===== หัวเว็บ (จอคอม) ===== */
.ott-hd{position:relative;z-index:50}
.ott-mid{background:var(--ott-ink)}
.ott-mid-row{display:flex;align-items:center;gap:30px;min-height:150px;padding-top:0;padding-bottom:0}
.ott-logo{flex:0 0 auto;line-height:0;padding-left:5px}
.ott-logo img{width:256px;height:64px;display:block}
.ott-ad{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end}
.ott-navwrap{position:relative}
.ott-nav{background:var(--ott-bar);z-index:60}
.ott-nav.fixed{position:fixed;top:var(--ott-adm);left:0;right:0;box-shadow:0 6px 18px rgba(0,0,0,.25);animation:ottdown .25s ease}
@keyframes ottdown{from{transform:translateY(-100%)}to{transform:none}}
.ott-nav-row{display:flex;align-items:center;gap:12px;min-height:50px}
.ott-nlogo{display:none;line-height:0;margin-right:6px}
.ott-nlogo img{width:112px;height:28px}
.ott-nav.fixed .ott-nlogo{display:block}
.ott-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex:1 1 auto;min-width:0}
.ott-nav.fixed .ott-menu>li>a{padding:0 12px;font-size:15px}
.ott-nav.fixed .ott-search input{width:190px}
.ott-menu>li{position:relative}
.ott-menu>li>a{display:flex;align-items:center;gap:6px;height:50px;padding:0 16px;color:#fff;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.ott-menu>li.menu-item-has-children>a::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);opacity:.55}
.ott-menu>li:hover>a,.ott-menu>li:focus-within>a,.ott-menu>li.current-menu-item>a,.ott-menu>li.current-menu-ancestor>a,.ott-menu>li.current_page_item>a{background:var(--ott-acc);color:var(--ott-ink)}
.ott-menu .sub-menu{list-style:none;margin:0;padding:6px 0;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 0 2px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s}
.ott-menu>li:hover>.sub-menu,.ott-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ott-menu .sub-menu a{display:block;padding:9px 18px;color:#3f3f46;font-size:14.5px;font-weight:500;text-decoration:none;line-height:1.45;border-bottom:1px solid #f1f1f1}
.ott-menu .sub-menu li:last-child a{border-bottom:0}
.ott-menu .sub-menu a:hover,.ott-menu .sub-menu .current-menu-item>a{color:var(--ott-ink);background:#fff7e6}
.ott-search{position:relative;display:flex;align-items:center;flex:0 0 auto}
.ott-search input{width:250px;height:36px;border:0;border-radius:4px;background:#fff;color:var(--ott-ink);padding:0 40px 0 12px;font-size:15px;outline:none}
.ott-search input:focus{box-shadow:0 0 0 3px rgba(252,177,30,.6)}
.ott-search button{position:absolute;right:0;top:0;width:40px;height:100%;border:0;background:none;color:var(--ott-ink);cursor:pointer;display:grid;place-items:center}
.ott-search svg,.ott-burger svg,.ott-msearch svg,.ott-dclose svg,.ott-sub svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ===== แบนเนอร์โบรกเกอร์ (เหมือนเดิม) ===== */
.ob{container-type:inline-size;display:block;text-align:left;width:100%;min-width:clamp(300px,calc(100vw - 440px),728px);max-width:1456px;margin:0 auto;font-family:Anuphan,system-ui,-apple-system,sans-serif;line-height:1.3;-webkit-font-smoothing:antialiased} .ob *{box-sizing:border-box} .ob p:empty,.ob br{display:none} .ob .ob-s{display:none} .ob[data-i="0"] .ob-ex,.ob[data-i="1"] .ob-xm,.ob[data-i="2"] .ob-hf{display:flex} .ob:not([data-i]) .ob-ex{display:flex;animation:obfb .6s steps(1)} @keyframes obfb{0%{visibility:hidden}} .ob-s{--acc:#FFDE02;--acc-t:#FFDE02;--btn-ink:#0A141C;--glow:rgba(255,222,2,.16);--glow2:rgba(0,160,170,.22);--bg1:#07121A;--bg2:#0B2029; position:relative;align-items:center;gap:36px;min-height:180px;padding:28px 48px;border-radius:18px;overflow:hidden;isolation:isolate; color:#fff!important;text-decoration:none!important;border:0!important; background:radial-gradient(520px 260px at 88% 50%,var(--glow),transparent 70%),radial-gradient(600px 300px at 0% 0%,var(--glow2),transparent 70%),linear-gradient(110deg,var(--bg1) 0%,var(--bg2) 60%,var(--bg1) 100%); box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 18px 40px -18px rgba(0,0,0,.6);transition:transform .25s,box-shadow .25s} .ob-xm{--acc:#d7263d;--acc-t:#ff5a6e;--btn-ink:#fff;--glow:rgba(215,38,61,.22);--glow2:rgba(60,90,200,.25);--bg1:#0a0e17;--bg2:#121a2e} .ob-hf{--acc:#d81e27;--acc-t:#ff4d56;--btn-ink:#fff;--glow:rgba(216,30,39,.26);--glow2:rgba(255,120,60,.12);--bg1:#0a0a0b;--bg2:#1a1012} .ob-s:hover{transform:translateY(-2px);box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent) inset,0 24px 50px -20px rgba(0,0,0,.7)} .ob-s:focus-visible{outline:3px solid var(--acc-t);outline-offset:3px} .ob-s:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px; -webkit-mask:linear-gradient(90deg,transparent 30%,#000 75%);mask:linear-gradient(90deg,transparent 30%,#000 75%)} .ob-chart{position:absolute;right:0;bottom:0;width:62%;height:100%;z-index:-1;opacity:.5;pointer-events:none;color:var(--acc-t); -webkit-mask:linear-gradient(90deg,transparent,#000 45%);mask:linear-gradient(90deg,transparent,#000 45%)} .ob-brand{flex:none;display:flex;align-items:center;gap:14px;padding-right:36px;border-right:1px solid rgba(255,255,255,.12)} .ob-logo{flex:none;width:64px;height:64px;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 20px -6px rgba(0,0,0,.6)} .ob-logo img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0!important;object-fit:cover} .ob-name{display:flex;flex-direction:column;gap:5px} .ob-name b{font:700 26px/1 Inter,sans-serif;letter-spacing:-.02em;color:#fff} .ob-name small{font:600 11px/1 Inter,sans-serif;letter-spacing:.26em;color:rgba(255,255,255,.62)} .ob-copy{flex:1;min-width:0} .ob-eye{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--acc-t);margin-bottom:6px} .ob-eye:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 20%,transparent)} .ob-h{display:block;font-size:clamp(24px,2.55cqi,36px);line-height:1.25;font-weight:700;letter-spacing:-.01em;color:#fff} .ob-h em{font-style:normal;color:var(--acc-t);white-space:nowrap} .ob-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .ob-chips span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap; background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.9)} .ob-chips svg{width:14px;height:14px;color:var(--acc-t)} .ob-cta{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px} .ob-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:12px;background:var(--acc);color:var(--btn-ink);font-size:20px;font-weight:700;white-space:nowrap; box-shadow:0 10px 30px -8px color-mix(in srgb,var(--acc) 70%,transparent),0 0 0 1px rgba(255,255,255,.3) inset;transition:gap .2s} .ob-s:hover .ob-btn{gap:14px} .ob-btn svg{width:20px;height:20px} .ob-risk{font-size:11.5px;color:rgba(255,255,255,.5);white-space:nowrap} @container (max-width:1079px){ .ob-s{gap:18px;min-height:96px;padding:14px 20px;border-radius:14px} .ob-brand{gap:0;padding-right:18px} .ob-logo{width:52px;height:52px;border-radius:13px} .ob-name{display:none} .ob-eye{font-size:11.5px;margin-bottom:3px} .ob-h{font-size:22px;line-height:1.3} .ob-chips{gap:6px;margin-top:6px} .ob-chips span{padding:2px 9px;font-size:12px} .ob-chips span:nth-child(3){display:none} .ob-btn{padding:10px 16px;font-size:16px;border-radius:10px;gap:6px} .ob-btn svg{width:16px;height:16px} .ob-cta{gap:6px} .ob-risk{font-size:10px} .ob-chart{width:55%} } @container (max-width:700px){ .ob-eye{display:none} .ob-h{font-size:20px} .ob-risk{display:none} } @container (max-width:640px){ .ob-s{gap:14px;padding:14px 16px} .ob-brand{padding-right:14px} .ob-logo{width:46px;height:46px} .ob-h{font-size:18px} .ob-chips span:nth-child(2){display:none} .ob-btn{padding:9px 13px;font-size:15px} } @container (max-width:559px){ .ob-s{flex-wrap:wrap;gap:14px;padding:18px;min-height:0} .ob-brand{padding-right:0;border-right:0;gap:12px} .ob-logo{width:48px;height:48px;border-radius:12px} .ob-name{display:flex}.ob-name b{font-size:20px}.ob-name small{font-size:10px} .ob-copy{flex:1 1 100%} .ob-h{font-size:22px}.ob-h em{white-space:normal} .ob-chips span{font-size:12.5px;padding:3px 10px} .ob-chips span:nth-child(2){display:inline-flex} .ob-cta{flex:1 1 100%;align-items:stretch} .ob-btn{justify-content:center;padding:13px 16px;font-size:17px} .ob-risk{display:block;text-align:center;white-space:normal} .ob-chart{width:100%;opacity:.25} } @media (prefers-reduced-motion:reduce){.ob-s,.ob-btn{transition:none}}

/* ===== ลิ้นชักเมนู (มือถือ) ===== */
.ott-drawer{position:fixed;inset:0;z-index:100000}
.ott-drawer[hidden]{display:none}
.ott-dbg{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
.ott-dpanel{position:absolute;top:0;bottom:0;left:0;width:min(86vw,340px);background:#141414;color:#e4e4e7;overflow-y:auto;overscroll-behavior:contain;padding:0 0 24px;transform:translateX(-100%);transition:transform .22s ease;display:flex;flex-direction:column}
.ott-drawer.on .ott-dbg{opacity:1}
.ott-drawer.on .ott-dpanel{transform:none}
.ott-dtop{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 12px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.ott-dtop img{width:120px;height:30px}
.ott-dclose{width:44px;height:44px;border:0;background:none;color:#fff;display:grid;place-items:center;cursor:pointer}
.ott-dsearch{margin:16px 18px 6px}
.ott-dsearch input{width:100%;height:44px;border-radius:10px;font-size:16px}
.ott-mmenu{list-style:none;margin:6px 0;padding:0}
.ott-mmenu li{position:relative;border-bottom:1px solid rgba(255,255,255,.06)}
.ott-mmenu a{display:block;padding:12px 56px 12px 18px;color:#f4f4f5;font-size:16px;font-weight:600;text-decoration:none;line-height:1.4}
.ott-mmenu .current-menu-item>a{color:var(--ott-acc)}
.ott-mmenu .sub-menu{display:none;list-style:none;margin:0;padding:0 0 8px;background:rgba(255,255,255,.03)}
.ott-mmenu li.open>.sub-menu{display:block}
.ott-mmenu .sub-menu a{padding:9px 18px 9px 32px;font-size:15px;font-weight:500;color:#d4d4d8}
.ott-mmenu .sub-menu li{border:0}
.ott-sub{position:absolute;right:4px;top:2px;width:44px;height:44px;border:0;background:none;color:#a1a1aa;display:grid;place-items:center;cursor:pointer}
.ott-sub svg{transition:transform .2s}
li.open>.ott-sub svg{transform:rotate(180deg)}
.ott-dsoc{display:flex;gap:10px;padding:18px}
.ott-dsoc a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#1f1f1f;color:#e4e4e7;border:1px solid rgba(255,255,255,.08)}
.ott-dsoc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.ott-dcp{margin:auto 18px 0;font-size:13px;color:#8b8b93}

/* ===== เนื้อหา ===== */
.ott-main{display:block;min-height:50vh}
.ott-main-full{min-height:0;overflow-x:clip}
.ott-title{margin:0 0 12px;color:var(--ott-ink);font-size:clamp(26px,3.2vw,38px);line-height:1.3;font-weight:700;letter-spacing:-.01em}
.ott-bc{font-size:13.5px;color:var(--ott-mt);margin:0 0 14px}
.ott-bc p{margin:0}
.ott-bc a{color:var(--ott-mt);text-decoration:none}
.ott-bc a:hover{color:var(--ott-ink);text-decoration:underline}
.ott-bc .separator{margin:0 6px;opacity:.6}
.ott-bc .last{color:var(--ott-tx)}
.ott-page{padding-top:28px;padding-bottom:48px}
.ott-ph{margin-bottom:8px}
.ott-content{font-size:17px;line-height:1.8;color:var(--ott-tx);word-wrap:break-word}
.ott-content>*:first-child{margin-top:0}
.ott-content p{margin:0 0 1.15em}
.ott-content h2{font-size:26px;line-height:1.35;color:var(--ott-ink);margin:1.6em 0 .6em}
.ott-content h3{font-size:21px;line-height:1.4;color:var(--ott-ink);margin:1.4em 0 .5em}
.ott-content h4{font-size:18px;color:var(--ott-ink);margin:1.2em 0 .4em}
.ott-content ul,.ott-content ol{margin:0 0 1.15em;padding-left:1.4em}
.ott-content li{margin:.25em 0}
.ott-content img{border-radius:8px}
.ott-content figure{margin:1.4em 0}
.ott-content figcaption{font-size:14px;color:var(--ott-mt);text-align:center;margin-top:6px}
.ott-content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--ott-acc);color:#3f3f46}
.ott-content table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15px}
.ott-content th,.ott-content td{border:1px solid var(--ott-ln);padding:8px 10px;text-align:left}
.ott-content th{background:var(--ott-soft)}
.ott-content iframe{max-width:100%}
.alignwide{max-width:1100px}
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}

/* hero ของหน้าที่ออกแบบเอง (.p-hero) ให้เต็มความกว้างจอทุกหน้า */
.ott-main-full .p-hero{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:max(26px,calc(50vw - 50% + 26px))!important;padding-right:max(26px,calc(50vw - 50% + 26px))!important;border-radius:0!important}

/* บทความ */
.ott-single{padding-top:26px}
.ott-single .ott-w{max-width:850px}
.ott-chip{display:inline-block;margin:0 0 10px;padding:3px 12px;border-radius:999px;background:var(--ott-acc);color:var(--ott-ink);font-size:13.5px;font-weight:700;text-decoration:none}
.ott-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--ott-mt);margin:4px 0 22px}
.ott-by{display:inline-flex;align-items:center;gap:8px;color:var(--ott-tx);font-weight:600;text-decoration:none}
.ott-by img{width:30px;height:30px;border-radius:50%}
.ott-upd{color:var(--ott-mt)}
.ott-upd::before{content:"·";margin-right:10px}
.ott-feat{margin:0 auto 28px}
.ott-feat img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:auto}
.ott-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;margin-bottom:26px;font-size:14px}
.ott-tags span{color:var(--ott-mt)}
.ott-tags a{padding:4px 12px;border-radius:999px;background:var(--ott-soft);color:var(--ott-tx);text-decoration:none;border:1px solid var(--ott-ln)}
.ott-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;margin-bottom:10px}
.ott-pn a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--ott-ln);border-radius:12px;text-decoration:none;color:var(--ott-ink);transition:border-color .15s,box-shadow .15s}
.ott-pn a:hover{border-color:var(--ott-acc);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.ott-pn small{color:var(--ott-mt);font-size:13px}
.ott-pn span{font-weight:600;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ott-pn .n{text-align:right;grid-column:2}
.ott-rel{background:var(--ott-soft);border-top:1px solid var(--ott-ln);margin-top:36px;padding:36px 0 46px}
.ott-sec-h{font-size:22px;color:var(--ott-ink);margin:0 0 18px;display:flex;align-items:center;gap:10px}
.ott-sec-h::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--ott-acc)}

/* การ์ด + กริด */
.ott-w-wide{max-width:var(--ott-w)}
.ott-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ott-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ott-ln);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.ott-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.08);transform:translateY(-2px)}
.ott-cimg{display:block;aspect-ratio:40/21;background:#eee;overflow:hidden;line-height:0}
.ott-cimg img{width:100%;height:100%;object-fit:cover}
.ott-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#232323,#3a3a38)}
.ott-cbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.ott-ccat{font-size:12.5px;font-weight:700;color:#a16207;letter-spacing:.01em}
.ott-ct{margin:0;font-size:17px;line-height:1.45;font-weight:700}
.ott-ct a{color:var(--ott-ink);text-decoration:none}
.ott-ct a:hover{color:#1d4ed8}
.ott-ct a::after{content:"";position:absolute;inset:0}
.ott-card{position:relative}
.ott-cx{margin:0;font-size:14.5px;line-height:1.6;color:var(--ott-mt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ott-cd{margin-top:auto;font-size:13px;color:#8b8f94;font-family:var(--ott-num)}
.ott-grid-lead .ott-card:first-child{grid-column:span 2;flex-direction:row}
.ott-grid-lead .ott-card:first-child .ott-cimg{flex:0 0 58%;aspect-ratio:40/21;align-self:center}
.ott-grid-lead .ott-card:first-child .ott-cbody{padding:22px 24px;justify-content:center}
.ott-grid-lead .ott-card:first-child .ott-ct{font-size:23px}
.ott-grid-lead .ott-card:first-child .ott-cx{-webkit-line-clamp:4}

/* หน้ารวม */
.ott-ah{padding:28px 0 22px}
.ott-pg{font-size:.6em;color:var(--ott-mt);font-weight:500}
.ott-adesc{max-width:820px;color:var(--ott-mt);font-size:16px}
.ott-adesc p{margin:0 0 .6em}
.ott-main .ott-w-wide{padding-bottom:50px}
.ott-bigsearch{max-width:560px;margin-top:6px}
.ott-bigsearch input{width:100%;height:48px;border:1px solid #d4d4d8;border-radius:12px;font-size:16px;padding-left:16px}
.ott-bigsearch button{width:48px}
.pagination{margin-top:34px}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--ott-ln);color:var(--ott-ink);text-decoration:none;font-family:var(--ott-num);font-weight:600}
.pagination .page-numbers.current{background:var(--ott-ink);color:#fff;border-color:var(--ott-ink)}
.pagination a.page-numbers:hover{border-color:var(--ott-acc);background:#fff7e6}
.ott-empty{padding:10px 0 30px;font-size:17px}
.ott-ql{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.ott-ql a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--ott-soft);border:1px solid var(--ott-ln);color:var(--ott-ink);text-decoration:none;font-weight:600}
.ott-ql a:hover{border-color:var(--ott-acc)}
.ott-404{max-width:760px;padding-top:50px;padding-bottom:70px;text-align:center}
.ott-404n{margin:0;font:800 96px/1 var(--ott-num);color:var(--ott-acc)}
.ott-404 .ott-bigsearch{margin:20px auto 6px}
.ott-404 .ott-ql{justify-content:center}

@media (max-width:1024px){
	html{scroll-padding-top:76px}
	.ott-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.ott-w{padding:0 16px}
	.ott-grid{grid-template-columns:1fr;gap:16px}
	.ott-grid-lead .ott-card:first-child{grid-column:auto;flex-direction:column}
	.ott-grid-lead .ott-card:first-child .ott-cimg{flex:none;aspect-ratio:40/21}
	.ott-grid-lead .ott-card:first-child .ott-cbody{padding:14px 16px 16px}
	.ott-grid-lead .ott-card:first-child .ott-ct{font-size:19px}
	.ott-content{font-size:16.5px}
	.ott-content h2{font-size:22px}
	.ott-single{padding-top:18px}
	.ott-feat{margin-bottom:20px}
	.ott-feat img{border-radius:10px}
	.ott-pn{grid-template-columns:1fr}
	.ott-pn .n{grid-column:auto}
	.ott-rel{padding:28px 0 34px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== ส่วนท้าย (แบบ B: ข้อความใหญ่ + 3 คอลัมน์) ===== */
#otft{--wht:#fff;--tx:#d4d4d8;--mt:#a1a1aa;--mt2:#85858e;--ln:rgba(255,255,255,.08);background:#141416;color:var(--mt);font-family:var(--ott-ff);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
#otft *{box-sizing:border-box}
#otft a{color:inherit;text-decoration:none;transition:color .15s,background .15s,border-color .15s}
#otft a:focus-visible,#otft summary:focus-visible{outline:2px solid #fcb11e;outline-offset:2px;border-radius:8px}
#otft p{margin:0}
#otft .w{max-width:1180px;margin:0 auto;padding:0 24px}
#otft svg{width:18px;height:18px;flex:0 0 18px}
#otft .top{display:grid;grid-template-columns:1.1fr 1.4fr;gap:60px;padding:56px 0 40px}
#otft .logo{display:inline-block;line-height:0}
#otft .logo img{display:block;height:34px;width:auto}
#otft .big{margin:20px 0 10px;color:var(--wht);font-size:30px;font-weight:700;line-height:1.3}
#otft .big em{font-style:normal;color:#fcb11e}
#otft .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#otft .btns a{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--wht);font-weight:600;font-size:14px;line-height:1.15}
#otft .btns a small{display:block;font-size:10.5px;font-weight:500;color:var(--mt2)}
#otft .btns a:hover{border-color:rgba(252,177,30,.6)}
#otft .btns a.ln{background:#06c755;border-color:#06c755;font-weight:700}
#otft .btns a.ln:hover{background:#05b34c}
#otft .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
#otft .ch{display:block;margin-bottom:14px;color:var(--wht);font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.75;list-style:none;cursor:default}
#otft .ch::-webkit-details-marker{display:none}
#otft .col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--tx)}
#otft .col a:hover{color:#fcb11e}
#otft .bot{border-top:1px solid var(--ln);padding:18px 0 26px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center;font-size:13px}
#otft .lg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
#otft .lg a:hover{color:var(--wht)}
#otft .cp{color:var(--tx);font-weight:500}
#otft .fsoc{display:flex;gap:8px}
#otft .fsoc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--tx)}
#otft .fsoc a:hover{background:#fcb11e;color:#191818}
#otft .risk{grid-column:1/-1;font-size:12.5px;line-height:1.75;color:var(--mt2)}
#otft .risk b{color:var(--tx)}
#otft .risk a{color:var(--tx);text-decoration:underline;text-underline-offset:2px}
@media (max-width:1024px){
	#otft .top{grid-template-columns:1fr;gap:34px}
}
@media (max-width:640px){
	#otft .w{padding:0 18px}
	#otft .top{padding:34px 0 18px;gap:22px}
	#otft .big{font-size:24px}
	#otft .btns{display:grid;grid-template-columns:1fr 1fr}
	#otft .btns a{justify-content:center}
	#otft .btns a.ln{grid-column:1/-1}
	#otft .cols{grid-template-columns:1fr;gap:0;border-top:1px solid var(--ln)}
	#otft .col{border-bottom:1px solid var(--ln)}
	#otft .ch{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;font-size:15px;letter-spacing:0;opacity:1;cursor:pointer}
	#otft .ch::after{content:"+";font-size:20px;font-weight:400;color:var(--mt)}
	#otft .col[open] .ch::after{content:"−"}
	#otft .col ul{padding:0 0 14px}
	#otft .bot{grid-template-columns:1fr;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
	#otft .lg{gap:4px 14px}
}

/* ===== หน้าบทความ แบบ B: หัวเข้มเต็มแถบ ===== */
.single .ott-main{background:#f6f6f4}
.ott-bh{color:#fff;background:radial-gradient(760px 340px at 88% 0%,rgba(252,177,30,.17),transparent 70%),#191818;padding:26px 0 44px}
.ott-bh.has-img{padding-bottom:150px}
.ott-bh .ott-bc{margin:0;font-size:13px}
.ott-bh .ott-bc p{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ott-bh .ott-bc .separator{display:none}
.ott-bh .ott-bc a,.ott-bh .ott-bc .last{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#d4d4d8;text-decoration:none;transition:background .15s,color .15s}
.ott-bh .ott-bc a:hover{background:rgba(255,255,255,.16);color:#fff}
.ott-bh .ott-bc .last{background:none;border:1px solid rgba(255,255,255,.14);color:#a1a1aa;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:28px}
.ott-bhi{max-width:880px}
.ott-bh .ott-kick{display:flex;align-items:center;gap:12px;margin:26px 0 0}
.ott-bh .ott-chip{margin:0;padding:4px 12px;border-radius:6px;background:var(--ott-acc);color:var(--ott-ink);font-size:13px;font-weight:700;line-height:1.4;text-decoration:none}
.ott-bh .ott-rt{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#a1a1aa}
.ott-bh .ott-rt svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ott-bt{margin:14px 0 0;color:#fff;font-size:clamp(26px,1.7vw + 16px,42px);line-height:1.32;font-weight:700;letter-spacing:-.012em;text-wrap:pretty}
.ott-bt .sep{color:#52525b;font-weight:400}
.ott-bt .hl{color:var(--ott-acc)}
.ott-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.ott-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.07);color:#d4d4d8;font-size:13.5px;text-decoration:none}
.ott-pill time{font-family:var(--ott-num);color:#fff}
.ott-pa{padding-left:5px;color:#fff;font-weight:600}
.ott-pa:hover{background:rgba(255,255,255,.14);color:#fff}
.ott-pa img{width:30px;height:30px;border-radius:50%;background:#fcb11e}
.ott-pu{background:rgba(34,197,94,.13);color:#86efac}
.ott-pu time{color:#4ade80}
.ott-pu i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ottpulse 1.8s infinite}
@keyframes ottpulse{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.ott-blay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;padding-top:28px;padding-bottom:10px}
.ott-bh.has-img+.ott-blay{margin-top:-122px;padding-top:0}
.ott-bmc{min-width:0}
.ott-bfeat{margin:0 0 22px}
.ott-bfeat img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ott-bcard{background:#fff;border-radius:18px;padding:30px 32px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.ott-bcard .ott-tags{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--ott-ln)}
.ott-b .ott-pn{margin-top:22px}
.ott-b .ott-pn a{background:#fff}
.ott-bside{display:flex;flex-direction:column;gap:18px;min-width:0;align-self:stretch}
.ott-bh.has-img+.ott-blay .ott-bside{padding-top:0}
.ott-stick{position:sticky;top:calc(88px + var(--ott-adm));display:flex;flex-direction:column;gap:18px}
.admin-bar .ott-stick{top:104px}
.ott-bw{display:block;background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px -18px rgba(0,0,0,.35)}
.ott-bwh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.ott-bwt{margin:0;font-size:16px;line-height:1.4;font-weight:700;color:var(--ott-ink)}
.ott-bw>.ott-bwt{margin-bottom:8px}
.ott-mk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#71717a}
.ott-mk:empty{display:none}
.ott-mk::before{content:"";width:7px;height:7px;border-radius:50%;background:#a1a1aa}
.ott-mk.on{color:#0b7a45}
.ott-mk.on::before{background:#22c55e;animation:ottpulse 1.8s infinite}
.ott-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ott-tile{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:#f6f6f4;color:var(--ott-ink);text-decoration:none;transition:transform .15s}
.ott-tile:hover{transform:translateY(-2px)}
.ott-tile .l{font-size:12px;color:#71717a}
.ott-tile b{font-family:var(--ott-num);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.ott-tile i{font-style:normal;font-size:12px;font-weight:700;color:#71717a}
.ott-tile.up i{color:#0b7a45}.ott-tile.dn i{color:#b42318}
.ott-tile.big{grid-column:1/-1;background:#191818;color:#fff;padding:14px 16px}
.ott-tile.big .l{color:#a1a1aa}
.ott-tile.big .r{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:4px}
.ott-tile.big b{font-size:25px;color:#fff}
.ott-tile.big b::before{content:"฿";margin-right:2px;font-size:.7em;color:#a1a1aa}
.ott-tile.big i{font-size:13px;color:#d4d4d8}
.ott-tile.big.up i{color:#4ade80}.ott-tile.big.dn i{color:#fca5a5}
.ott-bmk .ott-lvt{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:#8b8f94}
.ott-bnews{list-style:none;margin:0;padding:0}
.ott-bnews a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid #f0f0ee;color:var(--ott-ink);text-decoration:none}
.ott-bnews li:first-child a{border-top:0;padding-top:4px}
.ott-bnews img,.ott-bnews .ni{display:block;width:80px;height:42px;object-fit:cover;border-radius:8px;background:#2d2d2b}
.ott-bnews .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.ott-bnews b{font-size:14px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ott-bnews a:hover b{color:#1d4ed8}
.ott-bnews time{font-size:12px;color:#8b8f94;font-family:var(--ott-num)}
.ott-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:700;color:var(--ott-ink);text-decoration:none}
.ott-more:hover{color:#1d4ed8}
.ott-bcta{display:block;position:relative;overflow:hidden;padding:20px;border-radius:18px;background:linear-gradient(140deg,#fcb11e,#f59e0b);color:var(--ott-ink);text-decoration:none;box-shadow:0 14px 30px -16px rgba(245,158,11,.8);transition:transform .2s}
.ott-bcta:hover{transform:translateY(-2px)}
.ott-bcta::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;border:16px solid rgba(255,255,255,.22)}
.ott-bcta .k{font-size:12.5px;font-weight:700;letter-spacing:.04em}
.ott-bcta b{display:block;margin-top:6px;font-size:21px;line-height:1.3;font-weight:700}
.ott-bcta .s{display:block;margin-top:6px;font-size:13px;color:rgba(25,24,24,.75)}
.ott-bcta .btn{position:relative;z-index:1;display:inline-flex;gap:6px;margin-top:14px;padding:9px 16px;border-radius:999px;background:var(--ott-ink);color:#fff;font-size:14px;font-weight:700}
.ott-btools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ott-btools a{display:flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:12px;background:#f6f6f4;color:var(--ott-ink);font-size:13.5px;font-weight:600;line-height:1.35;text-decoration:none}
.ott-btools a:hover{background:#fff3d6}
.single .ott-rel{background:#fff}
@media (max-width:1099px){
	.ott-blay{display:block;max-width:850px}
	.ott-bside{display:none}
	.ott-bhi{max-width:none}
}
@media (max-width:767px){
	.ott-bh{padding:16px 0 30px}
	.ott-bh.has-img{padding-bottom:96px}
	.ott-bh .ott-bc p{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
	.ott-bh .ott-bc p::-webkit-scrollbar{display:none}
	.ott-bh .ott-bc a,.ott-bh .ott-bc .last{flex:0 0 auto}
	.ott-bh .ott-bc .last{max-width:200px}
	.ott-bh .ott-kick{margin-top:18px}
	.ott-bt{font-size:24px;line-height:1.42}
	.ott-pills{gap:6px;margin-top:16px}
	.ott-pill{min-height:34px;padding:0 11px;font-size:12.5px}
	.ott-pa img{width:24px;height:24px}
	.ott-bh.has-img+.ott-blay{margin-top:-74px}
	.ott-bfeat{margin-bottom:16px}
	.ott-bfeat img{border-radius:12px}
	.ott-bcard{margin:0 -16px;border-radius:0;padding:22px 16px}
	.ott-b .ott-pn{margin-top:16px}
}
.ott-single.ott-b{padding-top:0}
.ott-b .ott-w{max-width:var(--ott-w)}
@media (max-width:1099px){.ott-b .ott-blay.ott-w{max-width:850px}}

/* ===== หน้าบทความ: หัวข้อซ้าย รูปขวา · แถบข้างย้ายลงล่าง ===== */
.ott-bh,.ott-bh.has-img{padding:26px 0 48px}
.ott-bgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px;align-items:center;margin-top:26px}
.ott-bh:not(.has-img) .ott-bgrid{grid-template-columns:minmax(0,1fr)}
.ott-bhi{max-width:none}
.ott-bh .ott-kick{margin-top:0}
.ott-bt{font-size:clamp(26px,1.2vw + 18px,38px)}
.ott-bh .ott-bfeat{margin:0}
.ott-bh .ott-bfeat img{border-radius:16px;box-shadow:0 24px 50px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
.ott-bh.has-img+.ott-blay{margin-top:0;padding-top:28px}
.ott-blay,.ott-b .ott-blay.ott-w{display:block;max-width:var(--ott-w)}
.ott-bmc{max-width:860px;margin:0 auto}
.ott-bside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:40px;padding-top:32px;border-top:1px solid #e7e5df}
.ott-bside .ott-stick{position:static;display:flex;flex-direction:column;gap:20px}
@media (max-width:1023px){
	.ott-bgrid{grid-template-columns:minmax(0,1fr);gap:22px}
	.ott-bside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.ott-bside .ott-stick{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.ott-bh,.ott-bh.has-img{padding:16px 0 26px}
	.ott-bgrid{margin-top:18px;gap:18px}
	.ott-bh .ott-bfeat{margin:0 -16px}
	.ott-bh .ott-bfeat img{border-radius:0;box-shadow:none}
	.ott-bh.has-img+.ott-blay{padding-top:0}
	.ott-bside,.ott-bside .ott-stick{grid-template-columns:minmax(0,1fr)}
	.ott-bside{margin-top:24px;padding-top:24px}
}

/* ===== แถบข้างกลับไปด้านขวาของเนื้อหา ===== */
.ott-blay,.ott-b .ott-blay.ott-w{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;max-width:var(--ott-w);padding-bottom:48px}
.ott-bmc{max-width:none;margin:0}
.ott-bside{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0;padding:0;border:0;align-self:stretch}
.ott-bside>*{width:100%}
@media (max-width:1099px){.ott-bside{align-items:start}}
.ott-bside .ott-stick{position:sticky;top:calc(88px + var(--ott-adm));display:flex;flex-direction:column;gap:18px}
.admin-bar .ott-bside .ott-stick{top:104px}
@media (max-width:1099px){
	.ott-blay,.ott-b .ott-blay.ott-w{display:block;max-width:850px}
	.ott-bside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
	.ott-bside .ott-stick{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.ott-bside,.ott-bside .ott-stick{grid-template-columns:minmax(0,1fr)}
	.ott-blay,.ott-b .ott-blay.ott-w{padding-bottom:28px}
}

/* ===== กล่องผู้เขียนท้ายบทความ ===== */
.ott-abox{display:flex;gap:16px;align-items:flex-start;margin-top:24px;padding:18px;border-radius:14px;background:var(--ott-soft);border:1px solid var(--ott-ln)}
.ott-abox img{width:64px;height:64px;border-radius:50%;flex:0 0 64px;background:#fff;border:1px solid var(--ott-ln);object-fit:cover}
.ott-abox p{margin:0}
.ott-abn{font-weight:700;font-size:16px;color:var(--ott-ink)}
.ott-abn span{font-weight:400;font-size:13px;color:var(--ott-mt)}
.ott-abn a{color:inherit;text-decoration:none}
.ott-abd{margin-top:6px!important;font-size:14.5px;line-height:1.7;color:var(--ott-tx)}
.ott-abl{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px!important;font-size:13.5px}
.ott-abl a{color:#b8860b;text-decoration:none;font-weight:600}
.ott-abl a:hover{text-decoration:underline}
@media (max-width:600px){.ott-abox{flex-direction:column}}

/* ===== แถบ "ข้อมูล ณ วันที่" ก่อนเนื้อหา ===== */
.ott-asof{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 22px;padding:11px 14px;border-radius:12px;background:var(--ott-soft);border:1px solid var(--ott-ln);font-size:14px;line-height:1.5;color:var(--ott-tx)}
.ott-asof svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;opacity:.7}
.ott-asof p{margin:0;flex:1 1 auto}
.ott-asof p>span{color:var(--ott-mt)}
.ott-asof time{font-weight:700;color:var(--ott-ink)}
.ott-asof b{margin-left:8px;padding:2px 9px;border-radius:999px;background:#fcb11e;color:#191818;font-size:12.5px;font-weight:700;white-space:nowrap}
.ott-asof a{font-weight:600;color:#b45309;text-decoration:none}
.ott-asof a:hover{text-decoration:underline}
.ott-asof.old{background:#fff8e6;border-color:#f6d98b}

/* ===== หัวเว็บ แบบ B: แถวเดียวติดบน + แถบราคา/แบนเนอร์ + เมนูล่างมือถือ ===== */
.ott-hd{position:sticky;top:var(--ott-adm);z-index:90;padding:0;background:rgba(20,20,22,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(255,255,255,.07);color:#e4e4e7}
.ott-row{display:flex;align-items:center;gap:22px;height:72px}
.ott-hd .ott-logo{flex:0 0 auto;line-height:0;padding:0}
.ott-hd .ott-logo img{width:144px;height:36px;display:block}
.ott-nav{flex:1 1 auto;min-width:0;background:none;box-shadow:none;border:0}
.ott-menu{gap:2px}
.ott-menu>li>a{height:40px;padding:0 12px;border-radius:10px;color:#e4e4e7;font-size:15px;font-weight:600}
.ott-menu>li>a::before{display:none}
.ott-menu>li:hover>a,.ott-menu>li:focus-within>a{background:rgba(255,255,255,.06);color:#fff}
.ott-menu>li.current-menu-item>a,.ott-menu>li.current-menu-ancestor>a,.ott-menu>li.current_page_item>a{background:rgba(255,255,255,.1);color:#fff}
.ott-menu .sub-menu{top:calc(100% + 6px);min-width:260px;padding:8px;background:#1f1f22;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 24px 50px -18px rgba(0,0,0,.75)}
.ott-menu>li>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.ott-menu .sub-menu a{padding:10px 12px;border:0;border-radius:10px;color:#d4d4d8;font-size:14.5px}
.ott-menu .sub-menu a:hover,.ott-menu .sub-menu .current-menu-item>a{background:rgba(255,255,255,.06);color:#fff}
.ott-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.ott-hd .ott-search input{width:190px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;padding:0 40px 0 14px;font-size:14.5px}
.ott-hd .ott-search input::placeholder{color:#8b8b94}
.ott-hd .ott-search input:focus{background:#fff;color:var(--ott-ink)}
.ott-hd .ott-search button{color:#a1a1aa}
.ott-ib{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;text-decoration:none}
.ott-ib svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ott-iline{background:#06c755}
.ott-iline svg{fill:currentColor;stroke:none}
.ott-iline:hover{background:#05b34c}
.ott-cta{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;background:#fcb11e;color:#191818;font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.ott-cta:hover{background:#ffc23d}
.ott-msearch,.ott-burger{display:none}
.ott-strip{background:#f6f6f4;border-bottom:1px solid #e7e4dd}
.ott-strow{display:flex;align-items:center;gap:14px;min-height:76px;padding-top:10px;padding-bottom:10px}
.ott-px{flex:0 0 auto;display:flex;gap:8px}
.ott-pxi{display:inline-flex;align-items:baseline;gap:6px;height:38px;align-items:center;padding:0 12px;border-radius:10px;background:#fff;border:1px solid #e7e4dd;color:#191818;text-decoration:none;white-space:nowrap}
.ott-pxi small{font-size:11.5px;color:#77736b}
.ott-pxi b{font:600 13.5px var(--ott-num);font-variant-numeric:tabular-nums}
.ott-pxi em{font:600 12px var(--ott-num);font-style:normal}
.ott-pxi.up em{color:#15803d}.ott-pxi.dn em{color:#c8101f}
.ott-pxi:hover{border-color:#fcb11e}
.ott-strip .ott-ad{flex:1 1 auto;min-width:0;display:block}
.ott-strip .ob{min-width:0;max-width:none}
/* แบนเนอร์โบรกเกอร์แบบแถบบาง (เนื้อหา/ลิงก์เดิม) */
.ott-strip .ob-s{min-height:56px;gap:16px;padding:8px 10px 8px 12px;border-radius:12px}
.ott-strip .ob-chart,.ott-strip .ob-chips,.ott-strip .ob-eye{display:none}
.ott-strip .ob-brand{gap:10px;padding-right:14px}
.ott-strip .ob-logo{width:38px;height:38px;border-radius:10px}
.ott-strip .ob-name{display:flex;gap:3px}
.ott-strip .ob-name b{font-size:16px}
.ott-strip .ob-name small{font-size:8.5px;letter-spacing:.2em}
.ott-strip .ob-h{font-size:15.5px;line-height:1.35}
.ott-strip .ob-cta{flex-direction:row;align-items:center;gap:10px}
.ott-strip .ob-btn{padding:8px 14px;font-size:14px;border-radius:999px;gap:6px}
.ott-strip .ob-btn svg{width:15px;height:15px}
.ott-strip .ob-risk{display:block;font-size:10px;white-space:normal;max-width:120px;line-height:1.3}
@media (max-width:1240px) and (min-width:1025px){
	.ott-row{gap:14px}
	.ott-menu>li>a{padding:0 9px;font-size:14.5px}
	.ott-hd .ott-search input{width:130px}
	.ott-strip .ob-risk{display:none}
}
@media (max-width:1024px){
	.ott-hd{top:var(--ott-adm)}
	.ott-row{height:60px;gap:10px;padding:0 12px}
	.ott-hd .ott-logo img{width:120px;height:30px}
	.ott-nav,.ott-hd .ott-search,.ott-iline,.ott-cta{display:none}
	.ott-act{margin-left:auto}
	.ott-msearch,.ott-burger{display:grid;width:40px;height:40px}
	.ott-burger svg,.ott-msearch svg{width:22px;height:22px}
	.ott-strow{min-height:0;padding:9px 12px}
	.ott-px{overflow-x:auto;scrollbar-width:none;max-width:100%}
	.ott-px::-webkit-scrollbar{display:none}
	.ott-pxi{height:34px;padding:0 10px}
	.ott-strip .ott-ad{display:none}
}
@media screen and (max-width:600px){.admin-bar .ott-hd{top:0}}
/* จอคอม: ค้นหาเป็นปุ่ม (เปิดช่องค้นหาในลิ้นชัก) เพื่อให้เมนูมีที่พอ · หัวเว็บกว้าง 1240 */
.ott-hd .ott-w,.ott-strip .ott-w{max-width:1180px;padding-left:24px;padding-right:24px}
.ott-hd .ott-search{display:none}
.ott-hd .ott-msearch{display:grid}
@media (max-width:1240px) and (min-width:1025px){.ott-iline{display:none}}
/* ===== ปรับหัวเว็บ B รอบ 2: แถบล่างโทนเข้มต่อเนื่อง · ราคาเป็นกลุ่มเดียว · แบนเนอร์บรรทัดเดียว ===== */
.ott-hd{background:rgba(17,17,19,.97);border-bottom-color:rgba(255,255,255,.06)}
.ott-hd .ott-msearch{order:-1;background:transparent;color:#d4d4d8}
.ott-hd .ott-msearch:hover{background:rgba(255,255,255,.07)}
.ott-iline{background:rgba(6,199,85,.14);color:#22c55e}
.ott-iline:hover{background:#06c755;color:#fff}
.ott-cta{border-radius:999px;padding:0 18px;box-shadow:0 6px 18px -8px rgba(252,177,30,.7)}
.ott-menu>li.current-menu-item>a,.ott-menu>li.current_page_item>a{background:transparent;color:#fcb11e}
.ott-strip{background:linear-gradient(180deg,#111113,#0c0c0e);border-bottom:1px solid rgba(255,255,255,.06)}
.ott-strow{min-height:0;padding-top:12px;padding-bottom:12px;gap:12px}
.ott-px{gap:0;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.ott-pxi{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:60px;padding:0 18px;border:0;border-radius:0;background:transparent;color:#fff;position:relative}
.ott-pxi+.ott-pxi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,.08)}
.ott-pxi small{font-size:11.5px;color:#8b8b94;letter-spacing:.02em}
.ott-pxi b{font-size:15px;color:#fff}
.ott-pxi .v{display:flex;align-items:baseline;gap:7px}
.ott-pxi em{font-size:11.5px}
.ott-pxi:hover{background:rgba(255,255,255,.04)}
.ott-pxi.up em{color:#22c55e}.ott-pxi.dn em{color:#f0505c}
.ott-strip .ob-s{min-height:62px;padding:8px 10px 8px 10px;gap:14px;border-radius:14px}
.ott-strip .ob-logo{width:42px;height:42px}
.ott-strip .ob-name small{display:none}
.ott-strip .ob-name b{font-size:17px}
.ott-strip .ob-copy{min-width:0}
.ott-strip .ob-h{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-strip .ob-h em{white-space:nowrap}
.ott-strip .ob-cta{flex-direction:column;align-items:flex-end;gap:4px}
.ott-strip .ob-risk{max-width:none;white-space:nowrap;font-size:9.5px;opacity:.8}
@media (max-width:1360px) and (min-width:1025px){
	.ott-pxi{padding:0 14px}
	.ott-strip .ob-brand{padding-right:10px}
	.ott-strip .ob-name{display:none}
}
@media (max-width:1024px){
	.ott-strip{background:#0f0f11}
	.ott-px{border-radius:12px}
	.ott-pxi{height:50px;padding:0 12px;flex:0 0 auto}
	.ott-pxi b{font-size:14px}
	.ott-pxi em{font-size:10.5px}
}
/* ===== แถบใต้เมนู: คำคมเทรดเดอร์ + แบนเนอร์โบรกเกอร์ (สุ่ม) ===== */
.ott-qt{flex:1 1 44%;min-width:0;margin:0;display:flex;align-items:center;gap:12px;height:62px;padding:0 18px 0 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.ott-qt .qm{flex:0 0 auto;font:700 44px/1 Georgia,"Times New Roman",serif;color:#fcb11e;height:30px;margin-top:-4px}
.ott-qt blockquote{margin:0;flex:1 1 auto;min-width:0;color:#f4f4f5;font-size:15px;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ott-qt figcaption{flex:0 0 auto;font-size:13px;color:#8b8b94;white-space:nowrap}
.ott-qt figcaption a{color:#fcb11e;text-decoration:none;font-weight:600}
.ott-qt figcaption a:hover{text-decoration:underline}
.ott-strip .ott-ad{flex:1 1 56%}
@media (max-width:1240px) and (min-width:1025px){
	.ott-qt figcaption{display:none}
}
@media (max-width:1024px){
	.ott-qt{flex:1 1 100%;height:auto;min-height:52px;padding:8px 12px;gap:10px;border-radius:12px;flex-wrap:wrap;row-gap:2px}
	.ott-qt .qm{font-size:34px;height:22px;align-self:flex-start;margin-top:2px}
	.ott-qt blockquote{flex:1 1 0;font-size:14px;line-height:1.5}
	.ott-qt figcaption{flex:1 1 100%;padding-left:28px;font-size:12px}
}
@media (max-width:640px){.ott-hd .ott-w,.ott-strip .ott-w{padding-left:18px;padding-right:18px}}
/* หน้าแรก: เอากล่องคำคม + กล่อง "เทรดเหมือนเดิม ได้เงินคืนทุก Lot" ในเนื้อหาออก (คำคมย้ายไปแถบหัวเว็บ) */
.home #otn #otn-qt,.home #otn .rbs{display:none!important}
/* ท้ายเว็บ: แถบสโลแกน "เทรดเหมือนเดิม ได้เงินคืนทุก Lot" ด้านบนสุด */
#otft .cta{background:radial-gradient(600px 160px at 85% 50%,rgba(252,177,30,.16),transparent 70%),#1a1a1d;border-bottom:1px solid var(--ln)}
#otft .ctar{display:flex;align-items:center;gap:20px;min-height:96px;padding-top:18px;padding-bottom:18px}
#otft .cta .big{margin:0;font-size:26px;line-height:1.3}
#otft .ctab{margin-left:auto;display:flex;gap:10px;flex:0 0 auto}
#otft .ctab a{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap}
#otft .ctab .go{background:#fcb11e;color:#191818;box-shadow:0 8px 20px -10px rgba(252,177,30,.8)}
#otft .ctab .go:hover{background:#ffc23d}
#otft .ctab .ln{background:#06c755;color:#fff}
#otft .ctab .ln:hover{background:#05b34c}
#otft .top{padding-top:44px}
#otft .ab .btns{margin-top:18px}
@media (max-width:820px){
	#otft .ctar{flex-direction:column;align-items:flex-start;gap:14px}
	#otft .ctab{margin-left:0;width:100%}
	#otft .ctab a{flex:1 1 0;justify-content:center;padding:0 12px;font-size:14px}
}
@media (max-width:640px){
	#otft .cta .big{font-size:22px}
	#otft .top{padding-top:28px}
	#otft .ab .btns a{grid-column:auto}
}
/* แถบใต้เมนู: แบนเนอร์อย่างเดียว (เต็มความกว้าง) */
.ott-strip .ott-ad{flex:1 1 100%}
/* แบนเนอร์เต็มแถว: แสดงจุดเด่น 3 ข้อในแถวเดียวกับหัวข้อ */
@media (min-width:1100px){
	.ott-strip .ob-copy{display:flex;align-items:center;gap:18px}
	.ott-strip .ob-chips{display:flex;flex-wrap:nowrap;margin-top:0;gap:8px}
	.ott-strip .ob-chips span{font-size:13px;padding:4px 11px}
	.ott-strip .ob-h{flex:0 1 auto}
}
/* มือถือ/แท็บเล็ต: แบนเนอร์แถวเดียวแบบบาง (โลโก้ · หัวข้อ · ปุ่ม) */
@media (max-width:1024px){
	.ott-strip{display:block}
	.ott-strip .ott-strow{padding-top:8px;padding-bottom:8px}
	.ott-strip .ott-ad{display:block}
	.ott-strip .ob-s{flex-wrap:nowrap;gap:10px;min-height:0;padding:8px 10px;border-radius:12px}
	.ott-strip .ob-brand{padding-right:0;border-right:0;gap:0}
	.ott-strip .ob-logo{width:38px;height:38px;border-radius:10px}
	.ott-strip .ob-name,.ott-strip .ob-chips,.ott-strip .ob-eye,.ott-strip .ob-chart{display:none}
	.ott-strip .ob-copy{flex:1 1 auto;min-width:0}
	.ott-strip .ob-h{font-size:14px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.ott-strip .ob-h em{white-space:normal}
	.ott-strip .ob-cta{flex:0 0 auto;flex-direction:column;align-items:center;gap:3px}
	.ott-strip .ob-btn{padding:7px 12px;font-size:13px;gap:5px;border-radius:999px}
	.ott-strip .ob-btn svg{width:13px;height:13px}
	.ott-strip .ob-risk{display:block;font-size:8.5px;line-height:1.25;text-align:center;white-space:normal;max-width:124px}
}