@charset "utf-8";
/* CSS Document */
body {
	background: #202028;
	color: #A68C5A;
}
.WrapperOut {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.WrapperIn {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.Wrapper {
	background: url(../images/bg-sub-top.jpg) center top no-repeat;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
#header {
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	position: relative;
}
	.SubLogo {
		background: url(../images/logo.png) 0 0 no-repeat;
		width: 288px;
		height: 158px;
		text-indent: -9999px;
		display: block;
		position: absolute;
		top: 12px;
		left: 0px;
		z-index: 10;
	}

.CaiDat {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}
.CaiDat a.Download:link, .CaiDat a.Download:visited {
    background: url("../images/btn_caidatngay_normal.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 105px;
    overflow: hidden;
    text-indent: -9999px;
    width: 250px;
}
.CaiDat a.Download:hover {
    background: url("../images/btn_caidatngay_hover.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.CaiDat a.DangKyNhanh {
    background: url(../images/bt-dkn.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    width: 125px;
}
.CaiDat a.DangKyNhanh:hover {
    background-position: 0 -40px;
}
.CaiDat a.NapThe:link, .CaiDat a.NapThe:visited {
    background: url(../images/bt-dkn.png) no-repeat -125px 0;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    width: 125px;
}
.CaiDat a.NapThe:hover {
    background-position: -125px -40px;
}
.Support {
	width: 295px;
	position: absolute;
	top: 140px;
	left: 290px;
}
.Hotline {
	float: left;
	padding-right: 5px;
}
ul.Forum {
    display: block;
    float: right;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    width: 100px;
}
ul.Forum li {
    float: left;
    margin-right: 5px;
    overflow: hidden;
}
ul.Forum li.Last {
    margin: 0;
}
ul.Forum li a:link, ul.Forum li a:visited {
    background: url(../images/forum.jpg) no-repeat 0 0;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
}
ul.Forum li a:hover {
    background-position: 0 -30px;
}
ul.Forum li a.Zingme:link, ul.Forum li a.Zingme:visited {
    background-position: -35px 0;
}
ul.Forum li a.Zingme:hover {
    background-position: -35px -30px;
}
ul.Forum li a.FB:link, ul.Forum li a.FB:visited {
    background-position: -70px 0;
}
ul.Forum li a.FB:hover {
    background-position: -70px -30px;
}

ul.LinkSupport {
    width: 519px;
	height: 60px;
    margin: 0;
	padding: 140px 210px 0 271px;
	z-index: 100;
}
    ul.LinkSupport li {
        float: left;
        list-style-type: none;
    }
        ul.LinkSupport li a {
            display: block;
			text-indent: -9999px;
			z-index: 50;
        }	
		ul.LinkSupport li a.DangKyNhanh:link,
		ul.LinkSupport li a.DangKyNhanh:visited {
			padding-left: 3px;
			margin-top: 19px;
			width: 126px;
			height: 38px;
			background: url(../images/bt-dangkynhanh.jpg) 0 0 no-repeat;
		}
		ul.LinkSupport li a.DangKyNhanh:hover {
			background-position: 0 -38px;
		}
		ul.LinkSupport li.Off a.DangKyNhanh:link,
		ul.LinkSupport li.Off a.DangKyNhanh:visited,
		ul.LinkSupport li.Off a.DangKyNhanh:hover {
			background-position: 0 -76px;
			cursor: default;
		}	
		
		ul.LinkSupport li a.TaiGame:link,
		ul.LinkSupport li a.TaiGame:visited {
			width: 200px;
			height: 60px;
			background: url(../images/bt-taigame.jpg) 0 0 no-repeat;
		}
		ul.LinkSupport li a.TaiGame:hover {
			background-position: 0 -60px;
		}
		ul.LinkSupport li.Off a.TaiGame:link,
		ul.LinkSupport li.Off a.TaiGame:visited,
		ul.LinkSupport li.Off a.TaiGame:hover {
			background-position: 0 -120px;
			cursor: default;
		}	
		
		ul.LinkSupport li a.NapThe:link,
		ul.LinkSupport li a.NapThe:visited {
			margin-top: 19px;
			width: 126px;
			height: 38px;
			background: url(../images/bt-napthe.jpg) 3px 0 no-repeat;
		}
		ul.LinkSupport li a.NapThe:hover {
			background-position: 3px -38px;
		}
		ul.LinkSupport li.Off a.NapThe:link,
		ul.LinkSupport li.Off a.NapThe:visited,
		ul.LinkSupport li.Off a.NapThe:hover {
			background-position: 3px -76px;
			cursor: default;
		}	
		
		
#content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.SideLeft {
	display: block;
	float: left;	
	width: 250px;
	padding: 0 20px 0 0;
}
ul.SideLeftButton {
    width: 180px;
    margin: 0;
	padding: 0;
	overflow: hidden;
}
    ul.SideLeftButton li {
        float: left;
        list-style-type: none;
    }
        ul.SideLeftButton li a {
            display: block;
			width: 180px;
			height: 70px;
			margin: 0 0 10px 0;
			text-indent: -9999px;
			background: url(../images/sideleftbt.jpg) 0 0 no-repeat;
        }	
		ul.SideLeftButton li a.HuongDan:link,
		ul.SideLeftButton li a.HuongDan:visited {
			background-position: 0 0;
		}
		ul.SideLeftButton li a.HuongDan:hover {
			background-position: 0 -70px;
		}
		ul.SideLeftButton li.Off a.HuongDan:link,
		ul.SideLeftButton li.Off a.HuongDan:visited,
		ul.SideLeftButton li.Off a.HuongDan:hover {
			background-position: 0 -140px;
			cursor: default;
		}	
		
		ul.SideLeftButton li a.VatPham:link,
		ul.SideLeftButton li a.VatPham:visited {
			background-position: -180px 0;
		}
		ul.SideLeftButton li a.VatPham:hover {
			background-position: -180px -70px;
		}
		ul.SideLeftButton li.Off a.VatPham:link,
		ul.SideLeftButton li.Off a.VatPham:visited,
		ul.SideLeftButton li.Off a.VatPham:hover {
			background-position: -180px -140px;
			cursor: default;
		}
		ul.SideLeftButton li a.Guide:link,
		ul.SideLeftButton li a.Guide:visited {
			background: url(../images/btn_camnang.jpg) 0 0 no-repeat;
		}
		ul.SideLeftButton li a.Guide:hover {
			background-position: 0 -70px;
		}
		ul.SideLeftButton li.Off a.Guide:link,
		ul.SideLeftButton li.Off a.Guide:visited,
		ul.SideLeftButton li.Off a.Guide:hover {
			background-position: 0 -140px;
			cursor: default;
		}		

.MainContent {
	width: 690px;
	padding: 0 0 50px;
	display: block;
	float: left;
	position: relative;
	background: url(../images/loop-content.png);
	min-height: 800px;
}		

.BoxSearchSub {
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 385px;
	height: 30px;
	display: block;
	background: url(../images/sub-txtsearch.gif);
	position: absolute;
	top: 140px;
	right: 20px;
}
.BoxSearchSub .BgTextbox {
	background: none;
	border: none;
	color: #c8c2ae;
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 32px;
	margin: 0;
	padding: 4px 10px 6px 10px;
	width: 305px;
	height: 22px;
	line-height: 22px;
	font-style: italic;
}
.BoxSearchSub input.SearchBtn {
	border: medium none;
	float: right;
	margin: 0;
	padding: 0;
    display: block;
    float: left;
    text-indent: -9999px;
    width: 60px;
    height: 30px;
	cursor: pointer;
	background: url(../images/boxtuong-btsearch.gif) no-repeat;
}
.BoxSearchSub input.SearchBtn:hover {
	background: url(../images/boxtuong-btsearch-o.gif) no-repeat;
}

#footer {
	clear: both;
	width: 1000px;
	height: 185px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: url(../images/line-footer.png) 290px top no-repeat;
}
#footer p.Copyright {
	padding: 18px 0 0 0;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #7a776f;
	text-align: right;
	width: 690px;
	margin-left: 290px;
}
#footer a.Top:link,
#footer a.Top:visited {
	width: 65px;
	height: 40px;
	display: block;
	position: absolute;
	top: 87px;
	left: 475px;
	text-indent: -9999px;
	background: url(../images/bt-top.jpg) no-repeat 0 0;
}
#footer a.Top:hover {
	background-position: 0 -40px;
}
#quickReg {
    display: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 1001;
	height: 418px;
    width: 456px;
}
a.SurveyClose {
	width: 37px;
	height: 37px;
	position: absolute;
	top: 23px;
	right: 35px;
	text-indent: -9999px;
	z-index: 100;
	background: url(../images/bt-close.gif) no-repeat 0 0;
}
.TabLoader {
    display: none;
}
.StaticMain .Tags {
	border: 1px solid #2e2119;
	padding: 5px 10px;
	background: #5d5d69;
}
.StaticMain .Tags span.Tag {
	background: url(../images/tag.gif) no-repeat;
	padding: 0 5px 0 5px;
	display: inline;
	float: left;
	text-indent: -9999px;
	width: 30px;
	height: 20px;
	margin-right: 10px;
}
.StaticMain .Tags a:link,
.StaticMain .Tags a:visited {
	color: #c8c2ae;
}
.StaticMain .Tags a:hover {
	color: #ffdba4;
}

/* video streaming */

.StaticMain ul#subNav {
	margin: 0;
	width: auto;
}
.StaticMain ul#subNav li {
	width: auto;
	margin: 0 50px 10px 0;
}
.StaticMain ul#subNav li.Last {
	width: auto;
	margin: 0;
}
.StaticMain ul#subNav li a {
	float: left;
}
.VideoEmbed {
	width: 1014px;
	height: 400px;
	position: absolute;
	z-index: 1000;
	background: url(../images/none.gif) no-repeat;
	top: 20% !important;
	left: -20000px;
}
.VideoEmbed a.CloseVideoStream {
	display: block;
	text-indent: -9999px;
	background: url(../images/bt-close.png) no-repeat;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#iframPlay {
	float: left;
}
.Survey {
	position: absolute;
	top: 200px !important;
	right: 0;
	width: 33px;
	height: 150px;
	z-index: 600;
}
.ButtonGopY {
	width: 33px;
	height: 174px;
	background: url(../images/button-gopy.gif) no-repeat 0 0px;
	display: block;
	text-indent: -9999px;
}
.FrameGopYClose {
	font-size: 15px;
	color: #fff !important;
	position: absolute;
	top: 4px;
	right: 11px;
	font-family: Arial;
	text-decoration: none !important;
	font-weight: bold;
}
#frameGopY {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 400px;
	height: 450px;
	z-index: 1000;
}
.popupHinh {
	position: relative;
}

.popupHinh .ThumbnailPopup {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	z-index: 500;
}
p.TextLink {
	text-align: right;
	padding: 15px 0 0 290px;
}
p.TextLink a:link, p.TextLink a:visited {
	color: #7A776F;
	text-decoration: underline
}
p.TextLink a:hover {
	color: #7A776F;
	text-decoration: none;
}
#menu{
	display:block;
	position:fixed;
	width:100%;
	height:50px;
	background: url(../images/bg-footer.png) repeat-x;
	bottom:0;
	z-index: 700;
}
div.plugin-social-block-p,
.template-blank {
	border-bottom: 1px solid #5D2025;
	color: #c8c2ae;
	height: 50px;
	margin: 0 auto 20px;
	overflow: hidden;
	width: 665px;
	padding-left: 25px;
}
div.plugin-social-block-p.active {
	background-color: #19100b;
	color: #c8c2ae;
	position: fixed;
	top: 0;
	z-index: 200;
	padding-left: 25px;
}
div.plugin-social-block-p>div#popup-social-sub>div.block-social>div.share-block-social>.title {
	margin-left: 10px;
}

div.plugin-social-block-p>div#popup-social-sub>div.block-social>div.like-block-social {

padding-left: 80px !important;
width: 45% !important;
}
.btn-likefb {

height: 30px;
margin-left: 10px;
width: 85px;
position: absolute;
top: 4px;
left: 245px;
z-index: 600;
}
div.plugin-social-block-p {
overflow: visible;
}
.Survey {
top: 405px !important;
}
.StaticTopHero {
float:none;
}

/* SieuGame Custom */

.DangNhap .ContentBox #p.BgTextBox,ul.Wallpaper li.Last,ul.Wallpaper p a.Size_1024x768 {
margin:0;
}

.DangNhap ul.Link,.StaticOuter {
width:100%;
overflow:hidden;
}

.DangNhap ul.Link li a:hover,ul#breadcrumbs li a:hover,ul#breadcrumbs li a:hover span {
color:#ffad00;
}

.DangNhap {
width:250px;
overflow:hidden;
display:block;
background:#30373f url(../images/bg-login.jpg) top left no-repeat;
height:110px;
position:absolute;
top:148px;
left:0px;
padding-top:10px;
z-index:2;
}

.DangNhap .ContentBox {
width:220px;
overflow:hidden;
display:block;
margin:0 0 0 15px;
}

.DangNhap .ContentBox .FrmDN {
width:220px;
overflow:hidden;
display:block;
}

.DangNhap .ContentBox .TextBoxDN {
width:145px;
float:left;
overflow:hidden;
display:block;
}

.DangNhap .ContentBox .BgTextBox {
width:135px;
background:#dce3e4;
color:#657275;
height:20px;
font-size:14px;
border:#2f3c5e 1px solid;
display:block;
overflow:hidden;
margin:0 0 10px;
padding:4px;
}

.DangNhap .ContentBox .BtOK {
border:0;
cursor:pointer;
float:right;
background:url(../images/btn-dang-nhap.jpg) no-repeat;
width:65px;
height:70px;
text-indent:-9999px;
margin:0;
padding:0;
}

.DangNhap .ContentBox .BtOK:hover {
background:url(../images/btn-dang-nhap.jpg) 0 -70px no-repeat;
}

a.BtnMayChu {
border:0;
cursor:pointer;
float:right;
background:url(../images/chon-may-chu.jpg) no-repeat;
width:65px;
height:70px;
text-indent:-9999px;
margin:0;
padding:0;
}

a.BtnMayChu:hover {
background:url(../images/chon-may-chu.jpg) 0 -70px no-repeat;
}

.Profile {
background:#262c32;
padding:0;
width: 230px;
margin-left: 10px;
}

.DangNhap .Profile .TextBoxDN {
/* Không ép width nữa (khác bản cũ dùng width:135px!important cho layout
   chữ gạch chân xếp dọc) - giờ avatar/tên/nút Thoát nằm chung 1 hàng nên
   cần chiếm hết bề ngang của .Profile (230px), width:auto tự trừ padding. */
width:auto;
height:auto;
padding:12px 10px;
}

.TextBoxDN img {
float:left;
margin-right:10px;
}

/* Trong View_Welcome.asp, avatar nằm trong .AccRow (flex) nên bỏ float của
   quy tắc chung ở trên - View_LoginBox.asp không có .AccRow nên không ảnh hưởng */
.Profile .TextBoxDN .AccRow img{
float:none;
margin-right:0;
flex:none;
}

.TextBoxDN p{
color:#baaf9a;
width:240px;
}
.TextBoxDN p a{
color:#baaf9a;
}

.TextBoxDN p span {
color:#ffad00;
font-weight:700;
}

/* ===== Khối "Xin chào" khi đã đăng nhập (View_Welcome.asp) - chỉ áp dụng
   trong .Profile nên không đụng tới .TextBoxDN dùng ở View_LoginBox.asp.
   Vẫn dùng đúng khung/màu nền cũ (.Profile #262c32, .TextBoxDN 135px), chỉ
   đổi cách trình bày chữ: nhãn nhỏ "Xin chào" + tên nổi bật + nút Thoát dạng
   chip nhỏ thay vì chữ gạch chân. ===== */
.Profile .TextBoxDN .AccRow{
display:flex;
align-items:center;
gap:10px;
}
.Profile .TextBoxDN .AccMeta{
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
min-width:0;
flex:1;
/* Tổng chiều cao 2 dòng chữ khớp với chiều cao avatar (40px) để căn hàng
   cho cân, thay vì một khối chữ nhỏ lọt thỏm bên cạnh avatar to. */
height:40px;
}
.Profile .TextBoxDN .AccHi{
display:block;
font-size:10px;
line-height:1;
text-transform:uppercase;
letter-spacing:.06em;
color:#8a8172;
}
.Profile .TextBoxDN .AccName{
display:block;
/* Giảm từ 16px xuống 14px để tài khoản dài tối đa 10 ký tự vẫn hiển thị
   đủ trong khoảng trống hẹp giữa avatar và nút Thoát, không bị cắt "...". */
font-size:14px;
font-weight:700;
color:#ffc233;
line-height:1.2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.Profile .TextBoxDN .AccLogout{
flex:none;
display:inline-flex;
align-items:center;
gap:3px;
font-size:10px;
line-height:1;
font-weight:600;
color:#e2ddd0;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
border-radius:5px;
padding:5px 7px;
text-decoration:none;
white-space:nowrap;
}
.Profile .TextBoxDN .AccLogout:hover{
color:#fff;
background:linear-gradient(28deg,#ff0000 1%,#7e0604 87%);
border-color:transparent;
}
.Profile .TextBoxDN .AccLogout .ic{
font-size:11px;
line-height:1;
}

.DangNhap ul.Link li {
float:left;
list-style:none;
padding-right:5px;
}

.DangNhap ul.Link li a:link,.DangNhap ul.Link li a:visited {
color:#baaf9a;
display:block;
text-decoration:underline;
line-height:16px;
font-size:12px;
padding-top:10px;
}

/* ===== Nút dạng chip: "Quản Lý Nhân Vật" / "Thông Tin Chung" (View_Welcome.asp,
   đã đăng nhập) và "Quên mật khẩu?" (View_LoginBox.asp, chưa đăng nhập) - dùng
   chung .AccLinks để đồng bộ phong cách. Hai bối cảnh có bề rộng/margin container
   khác nhau (.Profile 230px/margin-left 10px vs .ContentBox 220px/margin-left 20px
   - xem override riêng cho .ContentBox bên dưới). Màu nút chọn theo đúng gradient
   đỏ sẵn có của site (xem .btn-dangky-tk / .btn-dangky-duoi trong button.css) để
   đồng bộ nút CTA toàn site, chỉ nhạt hơn ở trạng thái thường vì đây là link phụ,
   đậm màu khi hover/nổi bật. */
.DangNhap ul.Link.AccLinks {
display:flex;
gap:6px;
width:230px;
margin:8px 0 0 10px;
}
/* View_LoginBox.asp: ul nằm trong .ContentBox (width:220px, đã có margin-left:20px
   riêng) nên không cần cộng thêm margin-left như bên .Profile. */
.DangNhap .ContentBox ul.Link.AccLinks {
width:220px;
margin:8px 0 0 0;
}
.DangNhap ul.Link.AccLinks li {
float:none;
list-style:none;
padding-right:0;
flex:1;
}
.DangNhap ul.Link.AccLinks li a:link,
.DangNhap ul.Link.AccLinks li a:visited {
display:flex;
align-items:center;
justify-content:center;
gap:4px;
text-decoration:none;
line-height:1;
font-size:10px;
font-weight:600;
color:#cfc9ba;
background:#1d2129;
border:1px solid rgba(255,255,255,.08);
border-radius:6px;
padding:6px 4px;
text-align:center;
}
.DangNhap ul.Link.AccLinks li a:hover {
color:#fff;
background:linear-gradient(28deg,#ff0000 1%,#7e0604 87%);
border-color:transparent;
}
.DangNhap ul.Link.AccLinks li a .ic {
color:#e05353;
font-size:12px;
line-height:1;
}
.DangNhap ul.Link.AccLinks li a:hover .ic {
color:#ffd166;
}


textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,select {
background-color:#dce3e4;
border:1px solid #6c453f;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition:border linear .2s, box-shadow linear .2s;
-moz-transition:border linear .2s, box-shadow linear .2s;
-o-transition:border linear .2s, box-shadow linear .2s;
transition:border linear .2s, box-shadow linear .2s;
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus,select:focus {
/* outline:thin dotted \9 chỉ áp dụng IE8/9 - trình duyệt hiện đại không khớp
   selector \9 nên rơi về outline mặc định của trình duyệt (viền xanh đặc),
   đè lên hiệu ứng "viền sáng" box-shadow bên dưới. Tắt hẳn outline mặc định
   để chỉ còn hiệu ứng glow theo box-shadow như thiết kế gốc. */
outline:none;
outline:thin dotted \9;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(255,193,7,.85);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(255,193,7,.85);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 12px rgba(255,193,7,.85);
border-color:rgba(255,193,7,0.9);
}

input[type="radio"],input[type="checkbox"] {
line-height:normal;
cursor:pointer;
margin:1px \9 0 0 0;
}

.input_height {
height:25px;
padding:0 5px;
}

/* ===== Mod_Login.asp / Acc_Register.asp: ảnh mã xác nhận lồng vào cuối ô
   "Nhập mã xác nhận" thay vì một dòng/table riêng bên trên.
   Lưu ý: KHÔNG được đổi width/box-sizing/padding của input (.input_height)
   - làm vậy sẽ tính lại kích thước hiển thị và luôn bị lệch 1-2px so với các
   ô input khác trên form (do border, sub-pixel rounding...). Thay vào đó giữ
   input y nguyên như các ô còn lại (đảm bảo khớp kích thước tuyệt đối), chỉ
   phủ ảnh mã xác nhận lên trên góc phải bằng position:absolute (item này là
   con của .captcha-field, không phải con của input, nên không ảnh hưởng box
   model của input) - ô "Nhập mã xác nhận" chỉ cho gõ tối đa 3 ký tự nên không
   lo bị ảnh che mất số đang gõ. */
.captcha-field {
position:relative;
display:inline-block;
}
.captcha-field .captcha-thumb {
position:absolute;
top:1px;
bottom:1px;
right:1px;
display:flex;
align-items:center;
line-height:0;
cursor:pointer;
padding:0 4px;
background:#dce3e4;
border-radius:0 3px 3px 0;
}
.captcha-field .captcha-thumb img {
display:block;
height:21px;
border-radius:3px;
}


.IconLink {
display:inline-flex;
align-items:center;
gap:6px;
}
.IconLink .ic {
font-size:13px;
line-height:1;
}

/* ===== Mod_Bank.asp: box "Thống kê Ngân Hàng WEB" - lưới thẻ thay cho bảng
   chữ nối bằng dấu "|" và ảnh bullet, mỗi loại tiền/ngọc 1 thẻ (nhãn nhỏ,
   số liệu lớn, thao tác gom thành chip bên dưới). */
.BankStatGrid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.BankStatCard {
background:#20242c;
border:1px solid #333a44;
border-radius:10px;
padding:12px 14px 12px;
display:flex;
flex-direction:column;
gap:8px;
min-height:96px;
}
.BankStatLabel {
font-size:11px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
color:#8a93a1;
}
.BankStatValueRow {
display:flex;
align-items:baseline;
gap:5px;
flex-wrap:wrap;
}
.BankStatValue {
font-weight:700;
font-size:17px;
color:#ffd166;
line-height:1.1;
}
.BankStatUnit {
font-size:11px;
color:#8a93a1;
}
.BankStatActions {
margin-top:auto;
display:flex;
gap:5px;
flex-wrap:wrap;
}
/* color dùng !important: site có sẵn quy tắc chung ảnh hưởng màu chữ thẻ <a>
   với độ đặc hiệu cao hơn 1 class đơn (xem giải thích tương tự ở btn-forge.css),
   nếu không khoá cứng thì chữ/màu hover sẽ bị đổi sai lệch khỏi thiết kế. */
.BankChip {
font-size:11px;
font-weight:600;
color:#cfc9ba !important;
background:#1d2129;
border:1px solid rgba(255,255,255,.08);
border-radius:6px;
padding:5px 8px;
text-decoration:none !important;
white-space:nowrap;
line-height:1;
}
.BankChip:hover {
color:#fff !important;
background:linear-gradient(28deg,#ff0000 1%,#7e0604 87%);
border-color:transparent;
}
.BankChip.primary {
color:#1c1400 !important;
background:linear-gradient(28deg,#ffb020 1%,#ffd166 87%);
border-color:transparent;
}
.BankChip.primary:hover {
filter:brightness(1.08);
color:#1c1400 !important;
}
.BankChip.warn {
color:#ffd166 !important;
}
.BankChip.warn:hover {
color:#fff !important;
}
@media (max-width:640px) {
.BankStatGrid { grid-template-columns:repeat(2,1fr); }
}

.RedText {
color:#ef6908;
font-weight:bolder;
}

.RedText16 {
color:#ef6908;
font-weight:bolder;
font-size:16px;
}

.YellowText {
color:#FEFA50;
font-weight:bolder;
font-size:16px;
}