/* ── Site Footer ── */ .site-footer{border-top:1px solid var(--border);padding:40px 0 24px;margin-top:40px} .site-footer .ft-inner{width:min(1200px,100% - 40px);margin:0 auto} .site-footer .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px} .site-footer .ft-logo{display:flex;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px} .site-footer .ft-logo-icon{width:30px;height:30px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900;color:#000} .site-footer .ft-logo span{color:#f0f0f0} .site-footer .ft-tagline{font-size:.82rem;color:var(--text2);line-height:1.7;max-width:26ch} .site-footer .ft-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:12px} .site-footer .ft-col ul{list-style:none} .site-footer .ft-col ul li{margin-bottom:9px} .site-footer .ft-col a{font-size:.84rem;color:var(--text3);transition:color .15s} .site-footer .ft-col a:hover{color:var(--text)} .site-footer .ft-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .site-footer .ft-copy{font-size:.78rem;color:var(--text3);line-height:1.6} .site-footer .ft-btm-links{display:flex;gap:16px} .site-footer .ft-btm-links a{font-size:.78rem;color:var(--text3);transition:color .15s} .site-footer .ft-btm-links a:hover{color:var(--text2)} @media(max-width:768px){.site-footer .ft-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.site-footer .ft-grid{grid-template-columns:1fr}} :root{--bg:#0a0a0a;--bg2:#111111;--bg3:#1a1a1a;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);--text:#f0f0f0;--text2:#888;--text3:#505050;--green:#7ec8a0;--red:#ff4757;--blue:#94adc8;--radius:12px;--font:"Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit} .navbar{position:sticky;top:0;z-index:100;height:60px;background:rgba(10,10,10,0.95);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);display:flex;align-items:center} .navbar-inner{width:min(1200px,100% - 40px);margin-inline:auto;display:flex;align-items:center;gap:16px} .nav-logo{display:flex;align-items:center;gap:9px;font-size:1.1rem;font-weight:800;letter-spacing:-0.03em} .nav-logo-icon{width:32px;height:32px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900;color:#000} .nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin-left:6px} .nav-links a{padding:6px 11px;border-radius:8px;font-size:.84rem;font-weight:600;color:var(--text2);transition:all .15s} .nav-links a:hover,.nav-links a.active{color:var(--text);background:rgba(255,255,255,0.06)} .nav-spacer{flex:1} .nav-cta{display:flex;align-items:center;gap:8px} .btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:9px;font-size:.83rem;font-weight:700;cursor:pointer;border:none;font-family:var(--font);transition:all .18s;white-space:nowrap} .btn-ghost{color:var(--text2);background:transparent;border:1px solid var(--border2)} .btn-ghost:hover{color:var(--text);background:rgba(255,255,255,0.06)} .btn-primary{background:#fff;color:#000} .btn-primary:hover{background:#e8e8e8} .main-wrap{width:min(1200px,100% - 40px);margin-inline:auto;padding:32px 0 80px} .page-hdr{margin-bottom:24px} .page-title{font-size:1.55rem;font-weight:900;letter-spacing:-0.03em;margin-bottom:6px} .page-subtitle{font-size:.86rem;color:var(--text2);line-height:1.65} .tv-card{border-radius:var(--radius);overflow:hidden;background:var(--bg2);border:1px solid var(--border);margin-bottom:20px} /* ── Site Footer ── */ .site-footer{border-top:1px solid var(--border);padding:40px 0 24px;margin-top:40px} .site-footer .ft-inner{width:min(1200px,100% - 40px);margin:0 auto} .site-footer .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px} .site-footer .ft-logo{display:flex;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px} .site-footer .ft-logo-icon{width:30px;height:30px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900;color:#000} .site-footer .ft-logo span{color:#f0f0f0} .site-footer .ft-tagline{font-size:.82rem;color:var(--text2);line-height:1.7;max-width:26ch} .site-footer .ft-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:12px} .site-footer .ft-col ul{list-style:none} .site-footer .ft-col ul li{margin-bottom:9px} .site-footer .ft-col a{font-size:.84rem;color:var(--text3);transition:color .15s} .site-footer .ft-col a:hover{color:var(--text)} .site-footer .ft-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .site-footer .ft-copy{font-size:.78rem;color:var(--text3);line-height:1.6} .site-footer .ft-btm-links{display:flex;gap:16px} .site-footer .ft-btm-links a{font-size:.78rem;color:var(--text3);transition:color .15s} .site-footer .ft-btm-links a:hover{color:var(--text2)} @media(max-width:768px){.site-footer .ft-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.site-footer .ft-grid{grid-template-columns:1fr}}

🏅 สินค้าโภคภัณฑ์

ราคาทองคำ น้ำมัน เงิน ก๊าซธรรมชาติ และสินค้าโภคภัณฑ์แบบ Real-time

เงิน28.42+0.88%
WTI Crude82.40-0.54%
Brent Crude86.10-0.48%
Natural Gas1.842+2.10%
Wheat592.5-0.70%
Corn441.2-0.42%
Copper4.582+0.35%
/* ── Site Footer ── */ .site-footer{border-top:1px solid var(--border);padding:40px 0 24px;margin-top:40px} .site-footer .ft-inner{width:min(1200px,100% - 40px);margin:0 auto} .site-footer .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px} .site-footer .ft-logo{display:flex;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px} .site-footer .ft-logo-icon{width:30px;height:30px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900;color:#000} .site-footer .ft-logo span{color:#f0f0f0} .site-footer .ft-tagline{font-size:.82rem;color:var(--text2);line-height:1.7;max-width:26ch} .site-footer .ft-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:12px} .site-footer .ft-col ul{list-style:none} .site-footer .ft-col ul li{margin-bottom:9px} .site-footer .ft-col a{font-size:.84rem;color:var(--text3);transition:color .15s} .site-footer .ft-col a:hover{color:var(--text)} .site-footer .ft-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .site-footer .ft-copy{font-size:.78rem;color:var(--text3);line-height:1.6} .site-footer .ft-btm-links{display:flex;gap:16px} .site-footer .ft-btm-links a{font-size:.78rem;color:var(--text3);transition:color .15s} .site-footer .ft-btm-links a:hover{color:var(--text2)} @media(max-width:768px){.site-footer .ft-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.site-footer .ft-grid{grid-template-columns:1fr}} .local-ticker-bar .lt{display:flex;flex-direction:column;align-items:center;padding:10px 18px;border-right:1px solid var(--border);gap:2px;white-space:nowrap;min-width:90px}.local-ticker-bar .lt:last-child{border-right:none}.ls{font-size:.8rem;font-weight:800;color:var(--text2)}.lp{font-size:.9rem;font-weight:700;color:var(--text)}.lc{font-size:.75rem;font-weight:700}.lc.pos{color:var(--green)}.lc.neg{color:var(--red)} /* ── Site Footer ── */ .site-footer{border-top:1px solid var(--border);padding:40px 0 24px;margin-top:40px} .site-footer .ft-inner{width:min(1200px,100% - 40px);margin:0 auto} .site-footer .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px} .site-footer .ft-logo{display:flex;align-items:center;gap:9px;font-size:1.05rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px} .site-footer .ft-logo-icon{width:30px;height:30px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:900;color:#000} .site-footer .ft-logo span{color:#f0f0f0} .site-footer .ft-tagline{font-size:.82rem;color:var(--text2);line-height:1.7;max-width:26ch} .site-footer .ft-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:12px} .site-footer .ft-col ul{list-style:none} .site-footer .ft-col ul li{margin-bottom:9px} .site-footer .ft-col a{font-size:.84rem;color:var(--text3);transition:color .15s} .site-footer .ft-col a:hover{color:var(--text)} .site-footer .ft-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap} .site-footer .ft-copy{font-size:.78rem;color:var(--text3);line-height:1.6} .site-footer .ft-btm-links{display:flex;gap:16px} .site-footer .ft-btm-links a{font-size:.78rem;color:var(--text3);transition:color .15s} .site-footer .ft-btm-links a:hover{color:var(--text2)} @media(max-width:768px){.site-footer .ft-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.site-footer .ft-grid{grid-template-columns:1fr}}
✨ โลหะมีค่า (Precious Metals)
สินค้าราคาYTD
Gold$2,348+12.4%
Silver$28.42+18.2%
Platinum$942.0-3.1%
Copper$4.582+14.8%
⛽ พลังงาน (Energy)
สินค้าราคาYTD
WTI Oil$82.40+8.2%
Brent Oil$86.10+6.9%
Natural Gas$1.842-18.4%
Gasoline$2.682+5.4%
🌾 เกษตร (Agriculture)
สินค้าราคาYTD
Wheat592.5¢-2.4%
Corn441.2¢-6.8%
Soybeans1182¢-8.1%
Coffee198.2¢+22.4%

* ข้อมูลเป็นค่าประมาณ