body {
    background-color: #000000;
    font-size: 12px;
    overflow-x: hidden;
}

#wrapper {
    background: #000 url("../images/bg_1800x1064.jpg") no-repeat scroll center top;
    min-height: 1070px;
    min-width: 1000px;
}

.links {
    position: absolute;
    top: 10px;
    left: 730px;
}

.links a {
    font-size: 1.2em;
    font-weight: 600;
    color: #ffffff;
    text-decoration-line: none;
    margin: 0 4px;
    display: inline-block;
}

.links a:hover {
    color: orange;
}

.links a.fb {
    width: 20px;
    height: 20px;
    background: url(../images/ic-fb.png) no-repeat;
}

.color-primary {
    color: #f7e5a8;
}

#header nav {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") no-repeat scroll 0 0;
    height: 142px;
    margin: 0 auto;
    position: relative;
    width: 1104px;
    z-index: 1;
}

#header {
    position: relative;
}

#header nav img.bgd {
    height: 77px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1117px;
    z-index: 2;
}

#header nav>ul {
    height: 65px;
    margin: -20px auto;
    position: relative;
    width: 1104px;
    z-index: 3;
}

#header nav>ul>li {
    float: left;
    height: 65px;
    position: relative;
}

#header nav>ul>li>div {
    display: none;
}

#header nav>ul>li:hover>div {
    display: block;
}

#header nav li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#header nav li.type-1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-left: 160px;
}

#header nav>ul>li>a {
    display: block;
    height: 65px;
    margin: 0 auto;
    text-indent: -9999px;
}

#header nav>ul>li>a>span {
    display: none;
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}

#header nav>ul>li:hover>a>span {
    display: block;
    margin: -100px 0;
}

.nav-text-1 {
    width: 207px;
}

.nav-text-1:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll 0 -142px;
}

.nav-text-2 {
    width: 130px;
}

.nav-text-2:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -207px -142px;
}

.nav-text-3 {
    width: 215px;
}

.nav-text-3:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -337px -142px;
}

.nav-text-4 {
    width: 203px;
}

.nav-text-4:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -552px -142px;
}

.nav-text-5 {
    width: 130px;
}

.nav-text-5:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -755px -142px;
}

.nav-text-6 {
    width: 219px;
}

.nav-text-6:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -885px -142px;
}

.sub-nav-1 {
    background: rgba(0, 0, 0, 0) url("../images/bgd-sub-1.png") no-repeat scroll 0 0;
    height: 302px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 39px;
    width: 217px;
}

.sub-nav-1 ul {
    padding: 38px 0 0 18px;
}

.sub-nav-1 li {
    background: rgba(0, 0, 0, 0) url("../images/line-3.png") no-repeat scroll 0 0;
    list-style: outside none none;
    padding: 6px 10px;
}

.sub-nav-1 li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.sub-nav-1 li a {
    background: rgba(0, 0, 0, 0) url("../images/dot-3.png") no-repeat scroll 0 4px;
    color: #99856d;
    display: inline-block;
    padding-left: 15px;
    text-decoration: none;
}

.sub-nav-1 li a:hover {
    background-position: 0 -36px;
    color: #cbbfb0;
}

.sub-nav-1.right {
    background: rgba(0, 0, 0, 0) url("../images/bgd-sub-2.png") no-repeat scroll 0 0;
    left: 38px;
    top: 36px;
}

.sub-news {
    background-image: url("../images/bg-sub-1-left.png");
}

.sub-lib {
    background-image: url("../images/bg-sub-1-right.png");
}

.sub-nav-0 {
    background: rgba(0, 0, 0, 0) url("../images/bgd-sub-1.png") no-repeat scroll 0 0;
    height: 302px;
    left: -11px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 39px;
    width: 217px;
}

.sub-nav-0 ul {
    padding: 38px 0 0 18px;
}

.sub-nav-0 li {
    background: rgba(0, 0, 0, 0) url("../images/line-3.png") no-repeat scroll 0 0;
    list-style: outside none none;
    padding: 6px 10px;
}

.sub-nav-0 li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.sub-nav-0 li a {
    background: rgba(0, 0, 0, 0) url("../images/dot-3.png") no-repeat scroll 0 4px;
    color: #99856d;
    display: inline-block;
    padding-left: 15px;
    text-decoration: none;
}

.sub-nav-0 li a:hover {
    background-position: 0 -36px;
    color: #cbbfb0;
}

.sub-nav-0.right {
    background: rgba(0, 0, 0, 0) url("../images/bgd-sub-2.png") no-repeat scroll 0 0;
    left: 38px;
    top: 36px;
}

#header nav>ul.list-btn-1 {
    left: 338px;
    position: absolute;
    top: 62px;
    width: 398px;
    z-index: 1;
}

.btn-register {
    display: block;
    text-indent: -9999px;
    width: 205px;
}

.btn-charge {
    display: block;
    text-indent: -9999px;
    width: 193px;
}

.btn-register:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -338px -184px;
}

.btn-charge:hover {
    background: rgba(0, 0, 0, 0) url("../images/bg-nav.png") repeat scroll -543px -184px;
}

.IDLogin {
    background: #050100 url(../images/bg-login.jpg) no-repeat scroll center top !important;
}

#idLogin {
    height: 700px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

#idLogin .TabWrapper {
    float: left;
    height: 470px;
    left: 69px;
    margin: 0 auto;
    position: absolute;
    top: 209px;
    width: 522px;
}

#idLogin h1 {
    left: 104px;
    position: absolute;
    top: 34px;
    width: 252px;
}

#idLogin h1 a {
    display: block;
    height: 125px;
    text-indent: -9999px;
    width: 250px;
}

#idLogin .Click {
    background: rgba(0, 0, 0, 0) url("../images/bt-click.gif") no-repeat scroll 0 0;
    height: 30px;
    position: absolute;
    right: 300px;
    top: 100px;
    width: 77px;
}

ul.MenuTop {
    left: 369px;
    position: absolute;
    top: 3px;
    width: 445px;
}

ul.MenuTop li {
    color: #cc9;
    float: left;
    list-style-type: none;
    margin: 0;
}

ul.MenuTop li a:link,
ul.MenuTop li a:visited {
    background: rgba(0, 0, 0, 0) url("../images/menu-top.gif") no-repeat scroll 0 0;
    display: block;
    height: 40px;
    text-indent: -9999px;
}

ul.MenuTop li a.TrangChuID:link,
ul.MenuTop li a.TrangChuID:visited {
    background-position: 0 0;
    width: 107px;
}

ul.MenuTop li a.TrangChuID:hover,
ul.MenuTop li.Active a.TrangChuID:link,
ul.MenuTop li.Active a.TrangChuID:visited,
ul.MenuTop li.Active a.TrangChuID:hover,
ul.MenuTop li.Hilite a.TrangChuID:link,
ul.MenuTop li.Hilite a.TrangChuID:visited,
ul.MenuTop li.Hilite a.TrangChuID:hover {
    background-position: 0 -40px;
}

ul.MenuTop li.Off a.TrangChuID:link,
ul.MenuTop li.Off a.TrangChuID:visited,
ul.MenuTop li.Off a.TrangChuID:hover {
    background-position: 0 -80px;
    cursor: default;
}

ul.MenuTop li a.NapTheID:link,
ul.MenuTop li a.NapTheID:visited {
    background-position: -208px 0;
    width: 157px;
}

ul.MenuTop li a.NapTheID:hover,
ul.MenuTop li.Active a.NapTheID:link,
ul.MenuTop li.Active a.NapTheID:visited,
ul.MenuTop li.Active a.NapTheID:hover,
ul.MenuTop li.Hilite a.NapTheID:link,
ul.MenuTop li.Hilite a.NapTheID:visited,
ul.MenuTop li.Hilite a.NapTheID:hover {
    background-position: -208px -40px;
}

ul.MenuTop li.Off a.NapTheID:link,
ul.MenuTop li.Off a.NapTheID:visited,
ul.MenuTop li.Off a.NapTheID:hover {
    background-position: -208px -80px;
    cursor: default;
}

ul.MenuTop li a.DienDanID:link,
ul.MenuTop li a.DienDanID:visited {
    background-position: -107px 0;
    width: 101px;
}

ul.MenuTop li a.DienDanID:hover,
ul.MenuTop li.Active a.DienDanID:link,
ul.MenuTop li.Active a.DienDanID:visited,
ul.MenuTop li.Active a.DienDanID:hover,
ul.MenuTop li.Hilite a.DienDanID:link,
ul.MenuTop li.Hilite a.DienDanID:visited,
ul.MenuTop li.Hilite a.DienDanID:hover {
    background-position: -107px -40px;
}

ul.MenuTop li.Off a.DienDanID:link,
ul.MenuTop li.Off a.DienDanID:visited,
ul.MenuTop li.Off a.DienDanID:hover {
    background-position: -107px -80px;
    cursor: default;
}

ul.MenuTop li a.Zingme:link,
ul.MenuTop li a.Zingme:visited,
ul.MenuTop li a.Zingme:hover {
    background-position: -365px 0;
    width: 45px;
}

ul.MenuTop li a.Facebook:link,
ul.MenuTop li a.Facebook:visited,
ul.MenuTop li a.Facebook:hover {
    background-position: -410px 0;
    width: 35px;
}

a.DangKyNhanh:link,
a.DangKyNhanh:visited {
    background: rgba(0, 0, 0, 0) url("../images/bt-dkn.jpg") no-repeat scroll 0 0;
    display: block;
    height: 83px;
    left: 131px;
    position: absolute;
    text-indent: -9999px;
    top: 215px;
    width: 272px;
}

a.DangKyNhanh:hover {
    background-position: 0 -83px;
}

#idLogin .ThongBaoLoi {
    color: #000;
    left: 10px;
    list-style: outside none none;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 3;
}

#idLogin.WrapperListServer {
    background: rgba(0, 0, 0, 0) url("../images/main-listserver.jpg") no-repeat scroll center top;
}

#idLogin.WrapperListServer #wrapperIn {
    background: rgba(0, 0, 0, 0) url("../images/main-listserver.jpg") no-repeat scroll center top;
}

.BannerEvent {
    display: block;
    height: 250px;
    left: 100px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 695px;
    width: 860px;
    z-index: 1;
}

.MenuSidebar {
    background: rgba(0, 0, 0, 0) url("../images/sidebar-bg-loop.gif") repeat-y scroll 0 0;
    float: left;
    overflow: hidden;
    width: 198px;
}

.Login {
    background: transparent url("../images/login-bg.jpg") no-repeat scroll 0 0;
    color: #ffffff;
    height: 180px;
    left: 97px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 330px;
}

.Login form {
    margin-top: 15px;
}

.Login .Question {}

.Login label {
    display: none;
}

form fieldset .BoxInput {
    float: left;
    height: 65px;
    overflow: hidden;
    padding: 0;
    width: 184px;
}

form fieldset input {
    background: #ffefd7 none repeat scroll 0 0;
    border: 1px solid #000000;
    color: #41261a;
    display: block;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin: 0 0 10px;
    padding: 0 10px;
    width: 153px;
}

.Login ul {
    margin: 0 0 40px;
}

.Login ul li {
    color: #db4c4c;
    display: inline;
    font-size: 11px;
}

.Login ul li a {
    color: #ff8c53;
    font-weight: bold;
    text-decoration: underline;
}

.Login ul li a:hover {
    color: #ffffff;
}

.Send {
    background: rgba(0, 0, 0, 0) url("../images/bt-ok.gif") no-repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 60px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 140px;
}

.Send.Over {
    background-position: 0 -60px;
}

.Login form div.login p.flashwarning {
    text-align: center;
}

.Login form div.login p.flashwarning a:link,
.Login form div.login p.flashwarning a:visited {
    color: #654426;
}

.Login form div.login p.flashwarning a:hover {
    color: #ba0000;
}

a.ForgotPassword:link,
a.ForgotPassword:visited {
    background: rgba(0, 0, 0, 0) url("../images/icon-forgotpassword.gif") no-repeat scroll 1px 4px;
    color: #000;
    display: block;
    font-size: 12px;
    height: 20px;
    left: 318px;
    padding: 0 0 9px 19px;
    position: absolute;
    top: 261px;
    width: 100px;
}

a.ForgotPassword:hover {
    color: #036794;
    text-decoration: underline;
}

.Copyright {
    color: #76afc1;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 200px;
}

.Server {
    height: 450px;
    left: 125px;
    overflow: hidden;
    position: absolute;
    top: 235px;
    width: 495px;
}

.Server h2 {
    background: rgba(0, 0, 0, 0) url("../images/title_server.png") no-repeat scroll 0 0;
    height: 35px;
    margin: 0 0 5px 6px;
    text-indent: -9999px;
    width: 270px;
}

#listServer {
    clear: both;
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 410px;
    z-index: 35;
}

ul#tabHeader {
    height: 25px;
    overflow: hidden;
    width: 100%;
}

#boxTab ul#tabHeader {
    margin: 0;
}

ul#tabHeader li {
    float: left;
    font-weight: bolder;
    line-height: 15px;
    overflow: hidden;
}

ul#tabHeader li a:link,
ul#tabHeader li a:visited {
    background: transparent url("../images/bt-tab.gif") no-repeat scroll 0 0;
    color: #fce6c8;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-top: 2px;
    text-decoration: none;
    width: 60px;
}

ul#tabHeader li.ui-tabs-selected a:link,
ul#tabHeader li.ui-tabs-selected a:visited,
ul#tabHeader li.ui-state-active a:link,
ul#tabHeader li.ui-state-active a:visited {
    background-position: 0 -25px;
    color: #f8f5d5;
}

ul#tabHeader li a:hover {
    background-position: 0 -25px;
    color: #f8f5d5;
}

ul#tabHeader li.Active a:link,
ul#tabHeader li.Active a:visited {
    background-position: 0 -25px;
    color: #fce6c8;
}

ul.ServerHot {
    height: 65px;
    margin: 14px 0 0;
    overflow: hidden;
    padding: 0 0 0 19px;
    width: 418px;
}

ul.ServerHot li {
    float: left;
    height: 55px;
    list-style: outside none none;
    margin: 0 5px 10px 0;
    position: relative;
    width: 190px;
}

ul.ServerHot li a:link,
ul.ServerHot li a:visited {
    background: transparent url("../images/server-hot.gif") no-repeat scroll 0 0;
    color: #fce6c8;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    line-height: 25px;
    padding: 5px 5px 5px 10px;
    text-decoration: none;
    width: 175px;
}

ul.ServerHot li a:link,
ul.ServerHot li a>span {
    clear: both;
    display: block;
    float: left;
    line-height: 20px;
}

ul.ServerHot li a:hover {
    background-position: 0 -55px;
    color: #fbf6bd;
}

ul.ServerHot li span.Total {
    color: #f8f5d5;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    left: 12px;
    position: absolute;
    text-align: center;
    top: 19px;
    width: 30px;
}

ul.ServerHot li span.GifNew {
    background: transparent url("../images/bt-bg-serverhot.png") no-repeat scroll right top;
    bottom: 2px;
    display: block;
    height: 42px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    width: 40px;
    z-index: 50;
}

ul.ListServer {
    display: none;
    margin: 10px 0 0;
    overflow: hidden;
}

ul.ListServer.Active {
    display: block;
}

ul.ListServer li {
    float: left;
    height: 40px;
    line-height: 18px;
    list-style: outside none none;
    margin: 0 10px 5px 0;
    padding: 0;
    position: relative;
    width: 195px;
}

ul.ListServer li a:link,
ul.ListServer li a:visited {
    background: rgba(0, 0, 0, 0) url("../images/serverlist-bg.jpg") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font: bold 11px/20px Tahoma, Geneva, sans-serif;
    height: 20px;
    padding: 10px 10px 10px 25px;
    text-decoration: none;
    width: 160px;
}

ul.ListServer li a:hover {
    background-position: 0 0;
    color: #fce6c8;
}

ul.ListServer li a span {
    height: 12px;
    left: 9px;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 12px;
}

.Tot,
.TrangThai {
    background: rgba(0, 0, 0, 0) url("../images/tot.gif") no-repeat scroll 0 0;
}

.GanDay {
    background: rgba(0, 0, 0, 0) url("../images/ganday.gif") no-repeat scroll 0 0;
}

.BaoTri {
    background: rgba(0, 0, 0, 0) url("../images/baotri.gif") no-repeat scroll 0 0;
    color: #ff6600;
    font-weight: bold;
}

.Day {
    background: rgba(0, 0, 0, 0) url("../images/day.gif") no-repeat scroll 0 0;
}

ul.ListServer li span.ServerNew {
    background: transparent url("../images/bt-servernew.gif") no-repeat scroll right top;
    bottom: 2px;
    display: block;
    height: 13px;
    position: absolute;
    right: 2px;
    text-indent: -9999px;
    width: 27px;
    z-index: 50;
}

ul.ListServer li span.KhongNapTheIcon {
    background: transparent url("../images/icon-knt.png") no-repeat scroll right top;
    display: block;
    height: 19px;
    position: absolute;
    right: 2px;
    text-indent: -9999px;
    top: 2px;
    width: 30px;
    z-index: 50;
}

label {
    display: none;
}

.UserInfo {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px;
    padding: 0 0 0 31px;
    text-align: left;
    width: 450px;
}

.UserInfo ul {
    font-weight: normal;
    margin: 10px 0 0;
    overflow: hidden;
    position: absolute;
    right: 23px;
    top: -1px;
    width: 288px;
}

.UserInfo ul li {
    border-right: 1px solid #ffbe7e;
    color: #ffbe7e;
    float: left;
    font-size: 11px;
    line-height: 12px;
    margin: 0 8px 0 0;
}

.UserInfo ul li a {
    color: #ffbe7e;
    padding: 0 7px 0 0;
}

.UserInfo ul li a:hover {
    color: #fbff8f;
    text-decoration: none;
}

.UserInfo ul li.Logout {
    border: medium none;
    margin: 0;
    padding: 0;
}

.UserInfo ul li.Logout a {
    color: #ffbe7e;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.UserInfo ul li.Logout a:hover {
    color: #fbff8f;
    text-decoration: underline;
}

.ServerBox {
    background: rgba(0, 0, 0, 0) url("../images/server-bg.jpg") no-repeat scroll 0 0;
    height: 100px;
    margin: 0 0 0 13px;
    width: 170px;
}

#province {
    height: 25px;
    position: absolute;
    right: 190px;
    top: 72px;
    width: 191px;
}

.survey_popup {
    background: transparent none repeat scroll 0 0;
    height: 417px;
    padding: 0;
    position: absolute;
    width: 500px;
    z-index: 1001;
}

a.SurveyClose:link,
a.SurveyClose:visited {
    display: block;
    height: 30px;
    position: absolute;
    right: 1px;
    text-indent: -9999px;
    top: 1px;
    width: 30px;
}

ul.BoxButton {
    display: block;
    height: 115px;
    left: 530px;
    overflow: hidden;
    position: absolute;
    top: 140px;
    width: 305px;
}

ul.BoxButton li {
    float: left;
}

ul.BoxButton li a {
    background: rgba(0, 0, 0, 0) url("../images/button-bg.jpg") no-repeat scroll 0 0;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    width: 148px;
}

ul.BoxButton li a.Huongdan {
    background-position: 0 0;
    height: 65px;
}

ul.BoxButton li a.Huongdan:hover {
    background-position: 0 -115px;
}

ul.BoxButton li.Off a.Huongdan,
ul.BoxButton li.Off a.Huongdan:hover {
    background-position: 0 -230px;
    cursor: default;
}

ul.BoxButton li a.Huongdan2 {
    background-position: -148px 0;
    height: 65px;
    width: 155px;
}

ul.BoxButton li a.Huongdan2:hover {
    background-position: -148px -115px;
}

ul.BoxButton li.Off a.Huongdan2,
ul.BoxButton li.Off a.Huongdan2:hover {
    background-position: -148px -230px;
    cursor: default;
}

ul.BoxButton li a.Camnang {
    background-position: 0 -65px;
    height: 50px;
}

ul.BoxButton li a.Camnang:hover {
    background-position: 0 -180px;
}

ul.BoxButton li.Off a.Camnang,
ul.BoxButton li.Off a.Camnang:hover {
    background-position: 0 -295px;
    cursor: default;
}

ul.BoxButton li a.Hotro {
    background-position: -148px -65px;
    height: 50px;
    width: 155px;
}

ul.BoxButton li a.Hotro:hover {
    background-position: -148px -180px;
}

ul.BoxButton li.Off a.Hotro,
ul.BoxButton li.Off a.Hotro:hover {
    background-position: -148px -295px;
    cursor: default;
}

.FormDangKy {
    color: #08949a;
    height: 315px;
    left: 116px;
    overflow: hidden;
    position: absolute;
    top: 411px;
    width: 448px;
}

.RecentServer {
    color: #fcd09c;
    display: block;
    float: left;
    padding: 5px 0 0 15px;
    width: 97px;
}

.PlayNow {
    background: rgba(0, 0, 0, 0) url("../images/choingay.jpg") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 30px;
    text-indent: -9999px;
    width: 125px;
}

.PlayNow:hover {
    background-position: 0 -30px;
}

.StatusServer {
    background: transparent url("../images/status-bg.gif") no-repeat scroll 0 0;
    display: inline;
    float: right;
    height: 19px;
    margin: 15px 75px 1px 0;
    width: 261px;
}

html,
body,
{
    background-color: #000000;
}

.copyright {
    color: #7b5a43;
    font-family: tahoma;
    left: 340px;
    position: absolute;
    text-align: center;
    top: 997px;
}

input[type="checkbox"],
input[type="radio"] {
    background-color: transparent;
}

.Server>.UserInfo>span {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 144px;
}

p.Error {
    color: #ff0000;
}

.TabPageLogin {}

.BlockRegister {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000000;
    font-size: 12px;
    height: 250px;
    overflow: hidden;
    padding: 10px 0 0 40px;
    position: relative;
    width: 550px;
}

.BlockRegister a:link,
.BlockRegister a:visited {
    color: #000;
    text-decoration: none;
}

.BlockRegister a:hover {
    text-decoration: underline;
}

input,
a {
    outline: medium none;
}

ul.Register {
    overflow: hidden;
    width: 100%;
}

ul.Register li {
    float: left;
    padding: 0 0 5px;
    width: 100%;
}

ul.Register li label {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 5px 0 0;
    text-align: right;
    width: 120px;
}

ul.Register li .TextBox {
    border: 1px solid #abb8a6;
    float: left;
    height: 20px;
    padding: 2px 5px;
    width: 138px;
}

ul.Register li .Capchar {
    float: left;
    width: 150px;
}

.TextBox input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #000;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.Register li .Check {
    float: left;
    padding: 3px 0 0 5px;
    width: 70px;
}

ul.Register li .Check a:link,
ul.Register li .Check a:visited {
    color: #fbf8e2;
    text-decoration: underline;
}

ul.Register li .Check a:hover {
    color: #65fdf4;
    text-decoration: underline;
}

.Agree {
    margin-left: 125px;
}

.InputAgree {
    float: left;
    margin-top: 3px;
}

.BtReg {
    background: rgba(0, 0, 0, 0) url("../images/bt-dangky.png") no-repeat scroll 0 0;
    border: 0 none;
    bottom: 135px;
    cursor: pointer;
    font-size: 0;
    height: 69px;
    left: 360px;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    width: 125px;
}

.BtReg:hover {
    background-position: 0 -69px;
}

a.QuickRegTitle:link,
a.QuickRegTitle:visited {
    background-position: 0 0;
    height: 74px;
    width: 259px;
}

a.QuickRegTitle:hover,
ul.TabPageLogin li.Active a.QuickRegTitle {
    background-position: 0 -74px;
}

a.LoginTitle:link,
a.LoginTitle:visited {
    background-position: -259px 0;
    height: 74px;
    width: 260px;
}

a.LoginTitle:hover,
ul.TabPageLogin li.Active a.LoginTitle {
    background-position: -259px -74px;
}

a.ChangeTab:link,
a.ChangeTab:visited {
    color: #ff8c53;
    font-weight: bold;
    text-decoration: underline;
}

a.ChangeTab:hover {
    color: #ffffff;
}

div#tabQuickReg {
    display: block;
    float: left;
    padding-left: 36px;
}

div#tabQuickReg .Question {
    color: #ffffff;
    float: left;
    margin-left: 53px;
    margin-top: 0;
    min-width: 400px;
    word-wrap: normal;
}

.AnyBody {
    height: 1000px;
}

div.MainSitePopup {
    background-image: url("../images/bg_popup_649x573.png");
    background-repeat: no-repeat;
    display: none;
    height: 419px;
    padding-left: 65px;
    padding-top: 154px;
    position: absolute;
    width: 585px;
}

div.MainSitePopup div#tabLogin {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
}

div.MainSitePopup div#tabLogin .Login {
    background: transparent url("../images/login-bg.jpg") no-repeat scroll 0 0;
    color: #ffffff;
    height: 175px;
    left: 97px;
    overflow: hidden;
    position: absolute;
    top: 18px;
    width: 330px;
}

.DropListUIShow {
    padding-bottom: 0 !important;
}

.KhongNapThe {
    font-weight: normal;
}

ul.ListServer li a span.KhongNapTheText1 {
    height: 20px;
    left: 25px;
    overflow: hidden;
    text-indent: 1px;
    top: 3px;
    width: 150px;
}

ul.ListServer li a span.KhongNapTheText2 {
    height: 20px;
    left: 52px;
    overflow: hidden;
    text-indent: 1px;
    top: 20px;
    width: 150px;
}

.block-server {
    font-size: 12px;
    overflow: hidden;
    padding: 100px 70px 0 70px;
    position: relative;
    width: 870px;
    z-index: 2;
    top: 215px;
    min-height: 225px;
}

.block-server .top-server a {
    color: #ffcd3c;
    text-shadow: 1px 2px 2px #000000;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 23px;
    margin-right: -7px;
    padding: 35px 0;
    width: 173px;
    text-decoration-line: none;
    text-align: center;
}

.block-server .top-server a span {
    color: #FFF;
    font-size: 11px;
    display: block;
    text-shadow: 1px 2px 2px #000000;
}

.block-server .top-server p {
    background: rgba(0, 0, 0, 0) url("../images/bgd-chonmaychu.jpg") no-repeat scroll 0 0;
    height: 47px;
    padding: 8px 0 0 11px;
    width: 417px;
}

.block-server .top-server label {
    color: #ae6625;
    float: left;
    font-weight: bold;
}

.block-server .top-server a.server {
    background: url("../images/sub.png") no-repeat scroll 0 0;
    margin-left: 35px;
}

.block-server .top-server a.server:hover {
    background: url("../images/sub-hover.png") no-repeat 0 0;
}

.block-server .top-server a.new {
    background: url("../images/new.png") no-repeat 0px 8px, url("../images/sub.png") no-repeat;
    margin-left: 35px;
}

.block-server .top-server a.new:hover {
    background: url("../images/new.png") no-repeat 0px 8px, url("../images/sub-hover.png") no-repeat;
    margin-left: 35px;
}

.block-server .lst-mota {
    float: right;
    margin: 8px 30px 8px 0;
}

.block-server .lst-mota li {
    float: left;
    margin-right: 15px;
}

.block-server .lst-mota li a {
    display: block;
    padding-left: 20px;
}

.block-server .lst-mota li.tot a {
    background: rgba(0, 0, 0, 0) url("../images/ico-tot.png") no-repeat scroll 0 0;
    color: #2acf22;
}

.block-server .lst-mota li.ganday a {
    background: rgba(0, 0, 0, 0) url("../images/ico-ganday.png") no-repeat scroll 0 0;
    color: #cf8b0a;
}

.block-server .lst-mota li.day a {
    background: rgba(0, 0, 0, 0) url("../images/ico-day.png") no-repeat scroll 0 0;
    color: #f0302f;
}

.block-server .lst-mota li.baotri a {
    background: rgba(0, 0, 0, 0) url("../images/ico-baotri.png") no-repeat scroll 0 0;
    color: #878787;
}

.block-server .user-info {
    position: absolute;
    right: 40px;
    text-align: right;
    top: 55px;
}

.block-server .user-info h3 a {
    color: #ffa84b;
    font-weight: bold;
}

.block-server .user-info h3 a:hover {
    color: #ff8400;
}

.block-server .user-info p {
    color: #ba927f;
    font-size: 11px;
}

.block-server .user-info p a {
    color: #ba927f;
}

.block-server .user-info p a:hover {
    text-decoration: underline;
}

.thongbaocontent a {
    color: #eee;
    text-decoration: none;
}

.thongbaocontent a:hover {
    color: #ff4700;
}

.post_icon {
    background: url(../images/chaos.png) no-repeat;
    width: 5px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
}

.news {
    padding: 5px 80px 0 60px;
    top: 35%;
    position: relative;
    min-height: 333px;
}

.news .news__head {
    text-align: center;
    padding-top: 5px;
}

.news .new__body .post__list {
    margin: 18px 28px 0 28px;
}

.news .new__body .post__list .first_post {
    width: 100%;
    height: 145px;
}

.news .new__body .post__list .first_post .first_post__thumbail {
    width: 35%;
    float: left;
}

.news .new__body .post__list .first_post .first_post__detail {
    width: 65%;
    float: right;
    text-align: center;
}

.news .new__body .post__list .first_post .first_post__detail .time_update {
    color: #8b8b8b;
    font-size: 9pt;
}

.news .new__body .post__list a {
    color: #f7e5a8;
    text-decoration-line: none;
}

.news .new__body .post__list a:hover {
    color: orange;
}

.news .new__body .post__list .first_post .first_post__detail .post_quote {
    color: #bababa;
    display: block;
    font-size: 11pt;
    line-height: 18px;
}

.news .new__body .post__list .new_post {
    font-size: 10pt;
    padding-left: 110px;
}

.news .new__body .post__list .new_post .time {
    float: right;
}

.wrap-footer {
    height: auto;
    width: 100%;
}

.wrap-footer .footer {
    font-size: 11px;
    margin: 100px auto;
    position: relative;
    width: 1000px;
}

.footer p {
    color: #868686;
    font-size: 13px;
    font-weight: bold;
    left: 170px;
    margin-top: 260px;
    position: absolute;
    text-align: center;
}

.footer a {
    color: #b19109;
    text-decoration: none;
}

.footer .back_to_top {
    background: rgba(0, 0, 0, 0) url("../images/top.png") no-repeat scroll 0 0;
    display: block;
    height: 40px;
    position: absolute;
    right: 30px;
    top: 5px;
    width: 40px;
}

.footer .back_to_top:hover {
    background-position: -41px 0;
}

.video {
    min-width: 100%;
    height: 1000px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.video video {
    position: absolute;
    top: 0;
    /* left: 50%; */
    /* margin-left: -952px; */
    min-width: 100%;
    /* height: 1900px; */
    z-index: 1;
}