/* =====================================================================
   Mist — โทนน้ำตาล Luxury (แนว dustin-ro): ครีม + น้ำตาลช็อกโกแลต + ทอง
   โหลดต่อจาก dustin.css — ถ้าจะกลับเป็นโทนน้ำเงิน ให้เอาบรรทัด brown.css ออกจาก inc/header.php
   ===================================================================== */
:root{
  --b-cream:#fff2cb; --b-cream2:#fff8e4; --b-paper:#fffaf0;
  --b-ink:#5d4129; --b-ink2:#7a5a3c; --b-muted:#9b8266;
  --b-choco:#2d1d10; --b-choco2:#4a3220; --b-brown:#836345; --b-brown2:#99704b;
  --b-gold:#c9962f; --b-gold-d:#a3741f; --b-gold-bd:#8a6320; --b-gold-l:#fff3d6;
  --b-line:rgba(151,114,82,.45); --b-line2:rgba(201,156,104,.45);
  --b-btn-gold:linear-gradient(135deg,#d9a93d 0%,#c9962f 45%,#a3741f 100%);
  --b-btn-brown:linear-gradient(to right,#836345,#99704b);
  --b-card:linear-gradient(62deg,#ffffff 0%,#e9dfcf 100%);
  --ink:#5d4129; --ink2:#7a5a3c; --muted:#9b8266;
  --d-ink:#5d4129; --d-ink2:#7a5a3c; --d-muted:#9b8266; --d-line:rgba(151,114,82,.45); --d-card-bd:#977252;
  --d-blue:linear-gradient(to right,#836345,#99704b); --d-blue-v:linear-gradient(135deg,#c9962f,#a3741f);
  --m-sky:#c9962f; --m-blue:#a3741f; --m-navy:#5d4129; --m-line:rgba(151,114,82,.4);
  --cb-blue:linear-gradient(135deg,#d9a93d 0%,#c9962f 45%,#a3741f 100%); --cb-blue-bd:#8a6320;
  --cb-white:linear-gradient(180deg,#fffaf0 0%,#f5e8cf 100%); --cb-white-bd:rgba(151,114,82,.45); --cb-text:#5d4129;
  --pink-d:#a3741f; --brown-d:#5d4129;
}
body{color:var(--b-ink)!important;background-color:#ffffff!important}
a:hover{color:var(--b-gold-d)}
/* ฝุ่นขาวทับพื้นหลังส่วนล่าง (แบบเดียวกับม่านครีมเดิม แต่เป็นสีขาว) ด้านบนยังเห็นภาพชัด */
body::after{content:""!important;position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.42) 60%,rgba(255,255,255,.55) 100%)!important}

/* ---------- เมนูบน: น้ำตาลช็อกโกแลต + เส้นทอง ---------- */
.topbar{background:linear-gradient(180deg,rgba(45,29,16,.94),rgba(74,50,32,.92))!important;border-bottom:1px solid rgba(201,150,47,.55)!important;box-shadow:0 1px 0 rgba(255,243,214,.12),0 10px 24px rgba(0,0,0,.3)!important}
.tb-list>li>a:not(.hex){color:#f6f0e3!important}
.tb-list>li>a small{color:#c9a978!important}
.tb-list>li>a.on{background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.22)!important}
.tb-list>li>a.on small{color:#ffd98a!important}
.sub{background:var(--b-paper)!important;border:1px solid var(--b-line)!important}
.sub a{color:var(--b-ink)!important}
.sub a:hover{background:#f7ead0!important;color:var(--b-gold-d)!important}

/* ---------- ปุ่ม: ทองหลัก / ครีมรอง ---------- */
.pill-red,.hex-red,.readmore,.btn-gold,.woe-tab,.tabs button.on,.rtabs button.on,.pager button.on,.to-top,.castle{
  background:var(--b-btn-gold)!important;color:var(--b-gold-l)!important;border:1px solid var(--b-gold-bd)!important;text-shadow:0 1px 0 rgba(90,55,10,.35)!important;
  box-shadow:0 6px 16px rgba(84,55,30,.3),inset 0 1px 0 rgba(255,255,255,.25)!important}
.pill-green,.hex-green,.pill-blue,.ft-btn,.tabs button,.captcha-re,.sl-arrow{
  background:var(--cb-white)!important;color:var(--b-ink)!important;border:1px solid var(--cb-white-bd)!important;text-shadow:none!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(84,55,30,.12)!important}
.pill-green:hover,.hex-green:hover,.pill-blue:hover,.ft-btn:hover,.tabs button:hover,.captcha-re:hover{background:#fffaf0!important;border-color:var(--b-gold)!important;color:var(--b-gold-d)!important}
.tabs button.on{border-color:var(--b-gold-bd)!important}
.hex-red small{color:rgba(255,243,214,.85)!important} .hex-green small{color:var(--b-muted)!important}
.readmore{background:var(--b-btn-brown)!important;border:0!important;color:#fff!important;text-shadow:none!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)!important}
.pill-green i,.pill-blue i{background:var(--b-btn-gold)!important}

/* ---------- หัวเว็บ ---------- */
.hero-tag{background:rgba(45,29,16,.72)!important;color:#fff3d6!important;border:1px solid rgba(201,150,47,.5)!important}
.hero-tag span{color:#e8c77a!important}
.stat{background:rgba(45,29,16,.72)!important;border:1px solid rgba(201,150,47,.45)!important;color:#fff3d6!important}
.stat span{color:#d8c3a0!important}
.stat b{color:#ffe7a8!important}
.stat b.on{color:#9be27a!important} .stat b.off{color:#ff9a8a!important}

/* ---------- สไลด์ + ปุ่มด้านขวา ---------- */
.showcase-d .show-slider{background:linear-gradient(180deg,#4a3220,#2d1d10)!important;border:1px solid var(--b-gold-bd)!important;box-shadow:inset 0 0 0 1px rgba(255,217,138,.25),0 14px 30px rgba(45,29,16,.4)!important}
.sl-dots button.on{background:#e8c77a!important}
.qbig{background:linear-gradient(135deg,#3a2616 0%,#5b3d22 55%,#7c5630 100%)!important;border:1px solid var(--b-gold-bd)!important;
  box-shadow:inset 0 1px 0 rgba(255,217,138,.35),inset 0 0 0 2px rgba(201,150,47,.25),0 10px 22px rgba(45,29,16,.35)!important}
.qbig-acc{background:linear-gradient(135deg,#5b3d22 0%,#836345 55%,#a5794a 100%)!important}
.qbig-dl{background:linear-gradient(135deg,#8a5f1c 0%,#b8862c 55%,#d9a93d 100%)!important}
.qbig::before{background:radial-gradient(circle,rgba(255,217,138,.28),transparent 65%)!important}
.qbig-ic{background:linear-gradient(180deg,#fff8e4,#f1dcae)!important;color:#7c5630!important;box-shadow:0 0 0 3px rgba(201,150,47,.55),0 4px 10px rgba(0,0,0,.3)!important}
.qbig-dl .qbig-ic{color:#8a5f1c!important}
.qbig-tx b{color:#fff3d6;text-shadow:0 2px 0 rgba(0,0,0,.25)!important}
.qbig-tx small{color:#e8c77a;opacity:1!important}
.qtile{background:linear-gradient(180deg,#fffaf0,#f3e5c8)!important;border:1px solid var(--b-line)!important;color:var(--b-ink)!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(84,55,30,.14)!important}
.qtile:hover{border-color:var(--b-gold)!important}
.qtile-ic{background:var(--b-btn-gold)!important;box-shadow:0 4px 10px rgba(163,116,31,.35)!important}
.qtile-tx small{color:var(--b-muted)!important}

/* ---------- กล่องทั่วไป: ครีมขอบน้ำตาล ---------- */
.notice,.news-head,.card-in,.panel,.side-woe,.gmenu,.gpanel{background:var(--b-paper)!important;border:1px solid var(--b-line)!important;box-shadow:0 6px 20px rgba(84,55,30,.12)!important;color:var(--b-ink)}
.notice-title,.news-h,.gmenu-title,.gpanel-hd h1,.page-title,.panel-title,.sec-head h2{color:var(--b-ink)!important}
.news-h small{color:var(--b-ink2)!important}
.notice-list li{border-top-color:rgba(151,114,82,.2)!important}
.ntext{color:var(--b-ink)!important}
.ndate{color:var(--b-muted)!important}
.ntag-news{background:var(--b-btn-brown)!important;color:#fff!important}
.ntag-event{background:var(--b-btn-gold)!important;color:#fff!important}

/* ---------- การ์ดข่าว ---------- */
.ncard{background:var(--b-card)!important;border:1px solid #977252!important;box-shadow:0 6px 20px rgba(0,0,0,.08)!important}
.ncard:hover{box-shadow:0 14px 30px rgba(84,55,30,.2)!important}
.ncard-body h3 a{color:var(--b-ink)!important}
.ncard-body h3 a:hover{color:var(--b-gold-d)!important}
.ago{color:var(--b-ink)!important}
.ncard-ph,.ph-update,.ph-event,.ph-promotion,.ph-system{background:radial-gradient(circle at 50% 38%,#fff6de 0%,#e8cf9c 55%,#b98a4c 100%)!important}
.ph-event{background:radial-gradient(circle at 50% 38%,#ffeede 0%,#e8b89c 55%,#a8663c 100%)!important}
.ph-system{background:radial-gradient(circle at 50% 38%,#fbf1e6 0%,#d8c3a8 55%,#8a6a4c 100%)!important}
.ncard-ph em{color:#fff!important;text-shadow:0 2px 4px rgba(60,35,10,.5)!important}
.tag{background:var(--b-btn-brown)!important;color:#fff!important}
.tag-event,.tag-promotion{background:var(--b-btn-gold)!important}
.tag-system{background:#6b5a4a!important}
.pager{background:var(--b-paper)!important;border:1px solid var(--b-line)!important}
.pager button{color:var(--b-ink)!important}
.pager button:hover{background:#f7ead0!important}

/* ---------- ป้ายหัวข้อ RANKING / WAR / FANPAGE: แผ่นทอง ---------- */
.plaque,.plaque-gold{background:var(--b-btn-gold)!important;color:#fff3d6!important;border:1px solid var(--b-gold-bd)!important;text-shadow:0 2px 0 rgba(90,55,10,.4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 3px rgba(255,242,203,.9),0 0 0 4px var(--b-line),0 10px 20px rgba(84,55,30,.3)!important}
.plaque::before,.plaque::after{background:radial-gradient(circle at 35% 30%,#fff6de,#c9962f 60%,#6b4a1a)!important;box-shadow:0 0 0 2px #fff3d6!important}

/* ---------- แร้งกิ้ง / กิลด์วอร์ ---------- */
.rtabs{border-bottom-color:var(--b-line)!important}
.rtabs button{color:var(--b-muted)!important}
.rtbl th{color:var(--b-ink2)!important}
.rtbl td{background:#fffdf7!important;border-color:rgba(151,114,82,.25)!important}
.rtbl tbody tr:nth-child(even) td{background:#fbf3e3!important}
.rt-name,.rt-pts{color:var(--b-ink)!important}
.side-woe b{color:var(--b-gold-d)!important;background:none!important;-webkit-text-fill-color:currentColor}
.gcard::before,.gcard::after{border-color:var(--b-gold)!important}

/* ---------- หน้าแนะนำ / ฟอร์ม ---------- */
.gmenu-list a{background:#fff!important;border:1px solid rgba(151,114,82,.3)!important;color:var(--b-ink)!important}
.gmenu-list a:hover{background:#f7ead0!important;color:var(--b-gold-d)!important}
.gmenu-list a.on{background:linear-gradient(90deg,#f7ead0,#fff)!important;border-color:var(--b-gold)!important;color:var(--b-ink)!important}
.gmenu-list a.on::before{background:var(--b-gold)!important}
.gpanel-hd{background:linear-gradient(180deg,#fff,#fbf1dc)!important;border-bottom:1px solid var(--b-line)!important}
.gpanel-upd{background:var(--b-choco2)!important;color:#fff3d6!important}
.field input[type=text],.field input[type=password],.field input[type=email],.field input[type=search]{border-color:var(--b-line)!important;background:#fff!important;color:var(--b-ink)!important}
.field input:focus{border-color:var(--b-gold)!important;box-shadow:0 0 0 4px rgba(201,150,47,.2)!important}
.captcha-row img{border-color:var(--b-line)!important}
.legacy .line-box{border-top-color:var(--b-gold)!important}
.legacy .table thead th{background:#f7ead0!important;color:var(--b-ink)!important}

/* ---------- ท้ายเว็บ ---------- */
.ft{background:linear-gradient(180deg,#4a3220,#2d1d10)!important;border-top:1px solid var(--b-gold)!important;color:#d8c3a0!important}
.ft-text>b{color:#fff3d6!important}
.ft-text>span{color:#e8c77a!important}
.ft-links a{color:#d8c3a0!important}
.ft-links a:hover{color:#ffe7a8!important}
/* Facebook / LINE ท้ายเว็บ: ไอคอนวงกลมสีแบรนด์ + เด้งขึ้นและเรืองแสงตอนชี้ */
.ft-links{align-items:center}
.ft-social{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 3px;border-radius:999px;border:1px solid rgba(255,231,168,.18);background:rgba(255,255,255,.04);transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.ft-sic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.ft-fb .ft-sic{background:#1877f2}
.ft-line .ft-sic{background:#06c755}
.ft-social:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,231,168,.4)}
.ft-social:hover .ft-sic{transform:rotate(-12deg) scale(1.12)}
.ft-fb:hover{box-shadow:0 6px 16px rgba(24,119,242,.35)}
.ft-line:hover{box-shadow:0 6px 16px rgba(6,199,85,.35)}
.ft-social:focus-visible{outline:2px solid #ffe7a8;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ft-social,.ft-sic{transition:none}.ft-social:hover,.ft-social:hover .ft-sic{transform:none}}
.ft-btn{background:transparent!important;color:#ffe7a8!important;border:1px solid rgba(201,150,47,.6)!important;box-shadow:none!important}
.ft-btn:hover{background:rgba(201,150,47,.15)!important;color:#fff!important}

/* ---------- แถว ประกาศ + ปุ่ม Facebook / LINE สองข้าง ---------- */
.notice-row{display:grid;grid-template-columns:104px minmax(0,1fr) 104px;gap:12px;align-items:center;max-width:1300px;margin:0 auto 28px}
.notice-row .notice{margin:0!important;padding:12px 18px 8px!important;max-width:none!important}
.notice-row .notice-title{font-size:17px!important;margin-bottom:2px!important}
.notice-row .notice-list li{padding:5px 2px!important;gap:10px!important}
.notice-row .ntext{font-size:13.5px!important}
.notice-row .ntag{width:52px!important;font-size:9.5px!important;padding:1px 0!important}
.social-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:10px 6px;border-radius:12px;color:#fff;text-align:center;overflow:hidden;
  border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 20px rgba(84,55,30,.22);transition:transform .15s,filter .15s}
.social-card::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.social-card:hover{transform:translateY(-3px);filter:brightness(1.06);color:#fff}
.social-card:hover::after{left:120%}
.sc-fb{background:linear-gradient(160deg,#3b8bff 0%,#1877f2 55%,#0f5ccc 100%)}
.sc-line{background:linear-gradient(160deg,#2fe07a 0%,#06c755 55%,#04a646 100%)}
.sc-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#fff;margin-bottom:5px;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.sc-fb .sc-ic{color:#1877f2} .sc-line .sc-ic{color:#06c755}
.social-card b{font-size:11.5px;font-weight:700;letter-spacing:1px}
.sc-ic svg{width:20px;height:20px}
.social-card small{font-size:9.5px;opacity:.92;white-space:nowrap}
@media (max-width:1000px){
  .notice-row{grid-template-columns:1fr 1fr;gap:12px}
  .notice-row .notice{grid-column:1/-1;grid-row:1}
  .social-card{flex-direction:row;gap:10px;padding:10px 14px}
  .sc-ic{width:40px;height:40px;margin:0}
  .social-card small{display:none}
}
@media (max-width:1340px){.notice-row{padding:0 16px}}

/* ---------- หัวข้อ RANKING / WAR / FANPAGE: แบบเดียวกับปุ่มสมัครสมาชิก ---------- */
.plaque,.plaque-gold{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;height:auto!important;min-height:62px;
  padding:8px 18px 8px 10px!important;margin:0 0 14px!important;border-radius:16px!important;overflow:hidden;letter-spacing:0!important;text-transform:none!important;
  background:linear-gradient(135deg,#3a2616 0%,#5b3d22 55%,#7c5630 100%)!important;border:1px solid #8a6320!important;color:#fff3d6!important;text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,217,138,.35),inset 0 0 0 2px rgba(201,150,47,.25),0 10px 22px rgba(45,29,16,.35)!important}
.plaque::before{content:""!important;display:block!important;position:absolute!important;left:auto!important;right:-30px!important;top:-40px!important;bottom:auto!important;width:150px!important;height:150px!important;margin:0!important;border-radius:50%!important;transform:none!important;
  background:radial-gradient(circle,rgba(255,217,138,.28),transparent 65%)!important;box-shadow:none!important}
.plaque::after{display:none!important}
.pq-ic{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(180deg,#fff8e4,#f1dcae);color:#7c5630;box-shadow:0 0 0 3px rgba(201,150,47,.55),0 4px 10px rgba(0,0,0,.3)}
.pq-tx{display:flex;flex-direction:column;line-height:1.1;position:relative;z-index:1;min-width:0}
.pq-tx b{font-size:19px;font-weight:600;color:#fff3d6;text-shadow:0 2px 0 rgba(0,0,0,.25);white-space:nowrap}
.pq-tx small{font-size:10.5px;font-weight:500;letter-spacing:2.5px;color:#e8c77a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* หัวข้อ RANKING / WAR / FANPAGE: ไม่มีไอคอน ข้อความอยู่กลาง + ลายเส้นทองสองข้าง */
.plaque .pq-ic{display:none!important}
.plaque,.plaque-gold{justify-content:center!important;padding:8px 18px!important;text-align:center}
.pq-tx{align-items:center;text-align:center}
.pq-tx b{display:inline-flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.5px}
.pq-tx b::before,.pq-tx b::after{content:"";width:34px;height:10px;flex:none;opacity:.9;
  background:linear-gradient(90deg,transparent,#e8c77a) center/100% 1.5px no-repeat,
             radial-gradient(circle,#ffe7a8 0 2.2px,transparent 2.6px) right center/10px 10px no-repeat}
.pq-tx b::after{transform:scaleX(-1)}
.pq-tx small{letter-spacing:3px;margin-top:4px}

/* แถวประกาศ: ปุ่ม Facebook + LINE ซ้อนกันด้านซ้าย / ข่าว 5 บรรทัดด้านขวา */
.notice-row{grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important}
.social-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.social-col .social-card{flex:1;flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 12px;text-align:left}
.social-col .sc-ic{margin:0;width:34px;height:34px;flex:none}
.social-col .social-card b,.social-col .social-card small{display:block}
.social-col .social-card{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:0;align-content:center}
.social-col .sc-ic{grid-row:1/3}
.social-col .social-card b{font-size:12.5px;line-height:1.2;align-self:end}
.social-col .social-card small{font-size:10px;line-height:1.2;align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice-row .notice{padding:14px 22px 10px!important}
.notice-row .notice-list li{padding:6px 2px!important;gap:14px!important}
/* หัวข้อข่าว: ไม่มีแท็บหมวดแล้ว */
.news-head{justify-content:flex-start!important}
@media (max-width:1000px){
  .notice-row{grid-template-columns:1fr!important}
  .notice-row .notice{grid-column:auto!important;grid-row:auto!important}
  .social-col{flex-direction:row;order:2}
}

/* ปุ่ม Facebook / LINE ใหญ่ขึ้น + ขยับกล่องประกาศไปทางขวา */
.notice-row{grid-template-columns:200px minmax(0,1fr)!important;gap:28px!important}
.social-col{gap:14px}
.social-col .social-card{grid-template-columns:48px 1fr!important;column-gap:12px!important;padding:12px 16px!important;border-radius:16px!important}
.social-col .sc-ic{width:48px!important;height:48px!important;border-radius:13px!important}
.social-col .sc-ic svg{width:28px!important;height:28px!important}
.social-col .social-card b{font-size:17px!important;letter-spacing:1px}
.social-col .social-card small{font-size:12.5px!important;margin-top:2px}

/* ข่าว 6 ป้ายต่อหน้า 3 ใบต่อแถว รูปใหญ่ขึ้น */
.ncards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.ncard-body h3{font-size:19px!important}
@media (max-width:1000px){.ncards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.ncards{grid-template-columns:minmax(0,1fr)!important}}

/* ปุ่มบนเมนู: ตัวอังกฤษเล็กอ่านชัดขึ้น */
.hex small{font-size:9.5px!important;font-weight:600!important;letter-spacing:1.4px!important;opacity:1!important}
.hex-red small{color:#fffaf0!important;text-shadow:0 1px 1px rgba(90,55,10,.55)!important}
.hex-red{text-shadow:0 1px 1px rgba(90,55,10,.5)!important}
.hex-green small{color:#8a6a45!important}
.tb-list>li>a.hex-red small{color:#fffaf0!important;text-shadow:0 1px 1px rgba(90,55,10,.6)!important}
.tb-list>li>a.hex-green small{color:#8a6a45!important}
/* ตัวอังกฤษบนปุ่มทั้งสองใช้ฟอนต์/น้ำหนักเดียวกัน ต่างแค่สี */
.tb-list>li>a.hex small{font-family:'Prompt',sans-serif!important;font-size:10px!important;font-weight:500!important;letter-spacing:1.4px!important;text-transform:uppercase}
.tb-list>li>a.hex-red small{color:#fff8e6!important;text-shadow:0 1px 0 rgba(90,55,10,.35)!important}
.tb-list>li>a.hex{text-shadow:none!important}
.tb-list>li>a.hex-red{color:#fff!important;text-shadow:0 1px 0 rgba(90,55,10,.3)!important}

/* ปุ่ม Facebook / LINE ไปอยู่ขวามือ + กล่องประกาศกะทัดรัดขึ้น */
.notice-row{grid-template-columns:minmax(0,1fr) 200px!important;gap:22px!important}
.notice-row .social-col{order:2}
.notice-row .notice{order:1;padding:10px 18px 6px!important}
.notice-row .notice-title{font-size:15px!important;margin-bottom:0!important}
.notice-row .notice-list li{padding:3px 2px!important;gap:12px!important}
.notice-row .ntext{font-size:12.5px!important}
.notice-row .ntag{width:46px!important;font-size:8.5px!important}
.social-col{gap:10px!important}
.social-col .social-card{padding:9px 14px!important}
/* ปุ่มลัด 4 ช่องข้างกล่องประกาศ: [ประกาศ | ปุ่มลัด 2x2 | Facebook/LINE] */
.notice-row{grid-template-columns:minmax(0,1fr) 340px 200px!important}
.notice-row .notice-quick{order:2;grid-auto-rows:1fr;align-content:stretch}
.notice-row .social-col{order:3}
.notice-quick .qtile{min-height:0;padding:8px 12px}
@media (max-width:1180px){.notice-row{grid-template-columns:minmax(0,1fr) 300px 180px!important}}
@media (max-width:1000px){.notice-row{grid-template-columns:1fr!important}}
@media (max-width:600px){.social-col .social-card b{font-size:14px!important}.social-col .social-card small{font-size:11px!important}.social-col .social-card{grid-template-columns:38px 1fr!important;column-gap:8px!important;padding:8px 10px!important}.social-col .sc-ic{width:38px!important;height:38px!important}}
/* รหัสยืนยัน 6 หลัก ตัวใหญ่ */
.captcha-row img{width:228px;height:70px}
.captcha-field input{font-size:24px!important;letter-spacing:8px!important;max-width:230px!important;height:52px!important;text-align:center}
/* หน้าสมัครสมาชิก ใหญ่ขึ้น */
.form-panel{max-width:760px!important;padding:32px 40px!important}
.form-panel .field>span,.form-panel .field legend{font-size:17px!important}
.form-panel .field input[type=text],.form-panel .field input[type=password],.form-panel .field input[type=email]{height:54px!important;font-size:18px!important;padding:0 16px!important}
.form-panel .field small{font-size:14px!important;line-height:1.6}
.form-panel .field small b{color:#a8581a}
.form-panel .radio{font-size:17px}
.form-panel .btn-lg{height:60px!important;font-size:20px!important}
.captcha-row img{width:270px!important;height:83px!important}
.captcha-field input{max-width:270px!important;height:58px!important;font-size:26px!important}
@media (max-width:600px){.form-panel{padding:20px 16px!important}}
/* วันเกิดแบบเลือก วัน/เดือน/ปี */
.bd-row{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:12px}
.bd-row select{height:54px;border-radius:10px;border:2px solid var(--b-line,#e3cfa8);background:#fff;color:#5d4129;font:inherit;font-size:17px;padding:0 12px;cursor:pointer}
.bd-row select:focus{outline:none;border-color:#c9962f;box-shadow:0 0 0 4px rgba(201,150,47,.2)}
.bd-field small{display:block;margin-top:8px;font-size:14px;line-height:1.6}
#bdCode{font-size:16px;letter-spacing:2px}
@media (max-width:600px){.bd-row{grid-template-columns:1fr 1.5fr 1.2fr;gap:6px}.bd-row select{font-size:15px;padding:0 6px}}