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;
}

.SideLeft {
    width: 250px;
    flex-shrink: 0;
    margin-right: 15px;
}

.CaiDat {
    display: block;
    padding-bottom: 10px;
}

/* TẢI GAME MU  */
.CaiDat a.Download:link,
.CaiDat a.Download:visited {
    position: relative;
    display: block;
    width: 250px;
    height: 105px;
    overflow: hidden;
    background: url("../images/taigamemu.png") no-repeat center center;
    background-size: 250px 105px;
    text-indent: -9999px;
    filter: brightness(1.03) saturate(1.05);
    box-shadow:
        0 2px 5px rgba(0, 0, 0, .45),
        0 0 7px rgba(255, 110, 0, .18);
    transition:
        filter .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}

/* Ánh sáng */
.CaiDat a.Download::after {
    content: "";
    position: absolute;
    top: -30%;
    left: -55%;
    width: 35%;
    height: 160%;
    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255,255,255,0) 25%,
        rgba(255,235,170,.18) 45%,
        rgba(255,255,255,.48) 50%,
        rgba(255,210,120,.15) 55%,
        transparent 75%
    );
    transform: skewX(-18deg);
    animation: downloadShine 2.5s ease-in-out infinite;
    pointer-events: none;
}

/* Hover */
.CaiDat a.Download:hover {
    background: url("../images/taigamemu.png") no-repeat center center;
    background-size: 250px 105px;
    filter: brightness(1.14) saturate(1.15) contrast(1.03);
    box-shadow:
        0 3px 7px rgba(0, 0, 0, .5),
        0 0 8px rgba(255, 125, 0, .50),
        0 0 15px rgba(255, 80, 0, .20);
    transform: translateY(-1px);
}

.CaiDat a.Download:active {
    transform: translateY(1px);
    filter: brightness(1.058);
}

/* Ánh sáng chạy qua */
@keyframes downloadShine {
    0%, 45% {left: -55%; opacity: 0; }
    50% {opacity: 1;}
    78% {left: 125%; opacity: 1; }
    82%, 100% {left: 125%; opacity: 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;
}
#content {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    position: relative;
}

.MainContent {
	width: 725px;  /* Old: 690 --> UP 5% */
	padding: 0 0 50px;
	box-sizing: border-box;
	display: block;
	float: left;
	position: relative;
	background: url(../images/loop-content.png);
	min-height: 800px;
}

#footer {
	clear: both;
	width: 1000px;
	height: 95px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: url(../images/line-footer.png) 290px top no-repeat;
}
#footer p.Copyright {
	padding: 5px 0 0 0;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #7a776f;
	text-align: right;
	width: 725px;
	margin-left: 250px;
}
#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;
}

.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;
}

p.TextLink {
	text-align: right;
	padding: 10px 0 0 0;
}
p.TextLink a:link, p.TextLink a:visited {
	color: #7A776F;
	font-size: 12px;
	font-weight: normal;
	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;
}

.StaticTopHero {
float:none;
}

.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:20px;
z-index:2;
}

#dlogin {
    width: 250px;
}

/* Giữ khoảng trống cho LoginBox khi chưa đăng nhập */
#dlogin:has(.DangNhap:not(.WelcomeBox))::after {
    content: "";
    display: block;
    width: 250px;
    height: 125px;
}

.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;
}

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

.DangNhap .Profile .TextBoxDN {
width:135px!important;
height:50px;
padding:10px;
}

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

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

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

.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;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="file"]),
textarea,
select {
	background-color: #dce3e4;
	border: 1px solid #6c453f;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.08);
	transition: border-color .2s ease, box-shadow .2s ease;
}

input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: rgba(82,168,236,.85);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.08),
		0 0 6px rgba(82,168,236,.55);
}


input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
	line-height: normal;
	vertical-align: middle;
}

.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;
}

/* WELCOME BOX  */

#dlogin #loginBox .WelcomeBox {
    position: relative !important;
    top: -5px !important;
    left: auto !important;
    width: 250px !important;
    height: 125px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: #30373f !important;
    display: block !important;
    z-index: 2 !important;
}

#dlogin #loginBox .WelcomeBox .Content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

#dlogin #loginBox .WelcomeBox .Profile {
    width: 230px !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #30373f !important;
}

#dlogin #loginBox .WelcomeBox .TextBoxDN {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    float: none !important;
    overflow: visible !important;

    background: transparent !important;
}


/* USER MAIN */

#dlogin #loginBox .WelcomeBox .UserMain {
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 3px 9px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 45px minmax(0,1fr) 52px !important;
    column-gap: 7px !important;
    align-items: center !important;
    background: #262c32 !important;
	border-radius: 5px !important;
}

/* AVATAR */

#dlogin #loginBox .WelcomeBox .UserAvatar {
    width: 45px !important;
    height: 45px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

#dlogin #loginBox .WelcomeBox .UserAvatar img {
    width: auto !important;
    height: 45px !important;
    max-width: none !important;
    max-height: none !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
}

/* INFO */

#dlogin #loginBox .WelcomeBox .UserInfo {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#dlogin #loginBox .WelcomeBox .Welcome {
    display: block !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    color: #999 !important;
}

#dlogin #loginBox .WelcomeBox .Username {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: bold !important;
    color: #f4c542 !important;
}

/* LOGOUT  */

#dlogin #loginBox .WelcomeBox .BtnLogout {
    width: 55px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #4c555d !important;
    border-radius: 5px !important;
    background: #303840 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 23px !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}


/* BUTTON AREA  */

#dlogin #loginBox .WelcomeBox .UserButtons {
    width: 100% !important;
    height: 37px !important;
    margin: 8px 0 0 0 !important;
    padding: 5px 7px !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 5px !important;
	border-radius: 5px !important;
    background: #262c32 !important;
}


/* BUTTON */

#dlogin #loginBox .WelcomeBox .BtnUser {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    line-height: 25px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}


/* MÀU BUTTON */

#dlogin #loginBox .WelcomeBox .BtnCharacter {
    background: #151a1f !important;
    border: 1px solid #11151a !important;
}

#dlogin #loginBox .WelcomeBox .BtnInfo {
    background: #c90000 !important;
    border: 1px solid #e00000 !important;
}


/* HOVER */

#dlogin #loginBox .WelcomeBox .BtnCharacter:hover,
#dlogin #loginBox .WelcomeBox .BtnInfo:hover,
#dlogin #loginBox .WelcomeBox .BtnLogout:hover {
    background: #f15a24 !important;
    border-color: #ff7a45 !important;
    color: #fff !important;
}

/* BUTTON TÌM LẠI MẬT KHẨU */

#dlogin .DangNhap .BtnForgot {
    display: block !important;

    width: 80% !important;
    height: 26px !important;
    margin: 5px 0 0 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #615A59 !important;
    border: 1px solid #363130 !important;
    border-radius: 4px !important;

    color: #fff !important;

    font-size: 10px !important;
    line-height: 25px !important;
    font-weight: bold !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    transition: all .15s ease !important;
}

#dlogin .DangNhap .BtnForgot:hover {
    background: #f15a24 !important;
    border-color: #ff7a45 !important;
    color: #fff !important;
}