html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.layout-sprite, .layout-banner-control-hov, .layout-banner-control, .layout-bt-caothu-hov, .layout-bt-caothu, .layout-bt-cauhoi-hov, .layout-bt-cauhoi, .layout-bt-chuyenserver-hov, .layout-bt-chuyenserver, .layout-bt-dangky-hov, .layout-bt-dangky, .layout-bt-download-hov, .layout-bt-download, .layout-bt-fanpage-hov, .layout-bt-fanpage, .layout-bt-henuoc-hov, .layout-bt-henuoc, .layout-bt-hoiuc-hov, .layout-bt-hoiuc, .layout-bt-hotro-hov, .layout-bt-hotro, .layout-bt-huongdan-hov, .layout-bt-huongdan, .layout-bt-napthe-hov, .layout-bt-napthe, .layout-bt-phucloi-hov, .layout-bt-phucloi, .layout-bt-rank-1-hov, .layout-bt-rank-1, .layout-bt-rank-2-hov, .layout-bt-rank-2, .layout-bt-rank-3-hov, .layout-bt-rank-3, .layout-bt-rank-4-hov, .layout-bt-rank-4, .layout-bt-server-hov, .layout-bt-server, .layout-icon-tinhnang-hov, .layout-icon-tinhnang, .game-info__bt_download, .game-info__bt_download:hover, .game-info__bt_download.off, .game-info__bt_download.off:hover, .game-info__bt_dangky, .game-info__bt_dangky:hover, .game-info__bt_dangky.off, .game-info__napthe, .game-info__napthe:hover, .game-info__napthe.off, .game-info__napthe.off:hover, .btn-huongdan li a.bt-server, .btn-huongdan li a.bt-server:hover, .btn-huongdan li a.bt-server.off, .btn-huongdan li a.bt-huongdan, .btn-huongdan li a.bt-huongdan:hover, .btn-huongdan li a.bt-huongdan.off, .btn-huongdan li a.bt-cauhoi, .btn-huongdan li a.bt-cauhoi:hover, .btn-huongdan li a.bt-cauhoi.off, .hd-nguoimoi ul li a.bt-caothu, .hd-nguoimoi ul li a.bt-caothu:hover, .hd-nguoimoi ul li a.bt-caothu.off, .hd-nguoimoi ul li a.bt-caothu.off:hover, .hd-nguoimoi ul li a.bt-henuoc, .hd-nguoimoi ul li a.bt-henuoc:hover, .hd-nguoimoi ul li a.bt-henuoc.off, .hd-nguoimoi ul li a.bt-henuoc.off:hover, .hd-nguoimoi ul li a.bt-hoiuc, .hd-nguoimoi ul li a.bt-hoiuc:hover, .hd-nguoimoi ul li a.bt-hoiuc.off, .hd-nguoimoi ul li a.bt-hoiuc.off:hover, .btn-sub li a.bt-hotro, .btn-sub li a.bt-hotro:hover, .btn-sub li a.bt-hotro.off, .btn-sub li a.bt-phucloi, .btn-sub li a.bt-phucloi:hover, .btn-sub li a.bt-phucloi.off, .btn-sub li a.bt-fanpage, .btn-sub li a.bt-fanpage:hover, .btn-sub li a.bt-fanpage.off, .btn-sub li a.bt-chuyenserver, .btn-sub li a.bt-chuyenserver:hover, .btn-sub li a.bt-chuyenserver.off, .ranking .tab-rank li a.tab-1, .ranking .tab-rank li a.tab-1.active, .ranking .tab-rank li a.tab-1:hover, .ranking .tab-rank li a.tab-1.off, .ranking .tab-rank li a.tab-2, .ranking .tab-rank li a.tab-2.active, .ranking .tab-rank li a.tab-2:hover, .ranking .tab-rank li a.tab-2.off, .ranking .tab-rank li a.tab-3, .ranking .tab-rank li a.tab-3.active, .ranking .tab-rank li a.tab-3:hover, .ranking .tab-rank li a.tab-3.off, .ranking .tab-rank li a.tab-4, .ranking .tab-rank li a.tab-4.active, .ranking .tab-rank li a.tab-4:hover, .ranking .tab-rank li a.tab-4.off {
  background-image: url('../images/layout-s2ed247c163.png');
  background-repeat: no-repeat;
}
.list-header-member-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-mobile {
    background: #002637;
}

.list-interval-sigin ul {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}
.huongdan ul li a {
    display: flex
;
}
.list-interval-sigin ul li img {
      margin-bottom: -5px;
    height: 55px;
    object-fit: cover;
}

.icon-header-mobiles svg {
    width: 55px;
    height: 55px;
}
.layout-banner-control-hov {
  background-position: 0 0;
  height: 28px;
  width: 28px;
}

.layout-banner-control {
  background-position: 0 -28px;
  height: 28px;
  width: 28px;
}

.layout-bt-caothu-hov {
  background-position: 0 -56px;
  height: 76px;
  width: 95px;
}

.layout-bt-caothu {
  background-position: 0 -132px;
  height: 76px;
  width: 95px;
}

.layout-bt-cauhoi-hov {
  background-position: 0 -208px;
  height: 71px;
  width: 275px;
}

.layout-bt-cauhoi {
  background-position: 0 -279px;
  height: 71px;
  width: 275px;
}

.layout-bt-chuyenserver-hov {
  background-position: 0 -350px;
  height: 60px;
  width: 145px;
}

.layout-bt-chuyenserver {
  background-position: 0 -410px;
  height: 60px;
  width: 145px;
}

.layout-bt-dangky-hov {
  background-position: 0 -470px;
  height: 83px;
  width: 148px;
}

.layout-bt-dangky {
  background-position: 0 -553px;
  height: 83px;
  width: 148px;
}

.layout-bt-download-hov {
  background-position: 0 -636px;
  height: 159px;
  width: 290px;
}

.layout-bt-download {
  background-position: 0 -795px;
  height: 159px;
  width: 290px;
}

.layout-bt-fanpage-hov {
  background-position: 0 -954px;
  height: 60px;
  width: 145px;
}

.layout-bt-fanpage {
  background-position: 0 -1014px;
  height: 60px;
  width: 145px;
}

.layout-bt-henuoc-hov {
  background-position: 0 -1074px;
  height: 76px;
  width: 95px;
}

.layout-bt-henuoc {
  background-position: 0 -1150px;
  height: 76px;
  width: 95px;
}

.layout-bt-hoiuc-hov {
  background-position: 0 -1226px;
  height: 76px;
  width: 95px;
}

.layout-bt-hoiuc {
  background-position: 0 -1302px;
  height: 76px;
  width: 95px;
}

.layout-bt-hotro-hov {
  background-position: 0 -1378px;
  height: 60px;
  width: 145px;
}

.layout-bt-hotro {
  background-position: 0 -1438px;
  height: 60px;
  width: 145px;
}

.layout-bt-huongdan-hov {
  background-position: 0 -1498px;
  height: 71px;
  width: 275px;
}

.layout-bt-huongdan {
  background-position: 0 -1569px;
  height: 71px;
  width: 275px;
}

.layout-bt-napthe-hov {
  background-position: 0 -1640px;
  height: 83px;
  width: 149px;
}

.layout-bt-napthe {
  background-position: 0 -1723px;
  height: 83px;
  width: 149px;
}

.layout-bt-phucloi-hov {
  background-position: 0 -1806px;
  height: 60px;
  width: 145px;
}

.layout-bt-phucloi {
  background-position: 0 -1866px;
  height: 60px;
  width: 145px;
}

.layout-bt-rank-1-hov {
  background-position: 0 -1926px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-1 {
  background-position: 0 -1964px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-2-hov {
  background-position: 0 -2002px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-2 {
  background-position: 0 -2040px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-3-hov {
  background-position: 0 -2078px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-3 {
  background-position: 0 -2116px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-4-hov {
  background-position: 0 -2154px;
  height: 38px;
  width: 197px;
}

.layout-bt-rank-4 {
  background-position: 0 -2192px;
  height: 38px;
  width: 197px;
}

.layout-bt-server-hov {
  background-position: 0 -2230px;
  height: 71px;
  width: 275px;
}

.layout-bt-server {
  background-position: 0 -2301px;
  height: 71px;
  width: 275px;
}

.layout-icon-tinhnang-hov {
  background-position: 0 -2372px;
  height: 12px;
  width: 12px;
}

.layout-icon-tinhnang {
  background-position: 0 -2384px;
  height: 12px;
  width: 12px;
}

/* ----- content ----- */
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ff7e00;
}

input {
  margin: 0px;
  padding: 0px;
  color: #414141;
}
input::-webkit-input-placeholder {
  color: #414141;
}
input:-moz-placeholder {
  /* Firefox 18- */
  color: #414141;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #414141;
}
input:-ms-input-placeholder {
  color: #414141;
}

strong {
  font-weight: bold;
}

fieldset legend {
  display: none;
}

.loading {
  background: url(../images/loading.gif) no-repeat center;
  width: 100%;
  height: 200px;
  margin: 0px auto;
}

/* ----- tabHeader ----- */
/* ----- AnchorLink ----- */
/* ----- table ----- */
/* ----- NoticeBox ----- */
/* ----- Popup ----- */
/* ----- UserInfo ----- */
/* ----- form ----- */
.wrapper-out .wrapper, section {
  display: block;
}

.game-info a, .btn-huongdan li a, .hd-nguoimoi ul li a, .btn-sub li a, .wrapper-out .wrapper .page-header h1 .logo, .ranking .tab-rank li a, .mon-phai .mySwiper2 .swiper-slide .view-more {
  display: block;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
a.game-info__napthe {
    background-size: contain!important;
}

a#zme-registerwg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.game-info {
   width: 100%;
   overflow: hidden;
   margin: -59px 0 64px;
}
.game-info a {
  float: left;
}
.game-info__bt_download {
  background-position: 0 -795px;
  height: 159px;
  width: 290px;
  margin: 0;
}
.game-info__bt_download:hover {
  background-position: 0 -636px;
  height: 157px;
  width: 290px;
}
.game-info__bt_download.off, .game-info__bt_download.off:hover {
  background-position: 0 -795px;
  height: 159px;
  width: 290px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.game-info__bt_dangky {
  background-position: 0 -553px;
  height: 83px;
  width: 144px;
  margin: 0;
  position: absolute;
  top: 198px;
  left: 145px;
}
.game-info__bt_dangky:hover {
  background-position: 0 -470px;
  height: 83px;
  width: 148px;
}
.game-info__bt_dangky.off {
  background-position: 0 -553px;
  height: 83px;
  width: 148px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.game-info__napthe {
  background-position: 0 -1723px;
  height: 83px;
  width: 144px;
  position: absolute;
  top: 198px;
  left: 0px;
  margin: 0;
}
.game-info__napthe:hover {
  background-position: 0 -1640px;
  height: 83px;
  width: 149px;
}
.game-info__napthe.off, .game-info__napthe.off:hover {
  background-position: 0 -1723px;
  height: 83px;
  width: 149px;
  filter: grayscale(100%);
  cursor: not-allowed;
}

.btn-huongdan {
  width: 100%;
  height: 226px;
  background: url(../images/bg-button-left.jpg) center top no-repeat;
  overflow: hidden;
  padding-top: 8px;
}
.btn-huongdan li {
  width: 275px;
  float: left;
  margin: 0 0 0 8px;
}
.btn-huongdan li a.bt-server {
  background-position: 0 -2301px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-server:hover {
  background-position: 0 -2230px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-server.off {
  background-position: 0 -2301px;
  height: 71px;
  width: 275px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.btn-huongdan li a.bt-huongdan {
  background-position: 0 -1569px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-huongdan:hover {
  background-position: 0 -1498px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-huongdan.off {
  background-position: 0 -1569px;
  height: 71px;
  width: 275px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.btn-huongdan li a.bt-cauhoi {
  background-position: 0 -279px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-cauhoi:hover {
  background-position: 0 -208px;
  height: 71px;
  width: 275px;
}
.btn-huongdan li a.bt-cauhoi.off {
  background-position: 0 -279px;
  height: 71px;
  width: 275px;
  filter: grayscale(100%);
  cursor: not-allowed;
}

.hd-nguoimoi {
  width: 290px;
  height: 104px;
  background: url(../images/bg-hd-nguoimoi.png) 0 0 no-repeat;
  margin-top: -2px;
}
.hd-nguoimoi h2 {
  height: 28px;
  font: normal 16px/28px fontNav, Tahoma;
  color: #0d364c;
  text-transform: uppercase;
  text-align: center;
}
.hd-nguoimoi ul {
  width: 100%;
}
.hd-nguoimoi ul li {
  float: left;
  margin: 0 2px 0 0;
}
.hd-nguoimoi ul li:last-child {
  margin-right: 0;
}
.hd-nguoimoi ul li a.bt-caothu {
  background-position: 0 -132px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-caothu:hover {
  background-position: 0 -56px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-caothu.off, .hd-nguoimoi ul li a.bt-caothu.off:hover {
  background-position: 0 -132px;
  height: 76px;
  width: 95px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.hd-nguoimoi ul li a.bt-henuoc {
  background-position: 0 -1150px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-henuoc:hover {
  background-position: 0 -1074px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-henuoc.off, .hd-nguoimoi ul li a.bt-henuoc.off:hover {
  background-position: 0 -1150px;
  height: 76px;
  width: 95px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.hd-nguoimoi ul li a.bt-hoiuc {
  background-position: 0 -1302px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-hoiuc:hover {
  background-position: 0 -1226px;
  height: 76px;
  width: 95px;
}
.hd-nguoimoi ul li a.bt-hoiuc.off, .hd-nguoimoi ul li a.bt-hoiuc.off:hover {
  background-position: 0 -1302px;
  height: 76px;
  width: 95px;
  filter: grayscale(100%);
  cursor: not-allowed;
}

.tinh-nang {
  width: 100%;
  height: 224px;
  background: url(../images/bg-tinhnang.jpg) 0 0 no-repeat;
  margin: 0;
  overflow: hidden;
}
.tinh-nang h2 {
  height: 38px;
  font: normal 16px/38px fontNav, Tahoma;
  color: #0d364c;
  text-transform: uppercase;
  text-align: center;
}
.tinh-nang ul {
  padding: 15px 5px;
  margin: 0;
  overflow: hidden;
}
.tinh-nang ul li {
  width: 48%;
  margin: 0 1%;
  float: left;
}
.tinh-nang ul li a {
  display: block;
  color: #002637;
  font-size: 16px;
  line-height: 30px;
  background: url(../images/icon-tinhnang.png) 0 9px no-repeat;
  padding: 0 0 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tinh-nang ul li a:hover {
  color: #9e1200;
  background: url(../images/icon-tinhnang-hov.png) 0 9px no-repeat;
}

.btn-sub {
  width: 100%;
  overflow: hidden;
  margin-bottom: 9px;
}
.btn-sub li {
  float: left;
  margin: 0;
}
.btn-sub li a.bt-hotro {
  background-position: 0 -1438px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-hotro:hover {
  background-position: 0 -1378px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-hotro.off {
  background-position: 0 -1438px;
  height: 60px;
  width: 145px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.btn-sub li a.bt-phucloi {
  background-position: 0 -1866px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-phucloi:hover {
  background-position: 0 -1806px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-phucloi.off {
  background-position: 0 -1866px;
  height: 60px;
  width: 145px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.btn-sub li a.bt-fanpage {
  background-position: 0 -1014px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-fanpage:hover {
  background-position: 0 -954px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-fanpage.off {
  background-position: 0 -1014px;
  height: 60px;
  width: 145px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.btn-sub li a.bt-chuyenserver {
  background-position: 0 -410px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-chuyenserver:hover {
  background-position: 0 -350px;
  height: 60px;
  width: 145px;
}
.btn-sub li a.bt-chuyenserver.off {
  background-position: 0 -410px;
  height: 60px;
  width: 145px;
  filter: grayscale(100%);
  cursor: not-allowed;
}

.fa-chevron-down:before {
  content: "\25bc";
  display: block;
  margin: 0;
  font: 10px/10px Arial;
}

#main-nav {
  width: 100%;
  /* background: #002637; */
  height: 76px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  transform-origin: center top;
  z-index: 100;
}
#main-nav ul {
  width: 1206px;
  height: 76px;
  margin: 0 auto;
  font: 24px/36px fontNav, Tahoma;
  text-align: center;
}
#main-nav ul > li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}
#main-nav ul > li > a {
  height: 36px;
  color: #640c01;
  text-decoration: none;
  text-align: center;
  padding: 20px 27px;
  display: block;
  /* border-right: 1px solid #160200; */
  transition: 0.2s ease;
}
#main-nav ul > li > a:hover, #main-nav ul > li > a.active {
  background: #ac1100;
  box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
  color: #fff;
}
#main-nav ul > li:last-child a {
  border-right: none;
}
#main-nav ul > li:hover ul {
  display: block;
}
#main-nav ul > li > ul {
  background: #ffffffe6;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 76px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  height: auto;
  z-index: 100;
  font-size: 15px;
  line-height: 33px;
}
#main-nav ul > li > ul > li {
  width: 100%;
  /* background: #002637; */
  /* border-top: 1px solid #003953; */
  border-bottom: 1px solid #160d0e;
  margin: 0;
}
#main-nav ul > li > ul > li:first-child {
  margin-left: 0;
}
#main-nav ul > li > ul > li ul {
  display: none;
}
#main-nav ul > li > ul > li a {
  color: #740d01;
  height: 33px;
  padding: 5px 15px;
}
#main-nav ul > li > ul > li a:hover, #main-nav ul > li > ul > li a.active {
  background: #ac1100;
  box-shadow: inset 5px 5px 20px #550b01, inset -5px -5px 20px #550b01;
  color: #fff;
}
#main-nav ul > li > ul > li a span {
  display: none;
}

/* 
#left-nav {
	width: 260px;
	float: left;
	margin-bottom: 10px;
	.fa-chevron-down::before {
		background: none;
		content: "\25bc";
		float: right;
		font: 14px/10px a;
		margin: 20px;
	}
	ul {
		a {
			cursor: pointer;
		}
		> li {
			float: left;
			a {
				display: block;
				@include layout-sprite(left-nav-nor);
				color: #c3c8cf;
				font: 18px/50px Tahoma;
				text-indent: 25px;
				&:hover, &.active, &.open {
					@include layout-sprite(left-nav-hov);
					color: #1d1f27;
				}
			}
			ul {
				display: none;
				float: left;
				li {
					background: #212329;
					a {
						background: url(../images/left-nav-sub-nor.png) no-repeat 13px 17px;
						font: 15px/40px Tahoma;
						height: 40px;
						color: #9a9a9e;
						display: block;
						text-indent: 25px;
						&.active, &:hover {
							background: url(../images/left-nav-sub-hov.png) no-repeat 13px 17px;
							color: #f54c18;
							height: 40px;
						}
					}
					&:nth-child(even) {
						background: #26282e;
					}
				}
			}
			&.active, &.has-sub {
				background-position: 0 -40px;
			}
			&.open span.holder {
				//@include sprites-sprite(arrow-up);
				position: absolute;
				display: block;
				top: 15px;
				right: 10px;
			}
			&.active, &.open {
				ul {
					display: block !important;
				}
			}
		}
	}
} */
@font-face {
  font-family: fontNav;
  src: url(../../font/utmGod.ttf);
}
@font-face {
  font-family: FontTitle;
  src: url(../../font/RobotoCondensed-Regular.ttf);
}
em {
  font-style: italic;
}

body {
  color: #002637;
  font: 14px/22px FontTitle, Tahoma, Arial, Verdana, sans-serif;
}

.Rating_vng_18 {
  top: 76px;
  left: auto;
  right: 0;
  transform-origin: left top;
}

.wrapper-out .wrapper {
  /*width: 2000px;
  transform-origin: left top;*/
  width: 100%;
  position: absolute;
  background: url(../images/WJX-\ skin\ -\ normal.jpg) no-repeat center top #fff;
}
.wrapper-out .wrapper .page-header {
  height: 445px;
  width: 1200px;
  margin: 0px auto;
  position: relative;
}
.wrapper-out .wrapper .page-header--outter {
  width: 100%;
  margin: 0px auto;
}
.wrapper-out .wrapper .page-header h1 {
  width: 302px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -605px;
}
.wrapper-out .wrapper .page-header h1 .logo {
  background: url(../images/logo-wjx.png) no-repeat;
  width: 279px;
  height: 147px;
  animation: floatUpDown 2s ease-in-out infinite;
}
@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0); /* Vị trí ban đầu */
    }
    50% {
        transform: translateY(-10px); /* Di chuyển lên 10px */
    }
}
.wrapper-out .wrapper .page-main {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.wrapper-out .wrapper .page-main__content {
  width: 1200px;
  margin: 0 auto;
}
.wrapper-out .wrapper .page-main aside.aside-left {
  float: left;
  width: 290px;
  position: relative;
  padding-top: 49px;
  margin-right: 10px;
}
.wrapper-out .wrapper .page-main main {
  float: left;
  width: 600px;
  position: relative;
  margin-right: 10px;
}
.wrapper-out .wrapper .page-main aside.aside-right {
  float: left;
  width: 290px;
  position: relative;
  padding-top: 40px;
}

/*css search*/
.FormSearch {
  width: 600px;
  height: 39px;
  margin-bottom: 0px;
}

.FormSearch form {
    display: none;
}
.FormSearch input.search-query {
 float: left;
 width: calc(100% - 60px);
 padding: 0 10px;
 line-height: 37px;
 color: #002637;
 outline: none;
 font-size: 16px;
 background: #dde7d6;
 border: #002637 solid 1px;
 border-right: 0;
 border-radius: 10px 0 0 10px;
}

.FormSearch .BtnSearch {
  outline: none;
  border: 0;
  background: url(../images/bt-search.jpg) 0 0 no-repeat;
  height: 39px;
  width: 39px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  float: right;
}

.FormSearch .BtnSearch:hover {
  filter: brightness(130%);
}

.footer {
  clear: both;
  width: 1200px;
  height: 60px;
  text-align: left;
  color: #866232;
  font-size: 14px;
  line-height: 25px;
  padding: 40px 0 30px;
  margin: 0 auto;
  position: relative;
}
.footer img {
  display: block;
  position: absolute;
  top: 40px;
  left: 50%;
  width: auto;
  margin-left: -500px;
}
.footer p {
  width: 760px;
  margin: 0;
  padding: 0 0 0 360px;
}

.banner-event {
  clear: both;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  margin: 0 auto 10px;
  background: #fff;
    /*.swiper-button-prev {
    	background: url(../images/bt-prev.png) no-repeat;
    	width: 34px;
    	height: 33px;
		left: 0px;
    }
    .swiper-button-next {
    	background: url(../images/bt-next.png) no-repeat;
    	width: 34px;
    	height: 33px;
    	right: 0px;
    	
    }*/
}
.banner-event .swiper-wrapper {
  height: 222px;
  width: 600px;
  margin: 0 auto;
}
.banner-event .swiper-wrapper .swiper-slide {
  width: 100%;
}
.banner-event .swiper-wrapper .swiper-slide > a {
  height: 220px;
  width: 598px;
  display: block;
  position: relative;
  border: 1px solid #637875;
}
.banner-event .swiper-wrapper .swiper-slide > a > img,
.banner-event .swiper-wrapper .swiper-slide > a > video {
  display: block;
  /* height: 220px; */
  width: 598px;
}
.banner-event .swiper-pagination {
  bottom: 10px;
  text-align: right;
}
.banner-event .swiper-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 28px;
  background: url(../images/banner-control.png) no-repeat;
  border-radius: 0;
  opacity: 1;
  border: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.banner-event .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../images/banner-control-hov.png) no-repeat;
}

.banner-rank {
  clear: both;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 1202px;
  margin: 0 auto 10px;
  background: #fff;
}
.banner-rank .swiper-wrapper {
  height: 332px;
  width: 1202px;
  margin: 0 auto;
}
.banner-rank .swiper-wrapper .swiper-slide {
  width: 100%;
}
.banner-rank .swiper-wrapper .swiper-slide > a {
  height: 330px;
  width: 1200px;
  display: block;
  position: relative;
  border: 1px solid #d9d3a7;
}
.banner-rank .swiper-wrapper .swiper-slide > a > img,
.banner-rank .swiper-wrapper .swiper-slide > a > video {
  display: block;
  height: 330px;
  width: 1200px;
  object-fit: cover;
}
.banner-rank .swiper-pagination {
  bottom: 10px;
  text-align: right;
}
.banner-rank .swiper-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 28px;
  background: url(../images/layout/banner-control.png) no-repeat;
  border-radius: 0;
  opacity: 1;
  border: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.banner-rank .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: url(../images/layout/banner-control-hov.png) no-repeat;
}
.banner-rank .swiper-button-prev {
  background: url(../images/bt-prev.png) no-repeat;
  width: 34px;
  height: 33px;
  left: 10px;
}
.banner-rank .swiper-button-next {
  background: url(../images/bt-next.png) no-repeat;
  width: 34px;
  height: 33px;
  right: 10px;
}

.ranking {
  clear: both;
  width: 100%;
  height: 285px;
  background: url(../images/bg-ranking.jpg) 0 0 no-repeat;
  position: relative;
  margin-bottom: 10px;
}
.ranking .tab-rank {
  width: 895px;
  margin: 0 0 8px 300px;
  overflow: hidden;
}
.ranking .tab-rank li {
  float: left;
}
.ranking .tab-rank li a.tab-1 {
  background-position: 0 -1964px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-1.active, .ranking .tab-rank li a.tab-1:hover {
  background-position: 0 -1926px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-1.off {
  background-position: 0 -1964px;
  height: 38px;
  width: 197px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.ranking .tab-rank li a.tab-2 {
  background-position: 0 -2040px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-2.active, .ranking .tab-rank li a.tab-2:hover {
  background-position: 0 -2002px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-2.off {
  background-position: 0 -2040px;
  height: 38px;
  width: 197px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.ranking .tab-rank li a.tab-3 {
  background-position: 0 -2116px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-3.active, .ranking .tab-rank li a.tab-3:hover {
  background-position: 0 -2078px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-3.off {
  background-position: 0 -2116px;
  height: 38px;
  width: 197px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.ranking .tab-rank li a.tab-4 {
  background-position: 0 -2192px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-4.active, .ranking .tab-rank li a.tab-4:hover {
  background-position: 0 -2154px;
  height: 38px;
  width: 197px;
}
.ranking .tab-rank li a.tab-4.off {
  background-position: 0 -2192px;
  height: 38px;
  width: 197px;
  filter: grayscale(100%);
  cursor: not-allowed;
}
.ranking .result-ranking {
  width: 890px;
  margin: 0 0 10px 300px;
  overflow: hidden;
}
.ranking .table-lucchien {
  background: #ebeded;
}
.ranking .table-lucchien table td {
  border: none;
  border-bottom: 1px solid #1a3d4c;
  height: 33px;
  text-align: center;
  overflow: hidden;
}
.ranking .table-lucchien tr.text-note {
  width: 100%;
  display: none;
}
.ranking .table-lucchien th, .ranking .table-lucchien td {
  border: 1px solid #1a3d4c;
}
.ranking .table-lucchien th {
  text-align: center;
  color: #121212;
  font-weight: bold;
}
.ranking .table-lucchien th.stt {
  width: 50px;
  border: 1px solid #1a3d4c;
}
.ranking .table-lucchien th.group-bxh {
  width: 278px;
  border: 1px solid #1a3d4c;
  background: #ebeded;
  font: 14px/20px fontNav, Tahoma;
}
.ranking .table-lucchien th.group-bxh:nth-child(3) {
  background: #dee8e8;
}
.ranking .table-lucchien th.group-bxh p {
  width: 164px;
  float: left;
  text-align: center;
  padding: 5px;
  border-right: 1px solid #1a3d4c;
}
.ranking .table-lucchien th.group-bxh p.title {
  width: 100%;
  background: #866232;
  color: #f9e4a3;
  font-size: 16px;
  line-height: 26px;
  padding: 5px 0;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.ranking .table-lucchien th.group-bxh p:last-child {
  width: 92px;
  float: left;
  border-right: none;
}
.ranking .table-lucchien td.stt {
  width: 50px;
  text-align: center;
}
.ranking .table-lucchien td.stt img {
  display: block;
  margin: 0 auto;
}
.ranking .table-lucchien td.group-bxh {
  width: 278px;
  background: none;
  vertical-align: top;
}
.ranking .table-lucchien td.group-bxh:nth-child(3) {
  background: #dee8e8;
}
.ranking .table-lucchien td.group-bxh p {
  width: 165px;
  float: left;
  padding: 5px;
  text-align: left;
}
.ranking .table-lucchien td.group-bxh p:last-child {
  width: 92px;
  float: left;
  text-align: right;
}

.mon-phai {
  clear: both;
  width: 100%;
  height: 650px;
  background: url(../images/bg-monphai-2.jpg) center top no-repeat;
  position: relative;
  box-shadow: 3px 3px 12px #ddd9d9, -3px -3px 12px #ddd9d9;
  overflow: hidden;
}
.mon-phai .swiper-container {
  width: 100%;
  padding-top: 100px;
}
.mon-phai .mySwiper2 .swiper-slide {
  width: 1200px;
  height: 550px;
  position: relative;
}
.mon-phai .mySwiper2 .swiper-slide img {
  /*width: 1200px;
  height: 550px;*/
  display: block;
}
.mon-phai .mySwiper2 .swiper-slide .view-more {
  background: url(../images/bt-view.png) center top no-repeat;
  width: 108px;
  height: 37px;
  position: absolute;
  top: 110px;
  left: 240px;
  z-index: 5;
}
.mon-phai .mySwiper2 .swiper-slide .view-more:hover {
  background: url(../images/bt-view-hov.png) center top no-repeat;
}
.mon-phai .mySwiper2 .swiper-slide .thumb {
  width: 298px;
  height: 140px;
  position: absolute;
  top: 210px;
  left: 50px;
}
.mon-phai .mySwiper2 .swiper-slide .thumb a {
  display: block;
}
.mon-phai .mySwiper2 .swiper-slide .intro {
  width: 298px;
  height: 180px;
  position: absolute;
  top: 360px;
  left: 50px;
}
.mon-phai .mySwiper2 .swiper-slide .intro a {
  display: block;
}
.mon-phai .mySwiper2 .swiper-button-prev {
  background: url(../images/bt-prev.png) no-repeat;
  width: 34px;
  height: 33px;
  left: 10px;
}
.mon-phai .mySwiper2 .swiper-button-next {
  background: url(../images/bt-next.png) no-repeat;
  width: 34px;
  height: 33px;
  right: 10px;
}
.mon-phai .mySwiper {
  width: 1200px;
  position: absolute;
  top: 0;
  z-index: 5;
}
.mon-phai .mySwiper .swiper-slide {
  width: 80px;
  height: 100px;
  position: relative;
}
.mon-phai .mySwiper .swiper-slide img {
  /*width: 1200px;
  height: 550px;*/
  display: block;
}
.mon-phai .mySwiper .swiper-slide img.mptab-act {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.mon-phai .mySwiper .swiper-slide-thumb-active img {
  /*width: 1200px;
  height: 550px;*/
}
.mon-phai .mySwiper .swiper-slide-thumb-active img.mptab-act {
  opacity: 1;
}

section {
  float: left;
}

/* block-news*/
.posts {
  width: 100%;
  height: 223px;
  position: relative;
  background: url(../images/bg-posts.jpg) 0 0 no-repeat;
}
.posts__view {
  background: url(../images/icon-view.png) right top no-repeat;
  color: #2c2a23;
  font-size: 14px;
  line-height: 28px;
  padding: 0px 33px 0 0;
  height: 28px;
  position: absolute;
  right: 10px;
  top: 5px;
  display: block;
}
.posts__view:hover {
  color: #9e1200;
}
.posts__tab {
  float: left;
  width: 560px;
  position: relative;
  padding-left: 40px;
}
.posts__tab li {
  float: left;
  margin: 0;
  color: #001c29;
  padding: 9px 0;
}
.posts__tab li a {
  color: #001c29;
  display: block;
  padding: 0 20px;
  font: bold 16px/20px fontNav,Tahoma;
  text-transform: uppercase;
  border-right: 1px solid #001c29;
}
.posts__tab li a:hover, .posts__tab li a.active {
  color: #7d0f00;
}
.posts__list {
  background: #efebe0;
  padding: 10px 10px 0;
  margin: 0;
  overflow: hidden;
}
.posts__list li {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-bottom: 1px dashed #878e88;
  color: #002637;
  /*.posts__post-image {
  	border: 1px solid #601a33;
  	float: left;
  	margin-right: 15px;
  	img {
  		display: block;
  	}
  }*/
  /*.posts__post-intro {
  	color: #333 !important;
  	font-size: 13px;
  	float: left;
  	display: block;
  }*/
}
.posts__list li:last-child {
  border-bottom: none;
}
.posts__list li:first-child .posts__post-title {
  color: #9e1200;
}
.posts__list li .posts__post-title {
  display: block;
  font-size: 16px;
  line-height: 32px;
  color: #002637;
  text-decoration: none;
  float: left;
}
.posts__list li .posts__post-title:hover {
  color: #9e1200;
}
.posts__list li .posts__post-title:hover time {
  color: #9e1200;
}
.posts__list li .posts__post-title .icon-hot {
  width: 81px;
  height: 32px;
  position: absolute;
  right: 60px;
  background: url(../images/icon-hot.png) 0 0 no-repeat;
}
.posts__list li .posts__post-title time {
  color: #002637;
  font-size: 14px;
  position: absolute;
  right: 10px;
}
.media-mobile-header ul {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.media-mobile-header ul li img {
    width: 35px;
    height: 35px;
}
.header-mobile .container {
    padding: 0px 10px;
}
.menu-nav-header-mobile {
    background: #002637fc;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
}

.menu-nav-header-mobile ul li a {
    color: #fff;
    text-align: center;
}

.menu-nav-header-mobile ul li {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #cdcdcd26;
}

.icon-close-header-mobile svg {
    width: 30px;
    height: 30px;
}

.icon-close-header-mobile svg path {
    fill: #fff;
}
.menu-nav-header-mobile {
    display: none;
}

.menu-nav-header-mobile.active {
    display: block;
    height: 100vh;
}

.nav-header-mobiles.active .close-menu-mobile {
    display: block;
}

.nav-header-mobiles.active .icon-header-mobiles {
    display: none;
}

.close-menu-mobile {
    display: none;
}
.nav-header-mobiles {
    width: 55px;
}

.icon-close-header-mobile {
    text-align: center;
}
.header-mobile {
    display: none;
}
.btn-huongdan li a.bt-server:hover {
    filter: sepia(0.7);
}

.icon-dropdown-mobile svg {
    width: 13px;
}

.icon-dropdown-mobile svg path {
    fill: #fff;
}
.menu-c2-mobile.active {
    display: block;
}
button.cs-live-chat__user-panel-action-button.cs-live-chat__user-panel-action-button--login a {
    color: #fff;
}
.menu-c1-mobile {
  align-items: center;
    display: flex;
    justify-content: center;
    gap: 0px 10px;
}

.menu-c2-mobile {
    background: #011924fc;
}

.icon-dropdown-mobile {
    background: #002637fc;
}

.menu-c2-mobile ul li a {
    color: #8972ff;
}

.menu-c2-mobile ul li:last-child {
    border-bottom: unset;
}
.menu-c2-mobile {
    display: none;
}
.content-post-details img {
    width: 100% !important;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
ul.btn-sub li a:hover {
    filter: sepia(0.7);
}

.hd-nguoimoi ul li a:hover {
    filter: sepia(0.7);
}

.game-info a:hover {filter: sepia(0.7);}

.wrapper-out.post-pages .wrapper {
    position: unset;
    background: none;
}

li.member-header-navbar1 a {
    text-transform: uppercase;
}
a.game-info__bt_download {
    height: 220px;
    background-size: contain !important;
}
a.game-info__bt_download:hover {
	height: 220px;
}
.huongdan {
    height: 50px;
    background: url( ../images/bg-hd-nguoimoi2.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: none;
}
.game-info a {
    background-size: contain!important;
    background-repeat: no-repeat !important;
    transition: 0.5s ease;
}
.huongdan ul li img {
       height: 40px;
}

.huongdan ul {
    display: flex;
    justify-content: space-between;
    gap: 0px 14px;
    align-items: center;
    width: 100%;
    padding: 0px 20px;
}
.post-title .name {
    font-size: 17px;
    font-weight: 700;
    padding: 5px 20px;
    background: #cdcdcd;
    margin-bottom: 20px;
    color: #850302;
}
@media(max-width:990px){
  .media-mobile-header {
    padding-left: 15px;
}
  .huongdan  {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .container{
    padding: unset;
    width: 100%;
    margin: 0 auto;
    padding: unset !important;
}
  .header-mobile.header-bg {
    position: fixed;
    z-index: 9;
    width: 100%;
}
  .banner-event .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    background-size: contain !important;
}
  .posts__tab li a {
    font: bold 12px / 20px fontNav, Tahoma;
}
.FormSearch input.search-query {
    font-size: 14px;
}

.FormSearch input::placeholder {
    color: #7e7e7e;
}
  .header-mobile {
    display: block;
}
  .FormSearch input.search-query {
    line-height: 30px;
    border-radius: 3px 0 0 3px;
}

.FormSearch .BtnSearch {
    height: 32px;
    background-size: contain !important;
    width: 32px;
    border-radius: unset !important;
}
.FormSearch input.search-query {
    float: left;
    width: calc(100% - 53px);
}
  .mon-phai .mySwiper2 .swiper-slide .view-more {
    width: 73px;
    height: 25px;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    left: 20px;
}

.mon-phai .mySwiper2 .swiper-slide > img {
    object-fit: contain!important;
    height: auto;
    width: 100%;
}

  .wrapper-out .wrapper {
    background-repeat: no-repeat !important;
    background-size: cover!important;
    height: 570px;
}
.wrapper-out .wrapper .page-header h1 {
    margin-left: unset;
    width: 256px;
    top: 1px;
    left: -2px;
}
.mon-phai .mySwiper .swiper-slide {
    height: unset !important;
}

.mon-phai .swiper-container {
    padding-top: 70px;
}
.wrapper-out .wrapper .page-header h1 .logo {
    width: 143px;
    height: 70px;
    background-size: cover !important;
            margin-top: 9px;
}
.Rating_vng_18 {
    display: none;
}
.banner-event .swiper-wrapper .swiper-slide > a > img, .banner-event .swiper-wrapper .swiper-slide > a > video {
    object-fit: contain;
    height: unset;
}

.banner-event .swiper-wrapper .swiper-slide > a {
    height: 100%;
}

.banner-event .swiper-wrapper .swiper-slide {
    height: unset;
}

.banner-event .swiper-pagination {
    bottom: 10px;
}

.banner-event .swiper-wrapper {
    height: unset;
}
.posts {
  margin-bottom: 20px;
    height: unset;
}
    .footer p {
    width: 100%;
    padding: unset;
    margin: unset;
}

.footer img {
    position: unset;
    margin-left: 0px;
    margin-bottom: 20px;
}
.mon-phai .mySwiper .swiper-slide img {
    object-fit: cover !important;
    width: 50px;
}
.cs-live-chat__user-panel-container {
    display: none;
}
.mon-phai .mySwiper {
    width: 100%;
}
.footer {
    height: unset;
    width: 100%;
}
.posts__list li .posts__post-title {
    font-size: 14px;
}

    .wrapper-out .wrapper .page-main aside.aside-left {
    display: none;
}

.wrapper-out .wrapper .page-main main {
    width: 100%;
    float: unset;
    margin-right: unset;
}

.banner-event .swiper-wrapper .swiper-slide > a > img, .banner-event .swiper-wrapper .swiper-slide > a > video {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.banner-event .swiper-wrapper .swiper-slide > a {
    width: 100%;
}
.wrapper-out .wrapper .page-main {
    overflow: hidden;
    padding: 0px 10px;
    width: unset;
}


.FormSearch {
    width: 100%;
}

.wrapper-out .wrapper .page-main__content {
    width: 100%;
    /* padding: 0px 10px; */
}

.wrapper-out .wrapper .page-header {
    width: 100%;
    height: 365px;
}

#main-nav {
    display: none;
}

.wrapper-out .wrapper .page-main aside.aside-right {
    width: 100%;
    display: none;
}


.mon-phai .mySwiper2 .swiper-slide .thumb {
    width: 100%;
}
.huongdan ul {
    justify-content: center;
    gap: 0px 52px;
}

}

@media(max-width:550px){
    .huongdan ul {
        justify-content: space-between;
        gap: 0px 10px;
    }
  .huongdan ul li img {
    height: 40px;
}
}