@font-face {
  font-family: "tahoma";
  src: url("../fonts/tahoma.eot");
  src: url("../fonts/tahoma.eot?#iefix") format("eot"), url("../fonts/tahoma.woff") format("woff"), url("../fonts/tahoma.ttf") format("truetype"), url("../fonts/tahoma.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "tahomabold";
  src: url("../fonts/tahomabold.eot");
  src: url("../fonts/tahomabold.eot?#iefix") format("eot"), url("../fonts/tahomabold.woff") format("woff"), url("../fonts/tahomabold.ttf") format("truetype"), url("../fonts/tahomabold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "utmgodwordr";
  src: url("../fonts/utmgodwordr.eot");
  src: url("../fonts/utmgodwordr.eot?#iefix") format("eot"), url("../fonts/utmgodwordr.woff") format("woff"), url("../fonts/utmgodwordr.ttf") format("truetype"), url("../fonts/utmgodwordr.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "umtcolossalis";
  src: url("../fonts/umtcolossalis.eot");
  src: url("../fonts/umtcolossalis.eot?#iefix") format("eot"), url("../fonts/umtcolossalis.woff") format("woff"), url("../fonts/umtcolossalis.ttf") format("truetype"), url("../fonts/umtcolossalis.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "utm_godsword_bold";
  src: url("../fonts/utm_godsword_bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "utm_godsword_regular";
  src: url("../fonts/utm_godsword_regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* =Reset default browser CSS.
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

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

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

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

blockquote, q {
  quotes: "" "";
}

a img {
  border: 0;
}

figure {
  margin: 0;
}

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

/* -------------------------------------------------------------- */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a:hover, a:focus, a:hover p, select:hover, select:focus, select:active {
  text-decoration: none;
  outline: none !important;
}

a, a:link, a:active {
  text-decoration: none;
  outline: none !important;
}

.clearfix:after {
  content: "";
  visibility: hidden;
  display: block;
  clear: both;
}

.a100 {
  width: 100%;
  height: 100%;
  display: block;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

button {
  border: none;
  background: transparent;
}

.t-upper {
  text-transform: uppercase;
}

.t-center {
  text-align: center;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

@-webkit-keyframes rightToLeft {
  0% {
    right: -200px;
  }
  100% {
    right: 0px;
  }
}
@keyframes rightToLeft {
  0% {
    right: -200px;
  }
  100% {
    right: 0px;
  }
}
@-webkit-keyframes moveIcon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes moveIcon {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bgBtnServer {
  50% {
    top: 2px;
  }
}
@keyframes bgBtnServer {
  50% {
    top: 2px;
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes zoomtext {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  25% {
    opacity: 0.2;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  75% {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomtext {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
  25% {
    opacity: 0.2;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  75% {
    opacity: 0.8;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes grow {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes glow {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5); /* Back to normal brightness */
  }
  100% {
    -webkit-filter: brightness(1);
    filter: brightness(1); /* Back to normal brightness */
  }
}
@keyframes glow {
  0% {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }
  50% {
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5); /* Back to normal brightness */
  }
  100% {
    -webkit-filter: brightness(1);
    filter: brightness(1); /* Back to normal brightness */
  }
}
@-webkit-keyframes zoom-in-zoom-out-tiny {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes zoom-in-zoom-out-tiny {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
body {
  font-family: "tahoma";
  line-height: 1;
  font-size: 13px;
  padding: 0px;
  color: #ffffff;
  margin: 0px auto;
  width: 100%;
  overflow-x: hidden;
  background: url(../images/bg_middle.png) no-repeat center 1012px, url(../images/bg.jpg) no-repeat center top, #101012;
}
body#frame1_page {
  background: url(../images/bg.jpg) no-repeat center top, #000000;
  background-size: contain;
}
body#frame1_page .container .footer {
  width: 100%;
  bottom: 0;
  background-color: #000;
}

.bg-video {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(0%);
  transform: translateX(-50%) translateY(0%);
  width: 100%;
  z-index: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.bg-video video {
  width: 100%;
}

.wrap-notify {
  padding-top: 130px;
  text-align: center;
  line-height: 20px;
}

.wrap-notify p, .wrap-notify a {
  color: #a7421d;
  font-family: "tahomabold";
  font-size: 18px;
}

.form_register .wrap-notify a {
  color: #e6d2ab;
  text-decoration: underline;
}

.container .header .logo_game {
  width: 171px;
  height: 92px;
  margin-top: 5px;
  float: left;
}
.container .header .logo_game a {
  background: url(../images/logo.png) no-repeat center top;
  background-size: 100%;
}
.container .header .nav_top {
  width: 627px;
  height: 37px;
  margin: 0px auto;
  position: relative;
  text-align: center;
}
.container .header .nav_top ul {
  margin-top: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0;
}
.container .header .nav_top ul li {
  color: #000;
  margin: 0 2px;
  font-size: 16px;
}
.container .header .nav_top ul li a {
  font-family: "utm_godsword_regular";
  display: block;
  color: #000;
  text-transform: uppercase;
}
.container .main .slogan {
  width: 979px;
  height: 528px;
  margin: 0 auto;
  margin-top: 210px;
  position: relative;
}
.container .main .slogan span {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/slogan.png) no-repeat center center;
  background-size: 100%;
  -webkit-animation: glow 2s ease infinite, zoom-in-zoom-out-tiny 5s ease infinite;
          animation: glow 2s ease infinite, zoom-in-zoom-out-tiny 5s ease infinite;
}
.container .main .slogan a {
  position: absolute;
  top: 260px;
  right: 122px;
  -webkit-animation: zoom 2s infinite linear;
  animation: zoom 2s infinite linear;
}
.container .main .slogan a img {
  width: 109px;
}
.container .main .text_vong_loai {
  text-align: center;
    margin-top: -6px;
    position: relative;
}
.container .main .text_vong_loai span {
  font-size: 35px;
  font-family: "utmgodwordr";
  color: #f9e39d;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#ffeeca, #a38654);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .main .text_vong_loai span .number_vong {
  font-size: 92px;
}
.container .main .text_vong_loai a {
  width: 377px;
  height: 89px;
  background: url(../images/img-bnt-khaichien.png) no-repeat center center;
  background-size: 100% 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0;
}
.container .main .text_vong_loai a span {
  color: #fff6a2;
  font-size: 24.07px;
  font-family: "utm_godsword_bold";
  text-transform: uppercase;
  background: -webkit-linear-gradient(#fff, #ffff96);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .main .btn_tham_gia {
  width: 298px;
  height: 94px;
  margin: 0 auto;
  margin-top: 20px;
}
.container .main .btn_tham_gia a span {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/btn_chien_ngay.png) no-repeat center center;
  background-size: 100%;
}
.container .main .btn_tham_gia a span:hover, .container .main .btn_tham_gia a span.ac {
  background: url(../images/btn_chien_ngay_hover.png) no-repeat center center;
  background-size: 100%;
}
.container .main .detail {
  margin-top: 210px;
}
.container .main .detail .nav_middle {
  width: 907px;
  height: 91px;
  background: url(../images/bg_menu_detail.png) no-repeat left top;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.container .main .detail .nav_middle ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.container .main .detail .nav_middle ul li {
  float: left;
  width: 203px;
  height: 73px;
  margin: 37px 0.5px;
  display: table;
}
.container .main .detail .nav_middle ul li a {
  font-family: "utm_godsword_regular";
  font-size: 20px;
  color: #000000;
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}
.container .main .detail .nav_middle ul li:hover, .container .main .detail .nav_middle ul li.active {
  background: url(../images/img-bg-menu-active.png) no-repeat center center;
}
.container .main .detail .nav_middle ul li:hover a, .container .main .detail .nav_middle ul li.active a {
  color: #fff6a2;
  background: -webkit-linear-gradient(#fff, #ffff96);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .main .detail .nav_middle ul .nav_pt {
  width: 194px;
}
.container .main .detail .content {
  border: 1px solid #2f2926;
  border-bottom: none;
  border-top: none;
  background: #16151b;
  min-height: 850px;
  margin-top: -20px;
  padding-bottom: 80px;
  position: relative;
}
.container .main .detail .content:before, .container .main .detail .content:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 51px;
  display: block;
  top: 8px;
}
.container .main .detail .content:before {
  background: url(../images/icon_left_bg_detail.png) no-repeat center center;
  left: 8px;
}
.container .main .detail .content:after {
  background: url(../images/icon_left_bg_detail.png) no-repeat center center;
  right: 8px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.container .main .detail .content .main_content {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}
.container .main .detail .content .main_content .info_user {
  color: #f2e4c3;
  font-family: "tahoma";
}
.container .main .detail .content .main_content .info_user span {
  float: left;
}
.container .main .detail .content .main_content .info_user span.name_user {
  font-family: "tahomabold";
  text-transform: uppercase;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
  color: #a7421d;
}
.container .main .detail .content .main_content .info_user a {
  color: #f2e4c3;
  margin-left: 5px;
}
.container .main .detail .content .main_content .title {
  text-transform: uppercase;
  text-align: center;
  padding-top: 35px;
  position: relative;
  z-index: 9;
}
.container .main .detail .content .main_content .title span {
  font-family: "utmgodwordr";
  font-size: 28px;
  background: -webkit-linear-gradient(#ffeeca, #a38654);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container .main .detail .content .main_content .title span:before, .container .main .detail .content .main_content .title span:after {
  position: absolute;
  content: "";
  width: 166px;
  height: 17px;
  margin-top: 7px;
}
.container .main .detail .content .main_content .title span:before {
  background: url(../images/icon_left_title_detail.png) no-repeat left top;
  margin-left: -180px;
}
.container .main .detail .content .main_content .title span:after {
  background: url(../images/icon_left_title_detail.png) no-repeat left top;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 10px;
  margin-top: 5px;
}
.container .main .detail .content .main_content .text_le_phi {
  width: 319px;
  height: 52px;
  background: url(../images/bg_phi_tham_gia.png) no-repeat center center;
  margin: 0 auto;
  margin-top: 25px;
  color: #e6d2ab;
  font-size: 15px;
  text-align: center;
  line-height: 52px;
}
.container .main .detail .content .main_content .form_register {
  width: 522px;
  height: 312px;
  margin: 0 auto;
  margin-top: 40px;
  background: url(../images/bg_form_register.png) no-repeat center center;
}
.container .main .detail .content .main_content .form_register .send_register {
  width: 380px;
  margin: 0 auto;
  padding-top: 10px;
}
.container .main .detail .content .main_content .form_register .send_register .control_group {
  margin: 18px 0px;
}
.container .main .detail .content .main_content .form_register .send_register .control_group .control_label {
  float: left;
  color: #e6d2ab;
  font-size: 14px;
  line-height: 32px;
}
.container .main .detail .content .main_content .form_register .send_register .control_group .controls {
  float: right;
  position: relative;
}
.container .main .detail .content .main_content .form_register .send_register .control_group .controls input {
  width: 265px;
  height: 35px;
  border: 1px solid #7a6b5e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #000000;
  border-radius: 1px;
  padding: 0px 5px;
  font-size: 14px;
  color: #e6d2ab;
}
.container .main .detail .content .main_content .form_register .send_register .control_group .controls select {
  width: 265px;
  height: 35px;
  background: url(../images/mui_ten_option.png) no-repeat 230px 9px, #000000;
  border: 1px solid #7a6b5e;
  border-radius: 1px;
  padding: 6px 5px;
  font-size: 14px;
  color: #e6d2ab;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container .main .detail .content .main_content .form_register .send_register .form_actions input {
  width: 138px;
  height: 41px;
  display: block;
  margin: 10px auto 40px;
  background: url(../images/bg_btn_gui.png) no-repeat left top;
  border: none;
  font-size: 20px;
  text-decoration: none;
  font-family: "utmgodwordr";
  color: #e6d2ab;
  text-transform: uppercase;
  cursor: pointer;
}
.container .main .detail .content .main_content .form_register .send_register .form_actions input:hover {
  background: url(../images/bg_btn_gui.png) no-repeat right top;
}
.container .main .detail .content .main_content .search_btn_group {
  width: 735px;
  height: 37px;
  margin: 0 auto;
  margin-top: 45px;
}
.container .main .detail .content .main_content .search_btn_group .search_form {
  float: left;
}
.container .main .detail .content .main_content .search_btn_group .search_form .input_search {
  width: 220px;
  height: 37px;
  border: 1px solid #7a6b5e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  border-radius: 1px;
  padding: 0px 5px;
  font-size: 14px;
  color: #ffffff;
}
.container .main .detail .content .main_content .search_btn_group .search_form .input_submit {
  width: 90px;
  height: 37px;
  background: url(../images/bg_btn_search_list_join.jpg) no-repeat left top;
  font-size: 14px;
  border: none;
  color: #e6d2ab;
  cursor: pointer;
  margin-left: 10px;
}
.container .main .detail .content .main_content .search_btn_group .search_form .input_submit:hover {
  background: url(../images/bg_btn_search_list_join.jpg) no-repeat right top;
}
.container .main .detail .content .main_content .search_btn_group .btn_more_info {
  float: left;
  margin-left: 12px;
}
.container .main .detail .content .main_content .search_btn_group .btn_more_info ul li {
  float: left;
  margin-left: 10px;
  width: 188px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  background: url(../images/bg_btn_list_join.jpg) no-repeat left top;
}
.container .main .detail .content .main_content .search_btn_group .btn_more_info ul li:hover {
  background: url(../images/bg_btn_list_join.jpg) no-repeat right top;
}
.container .main .detail .content .main_content .search_btn_group .btn_more_info ul li a {
  width: 188px;
  height: 37px;
  font-family: "tahoma";
  color: #e6d2ab;
}
.container .main .detail .content .main_content .list_join {
  margin-top: 45px;
}
.container .main .detail .content .main_content .list_join table {
  width: 600px;
  border-collapse: collapse;
  font-size: 14px;
  font-family: "tahoma";
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.container .main .detail .content .main_content .list_join table tr:first-child td {
  background-color: #9d4221;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
}
.container .main .detail .content .main_content .list_join table tr td {
  border: 1px solid #ffffff;
  vertical-align: middle;
  color: #e6d2ab;
  font-weight: normal;
  text-align: center;
  padding: 15px 0px;
}
.container .main .detail .content .main_content .list_join table strong {
  font-family: "tahomabold";
}
.container .main .detail .content .main_content .text_info {
  text-align: center;
  color: #e6d2ab;
  margin-top: 20px;
  line-height: 1.4;
}
.container .main .detail .content .main_content .text_info p {
  font-family: "tahoma";
}
.container .main .detail .content .main_content .live_stream_video {
  width: 810px;
  margin: 0 auto;
  margin-top: 30px;
}
.container .main .detail .content .main_content .title_option .title_live {
  float: left;
}
.container .main .detail .content .main_content .title_option .title_live .content_h1 {
  color: #f2e4c3;
  font-family: "tahomabold";
  font-size: 18px;
  padding-left: 80px;
  padding-top: 25px;
  background: url(../images/icon_h1_live_stream.png) no-repeat left 0px;
  margin: 15px 0px;
  height: 60px;
}
.container .main .detail .content .main_content .title_option .select_live {
  float: right;
  width: 235px;
  height: 30px;
  margin-right: 45px;
  margin-top: 35px;
}
.container .main .detail .content .main_content .title_option .select_live select {
  width: 235px;
  height: 30px;
  background: url(../images/icon_option_live_stream.png) no-repeat 200px 8px, #000000;
  border: 1px solid #7a6b5e;
  border-radius: 1px;
  padding: 6px 5px;
  font-size: 14px;
  color: #f2e4c3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container .main .detail .content .main_content .list_live_stream {
  width: 810px;
  margin: 0 auto;
  margin-top: 10px;
}
.container .main .detail .content .main_content .list_live_stream table {
  width: 810px;
  border-collapse: collapse;
  font-size: 14px;
  font-family: "tahoma";
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.container .main .detail .content .main_content .list_live_stream table tbody {
  border: 1px solid #e6d2ab;
}
.container .main .detail .content .main_content .list_live_stream table tbody tr:nth-child(2n+1) {
  background: #261918;
}
.container .main .detail .content .main_content .list_live_stream table tbody tr:first-child {
  background: #9d4221;
  border: 1px solid #e6d2ab;
}
.container .main .detail .content .main_content .list_live_stream table tbody tr:first-child:first-child td {
  color: #ffffff;
}
.container .main .detail .content .main_content .list_live_stream table tbody tr td {
  vertical-align: middle;
  color: #e6d2ab;
  font-weight: normal;
  text-align: center;
  padding: 15px 0px;
}
.container .main .detail .content .main_content .list_live_stream table tbody tr td a {
  color: #e6d2ab;
}
.container .main .detail .content .main_content .list_match_schedule {
  width: 743px;
  margin: 0 auto;
  margin-top: 40px;
  height: 562px;
  background: url(../images/bg_match_schedule.png) no-repeat left top;
}
.container .main .detail .content .main_content .list_match_schedule iframe {
  padding-top: 79px;
  width: 665px;
  margin: 0 auto;
  margin-left: 37px;
}

.footer {
  padding: 70px 0 5rem;
  position: relative;
  margin-top: 1rem;
}
.footer .container {
  width: 100%;
}

.main-footer {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-footer .logo-footer-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 60px;
}
.main-footer .logo-footer-left .logo-gosu {
  width: 202px;
}
.main-footer .logo-footer-left .logo_cubinet {
  width: 202px;
  margin-top: 7px;
}
.main-footer .content-footer {
  margin-right: 30px;
  color: #fff;
  font-size: 13px;
}
.main-footer .content-footer .title-ct-ft {
  font-size: 16px;
  font-family: "tahomabold";
}
.main-footer .content-footer a {
  color: #fff;
}
.main-footer .content-footer .des-ct-ft {
  margin-top: 10px;
  font-size: 13px;
  font-family: "tahomabold";
}
.main-footer .content-footer .des-ct-ft div {
  margin: 5px 0;
}
.group_right {
  width: 237px;
  height: 447px;
  position: absolute;
  top: 850px;
  right: 50px;
  z-index: 99;
  background: url(../images/bg_group_right.png) no-repeat center top;
}
.group_right ul li a {
  display: block;
  cursor: pointer;
}
.group_right ul li a.tai_game, .group_right ul li a.btn_small {
  margin: 0 auto;
}
.group_right ul li a.tai_game {
  width: 183px;
  height: 113px;
  margin-top: 62px;
  background: url(../images/bg_btn_tai_game.jpg) no-repeat left top;
}
.group_right ul li a.tai_game span {
  width: 117px;
  height: 86px;
  display: block;
  background: url(../images/text_tai_game.png) no-repeat center center;
  margin: 0 auto;
  padding-top: 20px;
  -webkit-animation: tada 1.5s linear 1s infinite;
  animation: tada 1.5s linear 1s infinite;
}
.group_right ul li a.btn_small {
  margin-top: 4px;
  width: 183px;
  height: 61px;
  background: url(../images/bg_btn_right.png) no-repeat left top;
}
.group_right ul li a.btn_small:hover {
  background: url(../images/bg_btn_right.png) no-repeat right top;
}
.group_right ul li a.btn_top {
  width: 59px;
  height: 99px;
  display: block;
  background: url(../images/gotop.png) no-repeat center center;
  margin: 0 auto;
  margin-top: 10px;
}
.group_right ul li a span.text_btn_right {
  margin-left: 60px;
  text-transform: uppercase;
  display: block;
  line-height: 61px;
  font-size: 16px;
  font-family: "utmgodwordr";
  color: #ffeeca;
  background: -webkit-linear-gradient(#ffeeca, #a38654);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.group_right ul li a span.lh_1 {
  line-height: 1;
  padding-top: 14px;
  height: 36px;
}
.group_right ul li a span.icon_dk {
  width: 39px;
  height: 40px;
  margin-top: 14px;
  margin-left: 14px;
  position: absolute;
  background: url(../images/icon_left_register.png) no-repeat center center;
}
.group_right ul li a span.icon_giftcode {
  width: 35px;
  height: 38px;
  margin-top: 14px;
  margin-left: 16px;
  position: absolute;
  background: url(../images/icon_left_giftcode.png) no-repeat center center;
}
.group_right ul li a span.icon_view_livestream {
  width: 38px;
  height: 38px;
  margin-top: 14px;
  margin-left: 16px;
  position: absolute;
  background: url(../images/icon_left_livestream.png) no-repeat center center;
}

.paginations {
  text-align: center;
  margin-top: 50px;
}
.paginations ul li {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.paginations ul li a {
  color: #6e7b89;
  font-size: 12px;
  font-family: "tahomabold";
}
.paginations ul li.active a, .paginations ul li:hover a {
  color: #e6d2ab;
}
.paginations ul li.prev, .paginations ul li.next {
  width: 40px;
}
.paginations ul li.prev a, .paginations ul li.next a {
  color: #6e7b89;
  width: 100%;
  display: block;
  height: 100%;
  padding-top: 2px;
}

.w1000_auto {
  width: 1000px;
  margin: 0 auto;
}

@media (max-width: 1600px) {
  #frame1_page .container .main .slogan {
    width: 979px;
    height: 528px;
    margin-top: 110px;
  }
  #frame1_page .container .main .text_vong_loai span {
    font-size: 30px;
  }
  #frame1_page .container .main .text_vong_loai span .number_vong {
    font-size: 80px;
  }
}
@media (max-width: 1366px) {
  #frame1_page .container .main .slogan {
    width: 490px;
    height: 225px;
    margin-top: 75px;
  }
  #frame1_page .container .main .text_vong_loai {
    margin-top: -45px;
  }
  #frame1_page .container .main .text_vong_loai span {
    font-size: 30px;
  }
  #frame1_page .container .main .text_vong_loai span .number_vong {
    font-size: 75px;
  }
  #frame1_page .container .main .btn_tham_gia {
    margin-top: 15px;
    width: 250px;
    height: 80px;
  }
}
@media (max-width: 1024px) {
  #frame1_page .container .main .slogan {
    margin-top: 50px;
  }
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.close-popup.fancybox-close {
  width: 58px;
  height: 56px;
  position: absolute;
  top: 105px;
  right: 170px;
  cursor: pointer;
}