html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  font-family:'Noto Sans',Tahoma,Geneva,sans-serif;
  font-size:14px;
  line-height:1.5em;
  color:#838383;
  background:#000;
  overflow-x:hidden;
}
a,img{border:0;outline:0;text-decoration:none;-webkit-user-drag:none;user-select:none}
div{margin:0;padding:0}
.clear{clear:both}

.header,#header,.topbar,.navbar,.menu-top{width:100%;max-width:100%;overflow:hidden;position:relative;z-index:99}

.bannerfx{width:100%;aspect-ratio:1919/586;background:url(../SrcImg/BGtop.jpg) center/cover no-repeat;position:relative;z-index:1;overflow:hidden}

.page-layout{display:grid;grid-template-columns:326px 1fr;gap:12px;align-items:start}
.leftcol{width:326px}
.rightcol{width:100%;min-width:0;box-sizing:border-box}

#hienthi .panel{border:1px solid #2b2f38;background:#0f1116;border-radius:14px;padding:16px;margin-bottom:12px}
#hienthi .panel-title{margin:0 0 10px 0;font-size:20px;font-weight:800;color:#ffd966}
#hienthi .panel-bg{position:relative;overflow:hidden}
#hienthi .panel-bg::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:.18;border-radius:14px}
#hienthi .panel-bg>*{position:relative}
#hienthi .center{text-align:center}
#hienthi .text-muted{color:#aeb4bf}
#hienthi .text-accent{color:#ffd966}
#hienthi .w-full{width:100%;height:auto;display:block}
#hienthi .radius{border-radius:10px}
#hienthi .list{margin:8px 0 0 18px;padding:0}
#hienthi .list li{margin:6px 0;color:#e7e7e7}
#hienthi .list.green li{color:#b9f2b4}
#hienthi .hot{color:#ff6868}
#hienthi .gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#hienthi .gallery img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #242a35}
#hienthi .links{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#hienthi .btn-link{display:block;text-align:center;padding:12px 14px;font-weight:700;text-decoration:none;color:#ffea00;background:radial-gradient(120% 160% at 50% 10%,#ff6a6a 0%,#e30606 35%,#c90000 70%,#990000 100%);border:1px solid #7a0000;border-radius:10px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 6px 16px rgba(0,0,0,.45)}
#hienthi .btn-link:hover{filter:brightness(1.05)}
#hienthi .mt-sm{margin-top:10px}
@media(max-width:768px){#hienthi .panel{padding:12px}}

.quickbar-wrapper{display:flex;justify-content:center;margin:20px auto;padding:14px 18px;background:#000;border-radius:20px;width:max-content}
.quickbar{display:flex;gap:28px}
.qb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:76px;padding:0 28px;background:#e10000;color:#fff200;font-weight:800;font-size:24px;text-transform:uppercase;border-radius:18px;text-decoration:none;box-shadow:0 6px 0 #6b0000,0 10px 22px rgba(0,0,0,.35)}
.qb-btn:hover{transform:translateY(-2px);background:#ff1616}
.qb-btn:active{transform:translateY(0);box-shadow:0 3px 0 #6b0000,0 6px 14px rgba(0,0,0,.3)}

.footer{width:100%;float:left;margin:15px 0 0;background:#0b0a08;box-sizing:border-box;padding:40px 10px;position:relative}
.footer:before{content:'';width:100%;height:10px;position:absolute;top:0;left:0;background:url(../SrcImg/line.png) center top no-repeat}
.footerinfo{width:100%;text-align:center;font-size:25px;font-weight:bold;font-family:Arial,Tahoma,sans-serif}
.footerinfo .whiteblue{color:#E0FFFF;text-shadow:0 0 6px #00CED1,0 0 12px #1E90FF,0 0 20px #4169E1}
.footerinfo .gold{color:#FFD700;margin:0 10px;text-shadow:0 0 6px #FFD700,0 0 14px #FF8C00,0 0 24px #FF4500}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

.container,
.alignall,
.ax {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.lightbox{
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
cursor:pointer;
}

.lightbox img{
max-width:900px !important;
max-height:550px !important;
width:auto !important;
height:auto !important;

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);

border:3px solid #d4af37;
box-shadow:0 0 40px rgba(0,0,0,0.8);
}

/* ================= GUIDE PAGE STYLE ================= */

.outer-bg{
width:100%;
min-height:100vh;
margin:0;
padding:5px 0;
background:#000;
}

.wrapper{
max-width:1100px;
margin:0 auto;
padding:0 70px;
}

.section-box{
position:relative;
background:linear-gradient(180deg,#1f2945,#141c2f);
border:2px solid #d4af37;
border-radius:12px;
padding:28px 30px 18px 30px;
margin-bottom:35px;
box-shadow:
0 0 18px rgba(212,175,55,0.25),
inset 0 0 30px rgba(0,0,0,0.6);
}