.bh{position:relative;width:100%;aspect-ratio:1024/538;border-radius:20px;overflow:hidden;background:transparent;box-shadow:none}
.bh>svg{display:block;width:100%;height:100%}
.bh text{font-family:Anuphan,"Noto Sans Thai",system-ui,sans-serif}
.bdt{font-size:22px;font-weight:800;fill:#1F2A44;letter-spacing:.04em}.bdpk{fill:#C8102E;letter-spacing:0}.bdlb{font-size:25px;font-weight:700;fill:#555E6E}.bdnum{font-weight:800;fill:#14264A;letter-spacing:-.02em}.bdred{fill:#C8102E}.bdpill{font-size:21px;font-weight:800;fill:#fff}.bdch{font-size:22px;font-weight:600;fill:#555E6E}.bdchb{font-weight:800;fill:#14264A}.bdsm{font-size:20px;font-weight:700;fill:#555E6E}.bdsmb{font-size:22px;font-weight:800;fill:#14264A}.bdft{font-size:15px;font-weight:600;fill:#6B7280}.bdf{opacity:0;animation:bdIn 1.2s ease var(--d) both}.bds{opacity:0;transform-box:fill-box;transform-origin:center;animation:bdPop .8s cubic-bezier(.3,1.6,.5,1) var(--d) both}.bdgy{transform-box:fill-box;transform-origin:center bottom;animation:bdGy 1.4s cubic-bezier(.2,.8,.2,1) var(--d) both}@keyframes bdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bdPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes bdGy{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.bh *{animation:none!important;opacity:1!important}}
.bdlb{font-size:24px}.bdbt{font-size:20px;font-weight:800;fill:#1F2A44}.bdrn{font-size:19px;font-weight:800;fill:#15161A}.bdrs{font-size:14px;font-weight:600;fill:#5B5F6B}.bdrp{font-size:23px;font-weight:800;fill:#15161A;font-variant-numeric:tabular-nums}.bdrc{font-size:15px;font-weight:800}.bdvt{font-size:18px;font-weight:800;fill:#15161A}.bdvs{font-size:15px;font-weight:700;fill:#C8102E}.bdfw{font-size:17px;font-weight:700;fill:#14264A}.bdr{opacity:0;animation:bdRx .7s cubic-bezier(.2,.8,.2,1) var(--d) both}@keyframes bdRx{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}.bdgx{transform-box:fill-box;transform-origin:left center;animation:bdGx 1.1s cubic-bezier(.2,.8,.2,1) var(--d) both}@keyframes bdGx{from{transform:scaleX(0)}to{transform:scaleX(1)}}.bdlive{transform-box:fill-box;transform-origin:center;animation:bdLv 1.6s ease-in-out infinite}@keyframes bdLv{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.bdbal{animation:bdBal 2.6s ease-in-out 3s infinite}@keyframes bdBal{0%{transform:translateY(-6px);opacity:0}20%{opacity:1}60%,100%{transform:translateY(16px);opacity:0}}.bdnp{transform-box:view-box;transform-origin:46px 150px;animation:bdNp 3.2s ease-in-out 2s infinite}@keyframes bdNp{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}
html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9) header.ott-bh figure.ott-bfeat:has(.bh){background:none!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9) header.ott-bh figure.ott-bfeat:has(.bh)::before,html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9) header.ott-bh figure.ott-bfeat:has(.bh)::after{display:none!important}
/* ไม่มีกรอบรอบกราฟิก */
html body.ot-ev2.ot-v4:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8) header.ott-bh figure.ott-bfeat:has(.bh){background:none!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.ot-ev2.ot-v4:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8) header.ott-bh figure.ott-bfeat:has(.bh)::before,html body.ot-ev2.ot-v4:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6):not(#e7):not(#e8) header.ott-bh figure.ott-bfeat:has(.bh)::after{display:none!important}

#otc{--ink:#0F172A;--txt:#334155;--body:#1E293B;--mut:#5B6474;--line:#E3E6EB;--line2:#EEF0F3;--card:#fff;--navy:#0B1A33;--gold:#E0A93B;--up:#0B7A45;--upbg:#E9F6EF;--dn:#B42318;--dnbg:#FDEEEC;--amb:#7A4B00;--ambbg:#FFF8EA;--link:#1D4ED8;--ff:"IBM Plex Sans Thai",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;container-type:inline-size;width:100%;max-width:760px;margin:0 auto;font-family:var(--ff);color:var(--txt);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}#otc *{box-sizing:border-box}#otc:not(#x) h2,#otc:not(#x) h3{font-family:var(--ff);color:var(--ink);margin:0;padding:0;letter-spacing:-.01em;text-transform:none;border:0}#otc h2:before,#otc h2:after,#otc h3:before,#otc h3:after,#otc li:before,#otc blockquote:before,#otc blockquote:after{content:none!important;display:none!important}#otc p{margin:0}#otc ol,#otc ul{margin:0;padding:0;list-style:none}#otc li{margin:0;padding:0;list-style:none}#otc a{box-shadow:none;border-bottom:0}#otc br{display:none}#otc p:empty{display:none}#otc .sec{padding-top:48px}#otc .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}#otc .eb{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--mut);line-height:1.5}#otc:not(#x) .hd h2{font-size:22px;line-height:1.4;font-weight:700;margin-top:4px}#otc .hd-a{font-size:14px;font-weight:600;color:var(--link)!important;text-decoration:none!important;padding:8px 0;white-space:nowrap;line-height:1.4}#otc .card{background:var(--card);border:1px solid var(--line);border-radius:14px}#otc .dek{font-size:18px;line-height:1.75;color:var(--body);font-weight:500;margin-bottom:10px}#otc .upd{font-size:13px;color:var(--mut);line-height:1.6;margin-bottom:20px}#otc .upd b{color:var(--ink);font-weight:600}#otc .kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}#otc .kpi>div{background:#fff;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:112px}#otc .kpi small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);font-weight:600;line-height:1.4}#otc .kpi b{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1.15;color:var(--ink)}#otc .kpi b.neg{color:var(--dn)}#otc .kpi span{font-size:13px;line-height:1.45;color:var(--txt)}#otc .kpi .hot{background:var(--ambbg)}#otc .kpi .hot small{color:var(--amb)}#otc .bar{height:4px;background:var(--line2);border-radius:99px;overflow:hidden}#otc .bar i{display:block;height:100%;background:var(--navy);border-radius:99px;animation:otc-grow 1.4s ease-out}@keyframes otc-grow{from{width:0}}#otc .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dn);flex-shrink:0;animation:otc-pulse 1.8s infinite}@keyframes otc-pulse{0%{box-shadow:0 0 0 0 rgba(180,35,24,.4)}70%{box-shadow:0 0 0 7px rgba(180,35,24,0)}100%{box-shadow:0 0 0 0 rgba(180,35,24,0)}}#otc .cdv{font-family:var(--mono);font-weight:600;color:var(--amb)}#otc .tl{padding:4px 20px}#otc .tl li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line2);font-size:16px;line-height:1.7;color:var(--txt)}#otc .tl li:last-child{border-bottom:0}#otc .tl li>i{font-style:normal;font-family:var(--mono);font-weight:600;color:#94A3B8;width:20px;flex-shrink:0}#otc .tl strong,#otc .story strong,#otc .vw strong{color:var(--ink);font-weight:700}#otc .cal{overflow:hidden}#otc .cal li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line2)}#otc .cal li:last-child{border-bottom:0}#otc .cal time{font-family:var(--mono);font-size:14px;color:var(--mut);line-height:1.5}#otc .cal .ev{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.5}#otc .cal .ev b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink)}#otc .cal .ev b a{color:inherit!important;text-decoration:none!important}#otc .cal .ev b a:hover{color:var(--link)!important}#otc .cal .ev>span{font-size:13px;color:var(--mut)}#otc .imp{font-family:var(--ff);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:#F1F3F6;color:var(--mut);line-height:1.4}#otc .cal li.hi{background:var(--ambbg);padding:16px 20px}#otc .cal li.hi time{color:var(--ink);font-weight:600}#otc .cal li.hi .ev b{font-weight:700;font-size:16px}#otc .cal li.hi .ev>span{color:var(--txt)}#otc .cal li.hi .ev>span.note{color:var(--amb)}#otc .cal li.hi .imp{background:var(--dn);color:#fff;font-weight:700}#otc .cal li .ev>span.cdc{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:600;color:var(--amb);background:#fff;border:1px solid #F1DFB8;border-radius:999px;padding:3px 10px;line-height:1.5}#otc .hd-n{font-size:13px;color:var(--mut);padding:8px 0;white-space:nowrap;line-height:1.4}#otc .cal .ev a.go-r{align-self:flex-start;font-size:13px;font-weight:600;color:var(--link)!important;text-decoration:none!important;padding:2px 0}#otc .imp.med{background:#FFF1D6;color:var(--amb)}#otc .fl0{color:var(--mut);background:#F1F3F6}#otc .fl{display:inline-block;width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.12)}#otc .fl.m{width:24px;height:24px}#otc .fl.l{width:28px;height:28px}#otc .fp{display:inline-flex;flex-shrink:0}#otc .fp .fl+.fl{margin-left:-10px;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(15,23,42,.12)}#otc .f-us{background:linear-gradient(#3C3B6E,#3C3B6E) 0 0/48% 54% no-repeat,repeating-linear-gradient(180deg,#B22234 0 7.7%,#fff 7.7% 15.4%)}#otc .f-eu{background:radial-gradient(circle at 50% 50%,transparent 0 27%,#FC0 28% 36%,transparent 37%),#039}#otc .f-gb{background:linear-gradient(#C8102E,#C8102E) center/100% 18% no-repeat,linear-gradient(#C8102E,#C8102E) center/18% 100% no-repeat,linear-gradient(#fff,#fff) center/100% 34% no-repeat,linear-gradient(#fff,#fff) center/34% 100% no-repeat,#012169}#otc .f-jp{background:radial-gradient(circle,#BC002D 0 30%,#fff 31%)}#otc .f-au{background:radial-gradient(circle at 32% 68%,#fff 0 9%,transparent 10%),radial-gradient(circle at 72% 36%,#fff 0 6%,transparent 7%),radial-gradient(circle at 76% 70%,#fff 0 5%,transparent 6%),#012169}#otc .f-th{background:linear-gradient(180deg,#A51931 0 16.6%,#F4F5F8 16.6% 33.3%,#2D2A4A 33.3% 66.6%,#F4F5F8 66.6% 83.3%,#A51931 83.3%)}#otc .f-xau{background:radial-gradient(circle at 50% 50%,transparent 0 52%,#B8860B 53% 58%,transparent 59%),radial-gradient(circle at 35% 30%,#FBE7A1,#E0A93B 55%,#A87912)}#otc .f-oil{background:radial-gradient(circle at 50% 62%,#1F2937 0 26%,transparent 27%),linear-gradient(135deg,transparent 0 40%,#1F2937 40% 60%,transparent 60%) 50% 22%/30% 34% no-repeat,#E5E7EB}#otc .f-de{background:linear-gradient(180deg,#000 0 33.3%,#DD0000 33.3% 66.6%,#FFCE00 66.6%)}#otc .f-cn{background:radial-gradient(circle at 32% 34%,#FFDE00 0 13%,transparent 14%),#DE2910}#otc .f-ca{background:linear-gradient(90deg,#D52B1E 0 26%,#fff 26% 74%,#D52B1E 74%)}#otc .f-ch{background:linear-gradient(#fff,#fff) center/56% 18% no-repeat,linear-gradient(#fff,#fff) center/18% 56% no-repeat,#DA291C}#otc .f-gl{background:radial-gradient(circle at 50% 50%,transparent 0 40%,#94A3B8 41% 46%,transparent 47%),#E2E8F0}#otc .mk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;padding:4px 20px}#otc .mk>div{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2)}#otc .sy{display:flex;align-items:center;gap:10px;min-width:0}#otc .sy b{display:block;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);line-height:1.35}#otc .sy small{display:block;font-size:12px;color:var(--mut);line-height:1.35;white-space:nowrap}#otc .px{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);text-align:right;line-height:1.4}#otc .ch{font-family:var(--mono);font-size:13px;font-weight:600;padding:3px 0;border-radius:6px;text-align:center;line-height:1.5}#otc .up{color:var(--up);background:var(--upbg)}#otc .dn{color:var(--dn);background:var(--dnbg)}#otc .mk-n{padding:12px 20px 14px;font-size:12px;color:var(--mut);line-height:1.6}#otc .story p{font-size:17px;line-height:1.85;color:var(--body);margin-bottom:16px}#otc .story a,#otc .af a,#otc .src a{color:var(--link)}#otc:not(#x) .qt{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;font-style:normal;quotes:none}#otc:not(#x) .qt p{font-size:18px;line-height:1.65;font-weight:600;color:var(--ink);margin:0 0 10px;font-style:normal}#otc .qt cite{font-style:normal;font-size:13px;color:var(--mut);line-height:1.5;display:block}#otc .as{padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease}#otc .as+.as{margin-top:12px}#otc .as:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px rgba(15,23,42,.25)}#otc .as-h{display:flex;justify-content:space-between;align-items:center;gap:8px}#otc .as-s{display:flex;align-items:center;gap:10px}#otc .as-s b{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}#otc .as-s small{font-size:13px;color:var(--mut)}#otc .bias{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.5}#otc:not(#x) .as h3{font-size:18px;line-height:1.5;font-weight:700}#otc .as p{font-size:15px;line-height:1.75;color:var(--txt)}#otc .as p a{color:var(--link);font-weight:600;text-decoration:none}#otc .lad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}#otc .lad .n{background:#F1F3F6}#otc .lad .n small{color:var(--mut)}#otc .lad>div{padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:4px;line-height:1.3}#otc .lad>div:first-child{border-radius:8px 4px 4px 8px}#otc .lad>div:last-child{border-radius:4px 8px 8px 4px}#otc .lad small{font-size:11px;font-weight:600;text-align:center}#otc .lad b{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink)}#otc .lad .s{background:var(--upbg)}#otc .lad .s small{color:var(--up)}#otc .lad .c{background:var(--navy)}#otc .lad .c small{color:#C9D2E0}#otc .lad .c b{color:#fff}#otc .lad .r{background:var(--dnbg)}#otc .lad .r small{color:var(--dn)}#otc .af{font-size:17px;line-height:1.85;color:var(--body)}#otc .af.sm{font-size:15px;line-height:1.75;color:var(--txt)}#otc .sc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}#otc .sc>div{padding:16px 20px}#otc .sc b{display:block;font-size:13px;font-weight:700;margin-bottom:6px;line-height:1.5}#otc .sc b.u{color:var(--up)}#otc .sc b.d{color:var(--dn)}#otc .sc span{display:block;font-size:15px;line-height:1.65;color:var(--txt)}#otc .wk{padding:4px 20px;margin-bottom:16px}#otc .wk li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:15px;line-height:1.6;color:var(--ink)}#otc .wk li:last-child{border-bottom:0}#otc .wk li span+span{font-family:var(--mono);font-size:14px;color:var(--mut);white-space:nowrap}#otc .vw{background:#EEF3FA;border:1px solid #D8E2F0;border-radius:14px;padding:20px}#otc .vw>p{font-size:16px;line-height:1.8;color:var(--body);margin-bottom:16px}#otc .vw li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;background:#fff;border-radius:10px;padding:12px 14px}#otc .vw li+li{margin-top:8px}#otc .vw li>i{font-style:normal;font-family:var(--mono);font-weight:600;color:var(--navy);line-height:1.6}#otc .vw li b{display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.6}#otc .vw li span{display:block;font-size:14px;line-height:1.6;color:var(--txt)}#otc:not(#x) .sw,#otc:not(#x) .cp{font-family:var(--ff);font-weight:600;color:var(--link);background:transparent;border:0;border-radius:0;padding:0;min-height:44px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0;line-height:1.4}#otc:not(#x) .sw{font-size:14px;white-space:nowrap}#otc:not(#x) .cp{font-size:13px;padding:0 10px}#otc:not(.jsr) .sw{display:none}#otc .sw:hover,#otc .cp:hover{text-decoration:underline}#otc .rb{padding:20px}#otc .bk{display:none;flex-direction:column;gap:16px;animation:otc-fade .35s ease}#otc .bk.on{display:flex}@keyframes otc-fade{from{opacity:0;transform:translateY(4px)}}#otc .bk-h{display:flex;justify-content:space-between;align-items:center;gap:10px}#otc .bk-id{display:flex;align-items:center;gap:10px}#otc .logo{width:40px;height:40px;border-radius:10px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;font-size:14px;flex-shrink:0}#otc:not(#x) img.logo{display:block;width:40px!important;height:40px!important;max-width:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:10px;object-fit:cover;box-shadow:none}#otc .bk-id b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3}#otc .bk-id small{display:block;font-size:12px;color:var(--mut);line-height:1.4}#otc .bk-h>a{font-size:13px;color:var(--mut)!important;padding:8px 0;white-space:nowrap}#otc .st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}#otc .st>div{background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}#otc .st>div:first-child{background:var(--ambbg)}#otc .st small{font-size:12px;color:var(--mut);line-height:1.4}#otc .st>div:first-child small{color:var(--amb)}#otc .st b{font-family:var(--mono);font-size:22px;font-weight:600;color:var(--ink);line-height:1.3}#otc .unit{font-size:12px;color:var(--mut);margin-top:-8px;line-height:1.5}#otc .ac{display:flex;flex-wrap:wrap;gap:10px}#otc .code{flex:1 1 200px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #C7CDD6;border-radius:10px;padding:0 4px 0 14px;min-height:48px;font-size:13px;color:var(--mut);line-height:1.4}#otc .code b{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink);padding-left:4px}#otc .go{flex:1 1 200px;background:var(--navy);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;border-radius:10px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.3;transition:transform .15s ease,box-shadow .15s ease}#otc .go:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(11,26,51,.6)}#otc .go i{font-style:normal;color:var(--gold)}#otc .disc{font-size:12px;line-height:1.6;color:var(--mut);margin-top:10px}#otc .disc a{color:var(--mut)}#otc .ln{padding:4px 20px}#otc .ln a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:13px 0;border-bottom:1px solid var(--line2);font-size:15px;line-height:1.6;color:var(--ink)!important;text-decoration:none!important;transition:color .15s ease}#otc .ln a:last-child{border-bottom:0}#otc .ln a i{font-style:normal;font-family:var(--mono);color:var(--mut)}#otc .ln a em{font-style:normal;color:#94A3B8;transition:transform .15s ease}#otc .ln a:hover{color:var(--link)!important}#otc .ln a:hover em{transform:translateX(3px)}#otc .src{padding:0 20px}#otc .src summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);padding:14px 0;line-height:1.5}#otc .src ul{padding:0 0 16px}#otc .src li{font-size:14px;line-height:1.6;padding:3px 0}#otc .risk{margin-top:12px;background:var(--ambbg);border:1px solid #F1DFB8;border-radius:14px;padding:14px 20px;font-size:13px;line-height:1.7;color:#4A3200}#otc .risk b{color:#4A3200}#otc .trust{margin-top:12px;font-size:13px;color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 14px;line-height:1.6}#otc .trust a{color:var(--mut)!important}#otc.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}#otc.js .rv.in{opacity:1;transform:none}@container (max-width:620px){#otc .kpi{grid-template-columns:repeat(2,minmax(0,1fr))}#otc .mk{grid-template-columns:minmax(0,1fr)}#otc .sc{grid-template-columns:minmax(0,1fr)}#otc .dek{font-size:17px}}@container (max-width:420px){#otc .st b{font-size:18px}#otc .st>div{padding:10px}#otc .cal li{grid-template-columns:48px minmax(0,1fr) auto;padding:14px 16px}#otc .cal li.hi{padding:16px}#otc .tl,#otc .mk,#otc .wk,#otc .ln,#otc .src{padding-left:16px;padding-right:16px}#otc .rb,#otc .as,#otc .vw{padding:16px}}@media (prefers-reduced-motion:reduce){#otc *{animation:none!important;transition:none!important}#otc.js .rv{opacity:1;transform:none}}
/* DAILY ดีไซน์ใหม่ dn2 ทดลอง 4 พ.ย. 2569 — ถอดคืน: ลบ style นี้และ class dn2 */html body #otc.dn2:not(#q1):not(#q2){--ink:#15161A;--txt:#2A2D35;--mut:#5B5F6B;--ln:#ECECEF;--soft:#F7F7F9;--red:#C8102E;--redS:#FDECEE;--up:#0B6B44;--upS:#E7F5EE;--navy:#14264A}html body #otc.dn2:not(#q1):not(#q2) .dek{font-size:19px!important;line-height:1.75!important;color:var(--txt)!important;border-left:4px solid var(--red)!important;padding:2px 0 2px 18px!important;margin:0 0 14px!important;background:none!important}html body #otc.dn2:not(#q1):not(#q2) .upd{display:inline-flex!important;flex-wrap:wrap;gap:4px;background:var(--soft)!important;border:0!important;border-radius:10px!important;color:var(--mut)!important;font-size:13px!important;padding:8px 12px!important;box-shadow:none!important}html body #otc.dn2:not(#q1):not(#q2) .upd b{color:var(--ink)!important}html body #otc.dn2:not(#q1):not(#q2) .kpi{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:22px 0 8px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num{position:relative;background:#fff!important;border:1px solid var(--ln)!important;border-radius:16px!important;padding:18px 16px 14px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important;overflow:hidden;min-width:0}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--navy)}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num.hot::before{background:var(--red)}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num small{display:flex!important;align-items:center;gap:6px;background:none!important;border:0!important;padding:0!important;color:var(--mut)!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.02em;line-height:1.35!important;margin:0 0 8px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num.hot small{color:var(--red)!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num b{display:block;font-size:30px!important;font-weight:800!important;letter-spacing:-.02em;color:var(--ink)!important;line-height:1.1!important;font-variant-numeric:tabular-nums;border:0!important;padding:0!important;margin:0 0 8px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num>span{display:block;font-size:13px!important;color:var(--mut)!important;line-height:1.5!important;border:0!important;padding:0!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .bar{height:5px!important;border-radius:9px!important;background:#EEF0F4!important;margin:0 0 10px!important;overflow:hidden}html body #otc.dn2:not(#q1):not(#q2) .kpi .bar i{display:block;height:100%;background:var(--red)!important;border-radius:9px}html body #otc.dn2:not(#q1):not(#q2) .sec{margin-top:44px!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd{display:flex!important;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 16px!important;padding:0 0 12px!important;border-bottom:1px solid var(--ln)!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd .eb{display:inline-flex!important;align-items:center;background:var(--redS)!important;color:var(--red)!important;border:0!important;border-radius:999px!important;padding:5px 11px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.03em;box-shadow:none!important;margin:0 0 8px!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd h2{font-size:26px!important;line-height:1.3!important;font-weight:800!important;color:var(--ink)!important;margin:0!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd .hd-a,html body #otc.dn2:not(#q1):not(#q2) .sec .hd .hd-n{font-size:13.5px!important;font-weight:700!important;color:var(--red)!important;white-space:nowrap;text-decoration:none!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd .hd-n{color:var(--mut)!important;font-weight:600!important}html body #otc.dn2:not(#q1):not(#q2) .card{background:#fff!important;border:1px solid var(--ln)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(16,24,40,.05)!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl{padding:6px 20px!important;margin:0!important;list-style:none!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl li{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0!important;border-bottom:1px solid #F2F2F4!important;font-size:16px!important;line-height:1.7!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl li:last-child{border-bottom:0!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl li>i{display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;border-radius:9px!important;background:var(--red)!important;color:#fff!important;font-style:normal;font-size:13.5px!important;font-weight:800!important;margin-top:1px;box-shadow:none!important;border:0!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl li strong{color:var(--ink)!important;background:linear-gradient(transparent 62%,#FFE3E8 62%)!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal{padding:4px 18px!important;margin:0!important;list-style:none!important;position:relative}html body #otc.dn2:not(#q1):not(#q2) ol.cal li{display:grid!important;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px 0!important;border-bottom:1px solid #F2F2F4!important;position:relative}html body #otc.dn2:not(#q1):not(#q2) ol.cal li:last-child{border-bottom:0!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal time{display:inline-flex!important;align-items:center;justify-content:center;height:30px;border-radius:9px!important;background:var(--ink)!important;color:#fff!important;font-size:13.5px!important;font-weight:800!important;font-variant-numeric:tabular-nums;border:0!important;box-shadow:none!important;padding:0 8px!important;margin-top:1px}html body #otc.dn2:not(#q1):not(#q2) ol.cal li.c-done time{background:#E5E7EB!important;color:#5B5F6B!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev{min-width:0}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev>b{display:flex!important;align-items:center;gap:8px;font-size:16.5px!important;font-weight:800!important;color:var(--ink)!important;line-height:1.4!important;margin:0 0 4px!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev>b a{color:var(--ink)!important;text-decoration:none!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev>span{display:block;font-size:14px!important;color:var(--mut)!important;line-height:1.6!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev .note{color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev .go-r{display:inline-block;margin-top:6px;font-size:13.5px!important;font-weight:700!important;color:var(--red)!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .ev .cdc{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px;background:var(--redS)!important;color:var(--red)!important;border:0!important;border-radius:999px!important;padding:4px 10px!important;font-size:12.5px!important;font-weight:700!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .imp{align-self:start;font-size:11.5px!important;font-weight:800!important;letter-spacing:.04em;border-radius:7px!important;padding:5px 8px!important;line-height:1!important;border:0!important;box-shadow:none!important;background:#F1F3F8!important;color:#5B5F6B!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .imp.i-high{background:var(--red)!important;color:#fff!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal .imp.i-med{background:#FFF1DB!important;color:#9A5B00!important}html body #otc.dn2:not(#q1):not(#q2) #market .card,html body #otc.dn2:not(#q1):not(#q2) .x-w .card{padding:16px!important}html body #otc.dn2:not(#q1):not(#q2) .mk{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body #otc.dn2:not(#q1):not(#q2) .mk>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;background:var(--soft)!important;border:0!important;border-radius:12px!important;padding:12px 14px!important;margin:0!important}html body #otc.dn2:not(#q1):not(#q2) .mk .sy b{font-size:15px!important;font-weight:800!important;color:var(--ink)!important}html body #otc.dn2:not(#q1):not(#q2) .mk .sy small{color:var(--mut)!important;font-size:12px!important}html body #otc.dn2:not(#q1):not(#q2) .mk .px{font-size:17px!important;font-weight:800!important;color:var(--ink)!important;font-variant-numeric:tabular-nums}html body #otc.dn2:not(#q1):not(#q2) .mk .ch{font-size:12.5px!important;font-weight:800!important;border-radius:999px!important;padding:4px 9px!important;border:0!important;box-shadow:none!important;min-width:0!important}html body #otc.dn2:not(#q1):not(#q2) .mk .ch.up{background:var(--upS)!important;color:var(--up)!important}html body #otc.dn2:not(#q1):not(#q2) .mk .ch.dn{background:var(--redS)!important;color:var(--red)!important}html body #otc.dn2:not(#q1):not(#q2) .mk-n{font-size:12.5px!important;color:var(--mut)!important;margin:12px 2px 0!important;line-height:1.6!important}html body #otc.dn2:not(#q1):not(#q2) .story p{font-size:17px!important;line-height:1.85!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) blockquote.qt{background:var(--soft)!important;border:0!important;border-left:4px solid var(--red)!important;border-radius:0 16px 16px 0!important;padding:18px 22px!important;margin:20px 0!important;box-shadow:none!important}html body #otc.dn2:not(#q1):not(#q2) blockquote.qt p{font-size:17px!important;font-weight:700!important;color:var(--ink)!important;font-style:normal!important;margin:0 0 8px!important}html body #otc.dn2:not(#q1):not(#q2) blockquote.qt cite{font-size:13px!important;color:var(--mut)!important;font-style:normal!important}html body #otc.dn2:not(#q1):not(#q2) #pairs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html body #otc.dn2:not(#q1):not(#q2) #pairs>.hd{grid-column:1/-1}html body #otc.dn2:not(#q1):not(#q2) #pairs .as{padding:18px!important;margin:0!important;display:flex;flex-direction:column}html body #otc.dn2:not(#q1):not(#q2) #pairs .as-h{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px!important;padding:0!important;border:0!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .as-s{display:flex!important;align-items:center;gap:8px}html body #otc.dn2:not(#q1):not(#q2) #pairs .as-s b{font-size:17px!important;font-weight:800!important;color:var(--ink)!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .as-s small{color:var(--mut)!important;font-size:12.5px!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .bias{font-size:12px!important;font-weight:800!important;border-radius:999px!important;padding:5px 10px!important;border:0!important;box-shadow:none!important;background:#F1F3F8!important;color:#5B5F6B!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .bias.up{background:var(--upS)!important;color:var(--up)!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .bias.dn{background:var(--redS)!important;color:var(--red)!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .as h3{font-size:16.5px!important;font-weight:800!important;line-height:1.45!important;color:var(--ink)!important;margin:0 0 6px!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .as>p{font-size:14.5px!important;line-height:1.7!important;color:var(--txt)!important;margin:0 0 14px!important;flex:1}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;border:0!important;padding:0!important;margin:0!important;background:none!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad>div{border:0!important;border-radius:11px!important;padding:9px 10px!important;background:var(--soft)!important;box-shadow:none!important;text-align:left!important;min-width:0}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad small{display:block;font-size:11.5px!important;font-weight:700!important;color:var(--mut)!important;margin:0 0 2px!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad b{font-size:15.5px!important;font-weight:800!important;color:var(--ink)!important;font-variant-numeric:tabular-nums}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .c{background:var(--ink)!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .c small{color:#B8BCC6!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .c b{color:#fff!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .r{background:#FFF1F3!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .r b{color:#A3122A!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .s{background:#EEF8F2!important}html body #otc.dn2:not(#q1):not(#q2) #pairs .lad .s b{color:var(--up)!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .af{font-size:16.5px!important;line-height:1.8!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc .card{position:relative;padding:18px 18px 16px!important;overflow:hidden}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc .card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--up)}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc .card:has(b.d)::before{background:var(--red)}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc b{display:inline-flex!important;font-size:12.5px!important;font-weight:800!important;border-radius:999px!important;padding:5px 10px!important;margin:0 0 10px!important;border:0!important;box-shadow:none!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc b.u{background:var(--upS)!important;color:var(--up)!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc b.d{background:var(--redS)!important;color:var(--red)!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc span{display:block;font-size:15px!important;line-height:1.7!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) ul.wk{padding:4px 18px!important;list-style:none!important;margin:0!important}html body #otc.dn2:not(#q1):not(#q2) ul.wk li{display:flex!important;justify-content:space-between;gap:14px;padding:13px 0!important;border-bottom:1px solid #F2F2F4!important;font-size:15px!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) ul.wk li:last-child{border-bottom:0!important}html body #otc.dn2:not(#q1):not(#q2) ul.wk li span:last-child{color:var(--mut)!important;font-weight:700;white-space:nowrap}html body #otc.dn2:not(#q1):not(#q2) .vw{background:linear-gradient(120deg,#FFF5F6 0%,#fff 55%)!important;border:1px solid #F6D3D9!important;border-radius:18px!important;padding:22px 24px!important;box-shadow:none!important}html body #otc.dn2:not(#q1):not(#q2) .vw>p{font-size:17px!important;line-height:1.8!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) .vw ul{list-style:none!important;padding:0!important;margin:12px 0 0!important;display:grid;gap:10px}html body #otc.dn2:not(#q1):not(#q2) .vw ul li{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;font-size:15.5px!important;line-height:1.7!important;color:var(--txt)!important}html body #otc.dn2:not(#q1):not(#q2) .vw ul li>i{display:inline-flex!important;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#fff!important;border:1px solid #F1C9CF!important;color:var(--red)!important;font-style:normal;font-size:12.5px;font-weight:800;box-shadow:none!important}html body #otc.dn2:not(#q1):not(#q2) nav.ln{padding:6px!important}@media (max-width:1024px){html body #otc.dn2:not(#q1):not(#q2) .kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #otc.dn2:not(#q1):not(#q2) #pairs{grid-template-columns:1fr}}@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2) .dek{font-size:17px!important;padding-left:14px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi{gap:10px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num{padding:15px 13px 12px!important}html body #otc.dn2:not(#q1):not(#q2) .kpi .x-num b{font-size:24px!important}html body #otc.dn2:not(#q1):not(#q2) .sec{margin-top:36px!important}html body #otc.dn2:not(#q1):not(#q2) .sec .hd h2{font-size:22px!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl{padding:2px 14px!important}html body #otc.dn2:not(#q1):not(#q2) ol.tl li{font-size:15px!important;gap:11px}html body #otc.dn2:not(#q1):not(#q2) ol.cal{padding:2px 14px!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal li{grid-template-columns:58px minmax(0,1fr);gap:12px}html body #otc.dn2:not(#q1):not(#q2) ol.cal .imp{grid-column:2;justify-self:start;margin-top:-4px}html body #otc.dn2:not(#q1):not(#q2) .mk{grid-template-columns:1fr!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc{grid-template-columns:1fr!important}html body #otc.dn2:not(#q1):not(#q2) .vw{padding:18px!important}}/* แก้ 09:50 ป้ายสถานการณ์ไม่ตัด, กล่องฝั่งไทย, แถว HIGH */html body #otc.dn2:not(#q1):not(#q2) #tonight p.af.sm{display:block!important}html body #otc.dn2:not(#q1):not(#q2) #tonight p.af.sm n-w{display:inline!important}html body #otc.dn2:not(#q1):not(#q2) #tonight .sc b{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:100%!important;line-height:1.45!important}html body #otc.dn2:not(#q1):not(#q2) ol.cal li.hi{background:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important}/* แก้ 09:58 จัด hero ให้เหมือนหน้าวิเคราะห์ข่าว (คอลัมน์ 1.3:1, ช่องไฟ, ขนาดหัวข้อ, บทนำย้ายขึ้น hero) */@media (min-width:1025px){html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh{padding-top:40px!important;padding-bottom:100px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh .ott-bgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;column-gap:48px!important;align-items:center!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh h1{font-size:39.3px!important;line-height:1.3!important}}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh .ott-kick{margin-bottom:18px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh .ott-bt{margin-bottom:16px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):has(#otc.dn2) header.ott-bh .dek.dn2-hd{font-size:16px!important;line-height:1.8!important;color:#4A5466!important;font-weight:400!important;margin:0 0 22px!important;padding:0!important;border:0!important;max-width:680px!important;background:none!important}/* แก้ 10:05 hero แบบหน้าวิเคราะห์ข่าว: พื้นหลัง, ชิป, หัวข่าวดำ+วันที่แดง */html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh{background-color:transparent!important;background-image:radial-gradient(rgba(19,32,59,.1) 1.1px,transparent 1.5px),radial-gradient(60% 80% at 8% 0%,#FFD3DC 0%,rgba(255,227,232,0) 70%),radial-gradient(55% 75% at 95% 20%,#CADDFF 0%,rgba(220,233,255,0) 70%),radial-gradient(50% 60% at 60% 110%,#FFE6BF 0%,rgba(255,241,214,0) 70%),linear-gradient(#FFF8F9 0%,#F5F8FF 100%)!important;background-size:22px 22px,auto,auto,auto,auto!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh .ott-kick{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh .ott-kick .ott-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#FFF0F2!important;color:#C8102E!important;border:1px solid #F6D3D9!important;border-radius:999px!important;padding:6px 14px 6px 10px!important;font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:none!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh .ott-kick .ott-chip::before{content:""!important;display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#C8102E!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh .ott-kick .ott-rt{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#F5F7FA!important;color:#5B6474!important;border:1px solid #EEF1F6!important;border-radius:999px!important;padding:6px 12px!important;font-size:12.5px!important;font-weight:600!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh h1.ott-bt{color:#111722!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh h1.ott-bt .dn2-hl{color:#111722!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):has(#otc.dn2) header.ott-bh h1.ott-bt .dn2-dt{display:block!important;color:#C8102E!important;margin-top:2px!important;font-weight:700!important}/* แก้ 21:05 แถบผู้เขียน/วันที่แบบหน้าวิเคราะห์ข่าว (ไม่มีกรอบ) */html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills{display:flex!important;align-items:center!important;gap:0!important;flex-wrap:wrap!important;border-top:1px solid #E6EBF2!important;padding-top:16px!important;margin-top:0!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-size:14px!important;min-height:0!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pa{display:inline-flex!important;align-items:center!important;gap:10px!important;font-weight:700!important;color:#111722!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pa img{width:32px!important;height:32px!important;border-radius:50%!important;margin:0!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill+.ott-pill{display:inline-flex!important;align-items:center!important;font-weight:400!important;color:#5B6474!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill+.ott-pill::before{content:""!important;display:block!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#C3CAD6!important;margin:0 12px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill time{color:#111111!important;font-weight:400!important;margin-left:4px!important}@media (max-width:640px){html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill{font-size:12.5px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):has(#otc.dn2) header.ott-bh .ott-pills .ott-pa img{width:26px!important;height:26px!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):has(#otc.dn2) header.ott-bh .ott-pills{flex-wrap:nowrap!important}html body.ot-news:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):has(#otc.dn2) header.ott-bh .ott-pills .ott-pill+.ott-pill{white-space:nowrap!important}}/* แก้ 21:10 ส่วนต่าง ๆ เป็นการ์ดแบบหน้าวิเคราะห์ข่าว (แถบหัวข้อ + ไอคอน) */
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec{background:#fff!important;border:1px solid #E6EBF2!important;border-radius:24px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)!important;overflow:hidden!important;padding:0 28px 26px!important;margin-top:28px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd{margin:0 -28px 22px!important;padding:18px 28px!important;border-bottom:1px solid #F6D3D9!important;background:radial-gradient(rgba(200,16,46,.07) 1.2px,transparent 1.7px) 0 0/16px 16px,linear-gradient(90deg,#FFEEF1 0%,#FFF6F7 45%,#FFFFFF 100%)!important;align-items:center!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd>div{display:grid!important;grid-template-columns:44px auto auto!important;grid-template-areas:"ic h eb"!important;align-items:center!important;justify-content:start!important;column-gap:14px!important;min-width:0}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd>div::before{content:""!important;grid-area:ic!important;width:44px!important;height:44px!important;border-radius:13px!important;background-color:#C8102E!important;background-position:center!important;background-repeat:no-repeat!important;background-size:22px 22px!important;box-shadow:0 6px 14px rgba(200,16,46,.25)!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd .eb{grid-area:eb!important;margin:0!important;background:#fff!important;border:1px solid #F6D3D9!important;color:#8F1D2C!important;padding:4px 10px!important;font-size:12px!important;white-space:nowrap!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd h2{grid-area:h!important;margin:0!important;font-size:24px!important;line-height:1.3!important;min-width:0}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd .hd-a{background:#fff!important;border:1px solid #F6D3D9!important;border-radius:999px!important;padding:6px 12px!important;font-size:13px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd .hd-n{font-size:13px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec .card{box-shadow:none!important}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec{padding:0 16px 18px!important;border-radius:20px!important;margin-top:22px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd{margin:0 -16px 16px!important;padding:14px 16px!important;flex-wrap:wrap!important;gap:8px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd>div{grid-template-columns:38px minmax(0,1fr)!important;grid-template-areas:"ic eb" "ic h"!important;column-gap:12px!important;row-gap:4px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd>div::before{width:38px!important;height:38px!important;border-radius:11px!important;background-size:19px 19px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd .eb{justify-self:start!important;font-size:11.5px!important;padding:3px 9px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec>.hd h2{font-size:20px!important}}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(1)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202%204%2014h7l-1%208%209-12h-7z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(2)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%203v4M8%203v4M3%2010h18%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(3)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22m7%2015%204-4%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(4)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h13v16H6a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M17%208h3v10a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20d%3D%22M8%208h5M8%2012h5M8%2016h3%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(5)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M14.5%204.5a6%206%200%201%201-5%2013%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(6)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2014.5A8%208%200%201%201%209.5%204a6.5%206.5%200%200%200%2010.5%2010.5z%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(7)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207S2%2012%202%2012z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(8)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15%209.5c0-1.4-1.3-2.5-3-2.5s-3%201-3%202.3c0%203%206%201.8%206%204.8%200%201.4-1.3%202.4-3%202.4s-3-1-3-2.5M12%205.5V7M12%2017v1.5%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(9)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205a2%202%200%200%201%202-2h13v16H6a2%202%200%200%200-2%202z%22%2F%3E%3Cpath%20d%3D%22M4%2019V5%22%2F%3E%3C%2Fsvg%3E")!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:nth-of-type(10)>.hd>div::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206h12M9%2012h12M9%2018h12M4%206h.01M4%2012h.01M4%2018h.01%22%2F%3E%3C%2Fsvg%3E")!important}
html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):has(#otc.dn2) .ott-bcard:has(#otc.dn2){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:first-of-type{margin-top:28px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3)>.upd{background:#fff!important;border:1px solid #E6EBF2!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:not(:has(>.hd)){padding-top:22px!important}@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3)>section.sec:not(:has(>.hd)){padding-top:16px!important}}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)>section.sec>.card,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)>section.sec>ol.card,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)>section.sec>ul.card,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)>section.sec>div.card{border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;background:transparent!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)#market .card{padding:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4) .mk>div{padding:11px 12px!important;gap:8px!important}}/* แก้ 21:15 ซ่อนบรรทัดอัปเดตซ้ำ ใช้กล่อง "ข้อมูล ณ" ของธีมกล่องเดียว */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4)>p.upd{display:none!important}/* แก้ 21:20 การ์ดตัวเลขสำคัญ ดีไซน์ใหม่: แผงเดียว แบ่ง 4 ช่อง */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;background:#fff!important;border:1px solid #E6EBF2!important;border-radius:22px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)!important;overflow:hidden!important;margin:16px 0 8px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num{background:transparent!important;border:0!important;border-left:1px solid #EEF0F4!important;border-radius:0!important;box-shadow:none!important;padding:18px 20px 18px!important;display:flex!important;flex-direction:column!important;min-width:0}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num:first-child{border-left:0!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num::before{display:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num small{align-self:flex-start!important;display:inline-flex!important;align-items:center!important;gap:6px!important;background:#F4F5F8!important;color:#4A5063!important;border-radius:999px!important;padding:4px 10px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;margin:0 0 12px!important;line-height:1.3!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num b{font-size:32px!important;font-weight:800!important;color:#15161A!important;letter-spacing:-.02em!important;line-height:1.1!important;margin:0 0 8px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num>span{font-size:13px!important;line-height:1.55!important;color:#5B5F6B!important;margin-top:auto!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num .bar{height:6px!important;border-radius:9px!important;background:#F1F2F5!important;margin:2px 0 10px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num .bar i{background:linear-gradient(90deg,#F0506A,#C8102E)!important;border-radius:9px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num.hot{background:radial-gradient(rgba(200,16,46,.07) 1.2px,transparent 1.7px) 0 0/14px 14px,linear-gradient(160deg,#FFF1F3 0%,#FFFFFF 85%)!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num.hot small{background:#C8102E!important;color:#fff!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num.hot small .dot{background:#fff!important;width:6px!important;height:6px!important;border-radius:50%!important;display:inline-block!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num.hot b{color:#C8102E!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num .cdv{display:inline-flex!important;margin-top:6px!important;background:#15161A!important;color:#fff!important;border-radius:8px!important;padding:3px 8px!important;font-weight:800!important;font-size:12.5px!important;font-variant-numeric:tabular-nums!important}
@media (max-width:1024px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num:nth-child(3){border-left:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num:nth-child(n+3){border-top:1px solid #EEF0F4!important}}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi{border-radius:18px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num{padding:14px 14px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num b{font-size:24px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num small{font-size:11px!important;padding:3px 8px!important;margin-bottom:10px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .kpi .x-num>span{font-size:12px!important}}
@media (max-width:1024px){html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):has(#otc.dn2) .ott-bcard:has(#otc.dn2){padding-left:16px!important;padding-right:16px!important}}/* แก้ 21:20 ตัวหนังสือธรรมดา ไม่ไฮไลต์/ไม่หนา ในย่อหน้า */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) ol.tl li strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) ol.tl li b,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .story p strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .story p b,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #tonight .af strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) #tonight .af b,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .vw>p strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .vw>p b,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .vw li strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .vw li b{background:none!important;font-weight:inherit!important;color:inherit!important;padding:0!important;box-shadow:none!important;border:0!important}/* แก้ 21:25 เอากรอบด้านในออก ทุกขนาดจอ (ยกเว้นการ์ดคู่เงินและรีเบต) */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5)>section.sec:not(#pairs):not(#rebate)>.card{border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;background:transparent!important;border-radius:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5)>section.sec:not(#pairs):not(#rebate)>ol.tl{padding-top:0!important;padding-bottom:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5)>section.sec#market>.card{padding:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6)>section.sec>.vw{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}/* แก้ 21:25 พื้นเลขข้อสรุปเป็นเทาดำ */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) ol.tl li>i{background:#2B2F38!important;color:#fff!important;box-shadow:none!important}/* แก้ 21:30 ปฏิทินข่าววันนี้ ดีไซน์ใหม่ */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal{padding:0!important;overflow:visible!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;column-gap:16px!important;align-items:start!important;padding:16px 14px!important;margin:0 -14px!important;border-bottom:1px solid #F0F1F4!important;border-radius:14px!important;background:none!important;box-shadow:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li:last-child{border-bottom:0!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li.hi{background:#FFF6F7!important;box-shadow:inset 3px 0 0 #C8102E!important;border-bottom-color:transparent!important;margin-bottom:2px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li>time{align-self:start!important;display:flex!important;justify-content:center!important;align-items:center!important;height:32px!important;margin-top:0!important;border-radius:9px!important;background:#F2F3F6!important;color:#15161A!important;font-size:14px!important;font-weight:800!important;padding:0 8px!important;box-shadow:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li.hi>time{background:#2B2F38!important;color:#fff!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev>b{font-size:16px!important;font-weight:800!important;margin:4px 0 6px!important;line-height:1.4!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev>span{font-size:14px!important;font-weight:400!important;color:#5B5F6B!important;line-height:1.6!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev>span.note{color:#2A2D35!important;font-weight:500!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev .go-r{display:inline-flex!important;gap:4px!important;margin:8px 12px 0 0!important;font-size:13.5px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev .cdc{display:inline-flex!important;margin:8px 0 0!important;padding:4px 10px!important;font-size:12.5px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li>.imp{margin-top:6px!important}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li{grid-template-columns:56px minmax(0,1fr)!important;column-gap:12px!important;padding:14px 10px!important;margin:0 -10px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li>time{height:28px!important;font-size:13px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal>li>.imp{grid-column:2!important;justify-self:start!important;margin-top:8px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev>b{font-size:15px!important;margin-top:2px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) ol.cal .ev>span{font-size:13.5px!important}}/* แก้ 21:35 ภาพรวมตลาด จัดแนวไอคอน/ชื่อ/ราคา ให้ตรงกัน */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk>div{grid-template-columns:minmax(0,1fr) auto 84px!important;gap:12px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .sy{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .fp{flex:0 0 54px!important;width:54px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .sy>span:last-child{display:flex!important;flex-direction:column!important;min-width:0}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .px{text-align:right!important;font-variant-numeric:tabular-nums!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .ch{justify-self:stretch!important;text-align:center!important;display:inline-flex!important;justify-content:center!important;gap:4px!important;white-space:pre!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk-n{font-size:12.5px!important;line-height:1.7!important;color:#6B7080!important}@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk>div{grid-template-columns:minmax(0,1fr) auto 74px!important;gap:8px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .fp{flex-basis:46px!important;width:46px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #market .mk .sy{gap:8px!important}}@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk{padding:0!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk>div{grid-template-columns:minmax(0,1fr) auto 70px!important;gap:8px!important;padding:11px 12px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk .fp{flex-basis:40px!important;width:40px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk .sy b{white-space:nowrap!important;font-size:14.5px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk .sy small{white-space:nowrap!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk .px{font-size:15.5px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #market .mk .ch{font-size:12px!important;padding:4px 6px!important}}/* แก้ 21:40 เจาะรายสินทรัพย์ ดีไซน์ใหม่: การ์ดเต็มแถว + บันไดราคาแนวตั้ง */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs{grid-template-columns:1fr!important;gap:14px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as{display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;grid-template-areas:"h h" "t l" "p l"!important;grid-template-rows:auto auto 1fr!important;column-gap:28px!important;row-gap:0!important;align-items:start!important;padding:20px 22px!important;border:1px solid #ECEEF2!important;border-radius:18px!important;box-shadow:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.as-h{grid-area:h!important;margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid #F0F1F4!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>h3{grid-area:t!important;margin:0 0 8px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>p{grid-area:p!important;margin:0!important;align-self:start!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad{grid-area:l!important;display:flex!important;flex-direction:column-reverse!important;gap:6px!important;align-self:center!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad>div{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 14px!important;border-radius:11px!important;text-align:left!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad>div small{margin:0!important;font-size:12.5px!important;display:inline!important;width:auto!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad>div b{display:inline!important;width:auto!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad>div b{font-size:16px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad>div.c{box-shadow:0 6px 14px rgba(21,22,26,.18)!important}
@media (max-width:760px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as{grid-template-columns:1fr!important;grid-template-areas:"h" "t" "p" "l"!important;padding:16px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8) #pairs .as>.lad{margin-top:14px!important}}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) #pairs .as>.lad>div{flex-direction:row!important;gap:10px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) #pairs .as>.lad>div>small,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) #pairs .as>.lad>div>b{display:inline!important;width:auto!important;margin:0!important}/* แก้ 21:45 เจาะรายสินทรัพย์ ดีไซน์ใหม่: แถบช่วงราคา แนวรับ-ปิด-แนวต้าน */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as{display:block!important;padding:20px 22px 8px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as>.as-h{margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid #F0F1F4!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as>h3{margin:0 0 8px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as>p{margin:0!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as>.lad[data-rg]{display:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg{position:relative;height:104px;margin:16px 6px 6px}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-tr{position:absolute;left:0;right:0;top:44px;height:10px;border-radius:99px;background:#F1F2F5;overflow:hidden}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-z{position:absolute;top:0;bottom:0}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-z.s{background:linear-gradient(90deg,#A9DDBF,#E3F4EA)}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-z.r{background:linear-gradient(90deg,#FCE3E7,#F3A9B6)}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t{position:absolute;top:43px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;line-height:1.2}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.rg-st{transform:translateX(-6px);align-items:flex-start}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.rg-en{transform:translateX(calc(-100% + 6px));align-items:flex-end}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t>i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #0B6B44;box-sizing:border-box}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.r>i{border-color:#C8102E}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t>em{font-style:normal;font-size:11.5px;font-weight:700;color:#6B7080;margin-top:6px}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t>b{font-size:14px;font-weight:800;color:#0B6B44;font-variant-numeric:tabular-nums}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.r>b{color:#C8102E}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.c{top:0;flex-direction:column}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.c>b{background:#15161A;color:#fff;border-radius:8px;padding:5px 10px;font-size:13px;box-shadow:0 6px 14px rgba(21,22,26,.2)}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.c>i{width:16px;height:16px;margin-top:15.4px;background:#15161A;border:3px solid #fff;box-shadow:0 0 0 1px #15161A}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .as{padding:16px 16px 6px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t>b{font-size:13px}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t>em{font-size:10.5px}}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg.rg-has-lo{height:136px}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.rg-lo>i{position:relative}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.rg-lo>i::after{content:"";position:absolute;left:50%;top:9px;width:1.5px;height:26px;background:#D5D9E2;transform:translateX(-50%)}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #pairs .rg-t.rg-lo>em{margin-top:34px}/* แก้ 21:55 คืนนี้ต้องจับตาอะไร ดีไซน์ใหม่ */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc{gap:14px!important;margin:20px 0 22px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card{position:relative!important;padding:18px 18px 18px 58px!important;border-radius:16px!important;box-shadow:none!important;overflow:visible!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card::before{content:"▲"!important;position:absolute!important;left:16px!important;top:16px!important;bottom:auto!important;width:30px!important;height:30px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;color:#fff!important;background:#0B6B44!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card:has(b.d)::before{content:"▼"!important;background:#C8102E!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card:has(b.u){background:#F3FAF6!important;border:1px solid #D3EDDD!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card:has(b.d){background:#FFF6F7!important;border:1px solid #F6D3D9!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc b{display:block!important;background:none!important;padding:0!important;margin:4px 0 8px!important;border-radius:0!important;font-size:15.5px!important;font-weight:800!important;line-height:1.45!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc b.u{color:#0B6B44!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc b.d{color:#A3122A!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc span{font-size:15px!important;color:#2A2D35!important;line-height:1.7!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight ul.wk{margin:0 0 20px!important;padding:6px 0!important;border-top:1px solid #F0F1F4!important;border-bottom:1px solid #F0F1F4!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight ul.wk li{align-items:center!important;padding:12px 0!important;font-size:15px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight ul.wk li span:last-child{background:#2B2F38!important;color:#fff!important;border-radius:8px!important;padding:4px 10px!important;font-size:13px!important;font-weight:700!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm{background:#F7F8FA!important;border:0!important;border-left:4px solid #14264A!important;border-radius:0 14px 14px 0!important;padding:16px 18px!important;font-size:15px!important;line-height:1.75!important;color:#2A2D35!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm strong,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm b{font-weight:inherit!important;color:inherit!important;background:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm a{display:inline-flex!important;margin-left:6px!important;padding:3px 10px!important;border-radius:999px!important;border:1px solid #DCE1EA!important;background:#fff!important;box-shadow:none!important;font-size:13px!important;color:#C8102E!important;font-weight:700!important;text-decoration:none!important}
@media (max-width:640px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card{padding:16px 14px 16px 52px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight .sc .card::before{left:12px!important;top:14px!important;width:28px!important;height:28px!important}}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm n-w,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm span{font-weight:400!important;color:inherit!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm a,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm a n-w{font-weight:700!important;color:#C8102E!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) #tonight p.af.sm a{gap:4px!important}/* แก้ 22:00 มุมมองของเรา ดีไซน์ใหม่: 3 ประเด็นเป็นการ์ดเรียงแถว */
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 0!important;padding:0!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li{display:flex!important;flex-direction:column!important;gap:12px!important;background:#F7F8FA!important;border:0!important;box-shadow:none!important;border-radius:16px!important;padding:18px!important;margin:0!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li>i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#2B2F38!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:800!important;font-style:normal!important;box-shadow:none!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li>div{display:flex!important;flex-direction:column!important;gap:6px!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li b{font-size:16px!important;font-weight:800!important;color:#15161A!important;line-height:1.45!important}
html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li span{font-size:14px!important;font-weight:400!important;color:#5B5F6B!important;line-height:1.65!important}
@media (max-width:760px){html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul{grid-template-columns:1fr!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li{flex-direction:row!important;align-items:flex-start!important;padding:16px!important}html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11) .vw ul li>i{flex:0 0 30px!important}}/* แก้ 22:05 เอาส่วนรีเบต (08) และเรียนเทรดฟรี ออก — ถอดคืน: ลบบรรทัดนี้ */html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11)>section#rebate,html body #otc.dn2:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10):not(#q11)>section.sec:has(a[href*="trend-trendline-basics"]){display:none!important}/* แก้ 22:15 มือถือ: กราฟิกหัวโพสต์ไม่ชิดขอบจอ */@media (max-width:1024px){html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):has(#otc.dn2) header.ott-bh figure.ott-bfeat:has(.bh){margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important}}/* แก้ 22:20 ระยะห่างกล่อง "ข้อมูล ณ" ให้เท่ากันบนล่าง */html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):not(#d11):has(#otc.dn2) .ott-asof{margin-top:0!important;margin-bottom:28px!important}html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):not(#d11):has(#otc.dn2) #otc.dn2>.kpi{margin-top:0!important}@media (max-width:1024px){html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):not(#d11):has(#otc.dn2) .ott-asof{margin-top:18px!important;margin-bottom:18px!important}html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):not(#d11):has(#otc.dn2) #otc.dn2>p.dek{margin-top:0!important}}/* แก้ 22:30 สารบัญ "ในบทความนี้" แบบหน้าวิเคราะห์ข่าว */
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc{background:#fff;border:1px solid #E6EBF2;border-radius:24px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05);padding:22px 24px;margin:0 0 16px}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc>b{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#111722;margin:0 0 14px}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc>b::before{content:"";width:10px;height:10px;border-radius:3px;background:#C8102E}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc ol{list-style:none;margin:0;padding:0;position:relative}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-side ol::before{content:"";position:absolute;left:13px;top:16px;bottom:16px;width:1.5px;background:#E3E8F0}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc li{margin:0;padding:0}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a{display:flex;align-items:center;gap:12px;padding:6px 0;color:#5B6474;font-size:15px;font-weight:700;line-height:1.35;text-decoration:none;position:relative}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a i{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1.5px solid #DCE3EE;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;color:#5B6472;position:relative;z-index:1;transition:.15s}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a.done i{border-color:#C8102E;color:#C8102E}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a.on{color:#111722}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a.on i{background:#C8102E;border-color:#C8102E;color:#fff;box-shadow:0 0 0 4px #FDE3E6}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc a:hover{color:#C8102E}
html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob{display:none}
@media (max-width:1024px){html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-side{display:none}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob{display:block;margin:18px 0 0;padding:18px 16px;border-radius:20px}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob a{background:#F5F6F8;border-radius:12px;padding:9px 10px;font-size:13.5px;gap:8px}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob a i{flex:0 0 auto;width:auto;height:auto;border:0;background:none;color:#C8102E;font-size:12px}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10) nav.dn2-toc-mob a.on i{background:none;box-shadow:none;color:#C8102E}}@media (max-width:1024px){html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11) nav.dn2-toc-mob a{align-items:center}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11) nav.dn2-toc-mob a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}/* แก้ 22:45 กล่องรีเบตแบบหน้าวิเคราะห์ข่าว */
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-areas:"ic k" "ic t" "ic s" "btn btn"!important;column-gap:14px!important;row-gap:2px!important;align-items:start!important;padding:22px 22px 22px!important;border-radius:24px!important;border:0!important;background:radial-gradient(rgba(255,255,255,.16) 1.3px,transparent 1.8px) 0 0/16px 16px,radial-gradient(420px 220px at 100% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(135deg,#D3132F 0%,#A50D24 100%)!important;box-shadow:0 10px 28px rgba(200,16,46,.22)!important;color:#fff!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta::before{content:""!important;display:block!important;grid-area:ic!important;width:48px!important;height:48px!important;border-radius:14px!important;background:#FFF1F3 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M15%209.5c0-1.4-1.3-2.5-3-2.5s-3%201-3%202.3c0%203%206%201.8%206%204.8%200%201.4-1.3%202.4-3%202.4s-3-1-3-2.5M12%205.5V7M12%2017v1.5%22%2F%3E%3C%2Fsvg%3E") center/26px 26px no-repeat!important;position:static!important;box-shadow:none!important;border:0!important;margin:0!important;transform:none!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta::after{display:none!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta .k{grid-area:k!important;background:none!important;border:0!important;padding:0!important;margin:2px 0 4px!important;color:#FFD7DD!important;font-size:13px!important;font-weight:800!important;letter-spacing:.06em!important;box-shadow:none!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta b{grid-area:t!important;color:#fff!important;font-size:18px!important;font-weight:800!important;line-height:1.35!important;margin:0 0 6px!important;white-space:normal!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta .s{grid-area:s!important;color:rgba(255,255,255,.85)!important;font-size:14px!important;margin:0!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta .btn{grid-area:btn!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:18px 0 0!important;width:100%!important;min-height:52px!important;border-radius:16px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;font-size:16px!important;font-weight:800!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta .btn *{color:#fff!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta .s{font-size:13.5px!important}
html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):has(#otc.dn2) .ott-stick a.ott-bcta b{text-wrap:balance!important}/* แก้ 22:50 กล่องรีเบตขนาดเท่าหน้าวิเคราะห์ข่าว */html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta{padding:18px!important;border-radius:22px!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;row-gap:4px!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta::before{width:44px!important;height:44px!important;border-radius:14px!important;background-color:#FFF0F2!important;background-size:24px 24px!important;box-shadow:inset 0 0 0 1px #F6D3D9!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta .k{font-size:11.5px!important;letter-spacing:.08em!important;margin:0!important;line-height:1.7!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta b{font-size:16.5px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.4!important;margin:0!important;text-wrap:wrap!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta .s{font-size:13px!important;line-height:1.7!important}html body:not(#n1):not(#n2):not(#n3):not(#n4):not(#n5):not(#n6):not(#n7):not(#n8):not(#n9):not(#n10):not(#n11):not(#n12):not(#n13):has(#otc.dn2) .ott-stick a.ott-bcta .btn{min-height:0!important;padding:12px 16px!important;margin:12px 0 0!important;border-radius:14px!important;font-size:14.5px!important;font-weight:700!important;background:rgba(255,255,255,.18)!important}/* แก้ 22:55 สารบัญมือถือ: รายการเดียวเรียงลง บรรทัดเดียวเท่ากันทุกข้อ */@media (max-width:1024px){html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob ol{display:block!important;gap:0!important}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob li+li{border-top:1px solid #F0F1F4!important}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob a{background:none!important;border-radius:0!important;padding:11px 2px!important;font-size:14.5px!important;gap:12px!important;align-items:center!important}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob a i{flex:0 0 26px!important;width:26px!important;height:26px!important;border-radius:8px!important;background:#F5F6F8!important;color:#C8102E!important;font-size:12px!important}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob a span{display:block!important;-webkit-line-clamp:unset!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1;min-width:0}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob a::after{content:"→";color:#B8BCC6;font-weight:700;flex:0 0 auto}html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12) nav.dn2-toc-mob a.on i{background:#C8102E!important;color:#fff!important}}@media (max-width:1024px){html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13) nav.dn2-toc-mob a span,html body:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5):not(#t6):not(#t7):not(#t8):not(#t9):not(#t10):not(#t11):not(#t12):not(#t13) nav.dn2-toc-mob a span *{white-space:nowrap!important}}/* แก้ 23:00 ระยะห่างด้านล่าง hero จอคอม */@media (min-width:1025px){html body:not(#d1):not(#d2):not(#d3):not(#d4):not(#d5):not(#d6):not(#d7):not(#d8):not(#d9):not(#d10):not(#d11):not(#d12):has(#otc.dn2) header.ott-bh{padding-bottom:56px!important}}
/* แก้ 5 พ.ย. 2569 00:55 (เจ้าของสั่ง "เพิ่มบทวิเคราะห์ที่เกี่ยวข้อง เหมือนหน้า PCE"): กล่องบทวิเคราะห์ที่เกี่ยวข้อง #dn2-rel ใช้สไตล์เดียวกับหน้าวิเคราะห์ (คัดจาก ot-v4) · ย้อนกลับ: ลบ CSS ช่วงนี้ + สคริปต์ dn2-rel-js */
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel { background: rgb(255, 255, 255); border: 1px solid rgb(230, 235, 242); border-radius: 24px; padding: 22px 24px 24px; margin: 0px 0px 20px; box-shadow: rgba(19, 32, 59, 0.04) 0px 6px 20px; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel h2 { display: flex; align-items: center; gap: 12px; font-size: 22px !important; margin: 0px 0px 16px !important; color: rgb(17, 23, 34) !important; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel h2::before { width: 36px; height: 36px; border-radius: 11px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v14H6a2 2 0 0 1-2-2V5Z'/%3E%3Cpath d='M17 9h3v8a2 2 0 0 1-2 2M7.5 9h6M7.5 12.5h6M7.5 16h4'/%3E%3C/svg%3E") center center / 19px auto no-repeat rgb(255, 240, 242); flex: 0 0 36px; content: "" !important; display: block !important; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel .g { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a { display: block; text-decoration: none; color: rgb(17, 23, 34); border: 1px solid rgb(238, 241, 246); border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); transition: transform 0.15s, box-shadow 0.15s; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a:hover { transform: translateY(-2px); box-shadow: rgba(19, 32, 59, 0.1) 0px 10px 24px; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a img { display: block; width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; background: rgb(238, 242, 247); }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a span { padding: 10px 12px 0px; font-size: 14px; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a time { display: block; padding: 6px 12px 12px; font-size: 12px; color: rgb(138, 147, 163); }
@media (max-width: 900px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel .g { grid-template-columns: 1fr; }}
@media (max-width: 900px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a { display: grid; grid-template-columns: 120px minmax(0px, 1fr); align-items: start; }}
@media (max-width: 900px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a img { grid-row: 1 / span 2; height: 100%; aspect-ratio: auto; min-height: 72px; }}
@media (max-width: 900px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel a span { padding: 10px 12px 0px; font-size: 13.5px; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel { padding: 16px; border-radius: 20px; margin-bottom: 14px; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) .ev2-rel h2 { font-size: 19px !important; }}
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .rh { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0px 0px 16px; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .rh a.all { flex: 0 0 auto !important; display: inline-block !important; width: auto !important; min-width: 0px !important; font-size: 12.5px !important; font-weight: 700 !important; color: rgb(200, 16, 46) !important; text-decoration: none !important; background: rgb(255, 240, 243) !important; border: 0px !important; border-radius: 999px !important; padding: 6px 10px !important; margin: 0px !important; white-space: nowrap !important; line-height: 1.3 !important; box-shadow: none !important; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .rh h2 { margin: 0px !important; }
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 { background: rgb(255, 255, 255) !important; border: 1px solid rgb(236, 236, 236) !important; border-radius: 18px !important; padding: 18px 16px 6px !important; box-shadow: rgba(17, 17, 17, 0.05) 0px 6px 20px !important; margin: 22px 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .rh h2 { align-items: center; gap: 8px; margin: 0px !important; white-space: nowrap !important; font-size: 17px !important; line-height: 1.3 !important; display: flex !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g { display: block !important; grid-template-columns: none !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a { grid-template-rows: auto auto; row-gap: 4px; align-items: start; display: grid !important; grid-template-columns: 104px 1fr !important; column-gap: 12px !important; padding: 12px 0px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(240, 240, 240) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: none !important; box-shadow: none !important; text-decoration: none !important; color: rgb(17, 17, 17) !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a img { grid-row: 1 / 3; aspect-ratio: 16 / 9; object-fit: cover; display: block; width: 104px !important; height: auto !important; border-radius: 9px !important; margin: 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a span { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px !important; line-height: 1.45 !important; font-weight: 700 !important; color: rgb(17, 17, 17) !important; display: -webkit-box !important; padding: 0px !important; margin: 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a time { font-size: 12px !important; color: rgb(138, 138, 138) !important; padding: 0px !important; margin: 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a:first-child { display: block !important; padding: 0px 0px 14px !important; border-top: 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a:first-child img { width: 100% !important; border-radius: 12px !important; margin: 0px 0px 10px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a:first-child span { font-size: 17px !important; line-height: 1.45 !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a:first-child time { align-items: center; justify-content: space-between; display: flex !important; margin-top: 8px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2 .g > a:first-child time::after { content: "อ่านต่อ →"; font-weight: 700; color: rgb(200, 16, 46); font-size: 12.5px; }}
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a.more, html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .dts, html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a .tg { display: none !important; }
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 { padding: 18px 16px 14px !important; overflow: hidden !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .rh { margin: 0px 0px 12px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g { scroll-snap-type: x mandatory; scrollbar-width: none; scroll-padding-left: 16px; display: flex !important; gap: 12px !important; overflow: auto hidden !important; margin: 0px -16px !important; padding: 2px 16px 10px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g::-webkit-scrollbar { display: none; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a { scroll-snap-align: start; flex: 0 0 80% !important; max-width: 80% !important; display: flex !important; flex-direction: column !important; border: 1px solid rgb(234, 234, 234) !important; border-radius: 16px !important; overflow: hidden !important; background: rgb(255, 255, 255) !important; padding: 0px !important; box-shadow: rgba(17, 17, 17, 0.06) 0px 6px 16px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a img { aspect-ratio: 16 / 9; object-fit: cover; display: block; width: 100% !important; height: auto !important; border-radius: 0px !important; margin: 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a .tg { align-self: flex-start; background: rgb(255, 240, 243); color: rgb(200, 16, 46); display: inline-block !important; font-style: normal !important; margin: 12px 14px 0px !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1 !important; padding: 5px 10px !important; border-radius: 999px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a .tg.pre { background: rgb(234, 241, 255); color: rgb(31, 79, 184); }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a .tg.dat { background: rgb(255, 244, 226); color: rgb(181, 98, 10); }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a span.tt { flex: 1 1 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.5em; font-size: 15px !important; line-height: 1.5 !important; font-weight: 700 !important; color: rgb(17, 17, 17) !important; display: -webkit-box !important; padding: 0px !important; margin: 8px 14px 0px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a time { align-items: center; justify-content: space-between; align-self: stretch !important; width: auto !important; max-width: none !important; display: flex !important; font-size: 12px !important; color: rgb(138, 138, 138) !important; margin: 10px 14px 0px !important; padding: 10px 0px 13px !important; border-top: 1px solid rgb(242, 242, 242) !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a time::after { font-weight: 700; color: rgb(200, 16, 46); font-size: 12.5px; content: "อ่าน →" !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a.more { align-items: center; justify-content: center; gap: 10px; font-weight: 700; font-size: 14px; text-align: center; display: flex !important; flex: 0 0 46% !important; max-width: 46% !important; flex-direction: column !important; background: rgb(255, 245, 247) !important; border: 1px dashed rgb(243, 182, 194) !important; box-shadow: none !important; color: rgb(200, 16, 46) !important; padding: 16px !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a.more b { width: 46px; height: 46px; border-radius: 50%; background: rgb(200, 16, 46); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .dts { justify-content: center; gap: 6px; margin: 4px 0px 0px; display: flex !important; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .dts i { display: block; width: 6px; height: 6px; border-radius: 99px; background: rgb(226, 226, 226); transition: width 0.2s, background 0.2s; }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .dts i.on { width: 18px; background: rgb(200, 16, 46); }}
@media (max-width: 640px){html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4) section.ev2-rel.m2.m3 .g > a.more span.mt { font-size: 14px !important; font-weight: 700 !important; color: rgb(200, 16, 46) !important; padding: 0px 6px !important; margin: 0px !important; line-height: 1.45 !important; display: block !important; }}
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) section.ev2-rel .g > a time { color: rgb(102, 102, 102) !important; }
html body:has(#otc.dn2):not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6) section.ev2-rel .g > a .tg.dat { color: rgb(143, 75, 0) !important; }
/* --- end 00:55 --- */