@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 20px;
}

.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 12px để 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:12px;
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;
}

/* ===== 2 nút "Quản Lý Nhân Vật" / "Thông Tin Chung" dạng chip cạnh nhau
   (View_Welcome.asp). Đặt tên riêng .AccLinks để KHÔNG ảnh hưởng ul.Link
   dùng trong View_LoginBox.asp (link "Quên mật khẩu?" giữ nguyên như cũ).
   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;
/* Khớp đúng chiều rộng + căn trái với .Profile ở trên (230px, margin-left:10px)
   - trước đó dùng width:auto + margin-left:15px (kế thừa từ bản cũ, dành cho
   chữ gạch chân nhỏ) nên bị lệch phải và rộng hơn hẳn box phía trên. */
width:230px;
margin:8px 0 0 10px;
}
.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;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
border-color:rgba(82,168,236,0.8);
}

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

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

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

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

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