@charset "UTF-8";
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 980px;
  position: relative; }

.container:before, .container:after {
  content: " ";
  display: table; }

.container:after {
  clear: both; }

@media only screen and (max-width: 1024px) {
  .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; } }
.row {
  display: block;
  padding: 10px 0; }

.row:before, .row:after {
  content: "";
  display: table; }

.row:after {
  clear: both; }

/* ========== LARGE DEVICES ========== */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

.col-lg-12 {
  width: 100%; }

.col-lg-11 {
  width: 91.6666666667%; }

.col-lg-10 {
  width: 83.3333333333%; }

.col-lg-9 {
  width: 75%; }

.col-lg-8 {
  width: 66.6666666667%; }

.col-lg-7 {
  width: 58.3333333334%; }

.col-lg-6 {
  width: 50%; }

.col-lg-5 {
  width: 41.66666666667%; }

.col-lg-4 {
  width: 33.33333333333%; }

.col-lg-3 {
  width: 25%; }

.col-lg-2 {
  width: 16.66666666667%; }

.col-lg-1 {
  width: 8.33333333%; }

.offset-lg-0 {
  margin-left: 0; }

.offset-lg-1 {
  margin-left: 8.333333%; }

.offset-lg-1-5 {
  margin-left: 12.5%; }

.offset-lg-2 {
  margin-left: 16.666667%; }

.offset-lg-3 {
  margin-left: 25%; }

.offset-lg-4 {
  margin-left: 33.333333%; }

.offset-lg-5 {
  margin-left: 41.666667%; }

.offset-lg-6 {
  margin-left: 50%; }

.offset-lg-7 {
  margin-left: 58.333333%; }

.offset-lg-8 {
  margin-left: 66.666667%; }

.offset-lg-9 {
  margin-left: 75%; }

.offset-lg-10 {
  margin-left: 83.333333%; }

.offset-lg-11 {
  margin-left: 91.666667%; }

.col-lg-20 {
  width: 20%; }

/* ========== LAPTOP========== */
@media only screen and (max-width: 1440px) and (min-width: 1170px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.6666666667%; }

  .col-md-10 {
    width: 83.3333333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.6666666667%; }

  .col-md-7 {
    width: 58.3333333334%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666666667%; }

  .col-md-4 {
    width: 33.33333333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.333333%; }

  .offset-md-1-5 {
    margin-left: 12.5%; }

  .offset-md-2 {
    margin-left: 16.666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.333333%; }

  .offset-md-5 {
    margin-left: 41.666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.333333%; }

  .offset-md-8 {
    margin-left: 66.666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.333333%; }

  .offset-md-11 {
    margin-left: 91.666667%; }

  .col-md-4-custom, .col-md-8-custom {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

  .col-md-8-custom {
    width: 72%; }

  .col-md-4-custom {
    width: 28%; } }
/* ========== SMALL DEVICES ========== */
@media only screen and (max-width: 1024px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }

  .col-sm {
    padding: 0; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.6666666667%; }

  .col-sm-10 {
    width: 83.3333333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.6666666667%; }

  .col-sm-7 {
    width: 58.3333333334%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666666667%; }

  .col-sm-4 {
    width: 33.33333333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.333333%; }

  .offset-sm-1-5 {
    margin-left: 12.5%; }

  .offset-sm-2 {
    margin-left: 16.666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.333333%; }

  .offset-sm-5 {
    margin-left: 41.666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.333333%; }

  .offset-sm-8 {
    margin-left: 66.666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.333333%; }

  .offset-sm-11 {
    margin-left: 91.666667%; }

  .col-sm-auto {
    width: auto; } }
/* ========== EXTRA SMALL TABLET ========== */
@media only screen and (max-width: 768px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left; }

  .col-xs {
    padding: 0; }

  .col-xs-12 {
    width: 100% !important; }

  .col-xs-11 {
    width: 91.6666666667%; }

  .col-xs-10 {
    width: 83.3333333333%; }

  .col-xs-9 {
    width: 75%; }

  .col-xs-8 {
    width: 66.6666666667%; }

  .col-xs-7 {
    width: 58.3333333334%; }

  .col-xs-6 {
    width: 50% !important; }

  .col-xs-5 {
    width: 41.66666666667%; }

  .col-xs-4 {
    width: 33.33333333333%; }

  .col-xs-3 {
    width: 25%; }

  .col-xs-2 {
    width: 16.66666666667%; }

  .col-xs-1 {
    width: 8.33333333%; }

  .col-xs-4-custom {
    width: 33.33333333333% !important; }

  .offset-xs-0 {
    margin-left: 0; }

  .offset-xs-1 {
    margin-left: 8.333333%; }

  .offset-xs-1-5 {
    margin-left: 12.5%; }

  .offset-xs-2 {
    margin-left: 16.666667%; }

  .offset-xs-3 {
    margin-left: 25%; }

  .offset-xs-4 {
    margin-left: 33.333333%; }

  .offset-xs-5 {
    margin-left: 41.666667%; }

  .offset-xs-6 {
    margin-left: 50%; }

  .offset-xs-7 {
    margin-left: 58.333333%; }

  .offset-xs-8 {
    margin-left: 66.666667%; }

  .offset-xs-9 {
    margin-left: 75%; }

  .offset-xs-10 {
    margin-left: 83.333333%; }

  .offset-xs-11 {
    margin-left: 91.666667%; } }
/* ========== EXTRA SMALL DEVICES ========== */
@media only screen and (max-width: 480px) {
  .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    float: left; }

  .col-xxs {
    padding: 0; }

  .col-xxs-12 {
    width: 100% !important; }

  .col-xxs-11 {
    width: 91.6666666667%; }

  .col-xxs-10 {
    width: 83.3333333333%; }

  .col-xxs-9 {
    width: 75%; }

  .col-xxs-8 {
    width: 66.6666666667%; }

  .col-xxs-7 {
    width: 58.3333333334%; }

  .col-xxs-6 {
    width: 50% !important; }

  .col-xxs-5 {
    width: 41.66666666667%; }

  .col-xxs-4 {
    width: 33.33333333333%; }

  .col-xxs-3 {
    width: 25%; }

  .col-xxs-2 {
    width: 16.66666666667%; }

  .col-xxs-1 {
    width: 8.33333333%; }

  .offset-xxs-0 {
    margin-left: 0; }

  .offset-xxs-1 {
    margin-left: 8.333333%; }

  .offset-xxs-1-5 {
    margin-left: 12.5%; }

  .offset-xxs-2 {
    margin-left: 16.666667%; }

  .offset-xxs-3 {
    margin-left: 25%; }

  .offset-xxs-4 {
    margin-left: 33.333333%; }

  .offset-xxs-5 {
    margin-left: 41.666667%; }

  .offset-xxs-6 {
    margin-left: 50%; }

  .offset-xxs-7 {
    margin-left: 58.333333%; }

  .offset-xxs-8 {
    margin-left: 66.666667%; }

  .offset-xxs-9 {
    margin-left: 75%; }

  .offset-xxs-10 {
    margin-left: 83.333333%; }

  .offset-xxs-11 {
    margin-left: 91.666667%; } }
/* ========== CUSTOM COLUMN FOR 5 ========== */
.col-custom-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width: 20%; }

/* ========== CUSTOM COLUMN FOR 15% ========== */
.col-custom-17 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width: 17%; }

/* ==================== */
.inner-container {
  padding: 20px 20px 10px 20px;
  /*@media only screen and (max-width: 576px) {
      padding: 20px 0px 10px 0px;
  }*/ }
  @media only screen and (max-width: 1024px) {
    .inner-container {
      padding: 20px 0px 0px 0px; } }

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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /*font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;*/
  font-family: Noto sans, Tahoma, Geneva, Verdana, sans-serif, sans-serif, Helvetica, AppleGothic, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑"; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

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

body {
  line-height: 1;
  font-size: 14px; }

ol, ul {
  list-style: none;
  font-size: 0; }

blockquote, q {
  quotes: none; }

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../Assets/img/arrow-down.png) no-repeat 95%;
  cursor: pointer; }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; }

html,
button,
input,
select,
textarea {
  color: #000; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ========== TEXT PROPERTIES ============*/
h1 {
  font-size: 36px; }
  @media (max-width: 1024px) {
    h1 {
      font-size: 26px; } }

h2 {
  font-size: 30px; }
  @media (max-width: 1024px) {
    h2 {
      font-size: 24px !important; } }

h3 {
  font-size: 23px; }
  @media (max-width: 1024px) {
    h3 {
      font-size: 22px; } }

h4 {
  font-size: 18px; }
  @media (max-width: 1024px) {
    h4 {
      font-size: 16px; } }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p {
  font-size: 14px;
  line-height: 20px;
  color: #555; }

a {
  text-decoration: none; }

li {
  font-size: 14px; }

.ggsop-li li {
  font-size: 16px;
  line-height: 2em !important; }

/* ========== Line Height ============*/
.l-h-15 {
  line-height: 15px; }

.l-h-25 {
  line-height: 25px; }

.l-h-30 {
  line-height: 30px; }

.l-h-34 {
  line-height: 34px; }

.l-h-40 {
  line-height: 40px; }

.l-h-50 {
  line-height: 50px; }

.l-h-1-2em {
  line-height: 1.2em; }

.l-h-1-5em {
  line-height: 1.5em; }

.l-h-1-8em {
  line-height: 1.8em; }

.l-h-2em {
  line-height: 2em; }

.l-h-2em-important {
  line-height: 2em !important; }

.l-h-2-5em {
  line-height: 2.5em; }

@media (max-width: 480px) {
  .l-h-xxs-1-5em {
    line-height: 1.5em; } }
.font-0 {
  font-size: 0; }

.font-12 {
  font-size: 12px; }

.font-13 {
  font-size: 13px; }

.font-14 {
  font-size: 14px; }

.font-15 {
  font-size: 15px; }

.font-16 {
  font-size: 16px; }

.font-17 {
  font-size: 17px; }

.font-18 {
  font-size: 18px; }

.font-20 {
  font-size: 20px; }

.font-21 {
  font-size: 21px; }

.font-22 {
  font-size: 22px; }

.font-23 {
  font-size: 23px; }

.font-25 {
  font-size: 25px; }

.font-28 {
  font-size: 28px; }

.font-30 {
  font-size: 30px; }

.font-40 {
  font-size: 40px; }

.font-50 {
  font-size: 50px; }

.font-55 {
  font-size: 55px; }

.font-60 {
  font-size: 60px; }

.font-65 {
  font-size: 65px; }

.font-light {
  font-weight: 300; }

.font-normal {
  font-weight: normal; }

.font-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.b-0 {
  border: none; }

.b-0-imp {
  border: none !important; }

.underline {
  text-decoration: underline; }

.v-mid {
  vertical-align: middle; }

.v-base {
  vertical-align: baseline; }

.arial {
  font-family: Arial; }

.yahei {
  font-family: 'Microsoft YaHei'; }

.bg-25vh {
  min-height: 25vh; }
  @media (max-width: 480px) {
    .bg-25vh {
      min-height: 40vh; } }

.bg-60vh {
  min-height: 60vh; }
  @media (max-width: 480px) {
    .bg-60vh {
      min-height: 80vh; } }

.bg-70vh {
  min-height: 80vh; }

.bg-75vh {
  min-height: 75vh; }
  @media (max-width: 1024px) {
    .bg-75vh {
      min-height: initial; } }

.word-br {
  word-break: break-all; }

.txt-shadow {
  text-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 0px; }

.txt-shadow-2 {
  text-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 4px; }

.txt-shadow-3 {
  text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 4px; }

.box-shadow {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); }

.box-shadow2 {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7); }

/* ========== ALIGNMENT AND SPACES ============*/
.text-left {
  text-align: left; }

.text-left-mobi-center {
  text-align: left; }
  @media (max-width: 480px) {
    .text-left-mobi-center {
      text-align: center; } }

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

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.d-block {
  display: block; }

.d-inline-block {
  display: inline-block; }

.d-flex {
  display: flex; }

.d-flex-center {
  display: flex;
  align-items: center; }

.d-flex-justify-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.d-flex-center-to-block {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 480px) {
    .d-flex-center-to-block {
      display: block; } }

.d-flex-block-right {
  display: block;
  flex: 1 0;
  text-align: right; }

.v-align-bot {
  vertical-align: bottom; }

/* ========== ITEM ORDER ============*/
@media (max-width: 1024px) {
  .d-flex-order {
    display: flex;
    flex-direction: column; } }

.item-order-1 {
  order: 1; }

.item-order-2 {
  order: 2; }

.item-order-3 {
  order: 3; }

.item-order-4 {
  order: 4; }

.flex-center-bubble {
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .flex-center-bubble {
      flex-direction: column; }
      .flex-center-bubble .order-1 {
        order: 1; }
      .flex-center-bubble .order-2 {
        order: 2; } }

.flex-center-bounty {
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    .flex-center-bounty {
      flex-direction: column; }
      .flex-center-bounty .order-1 {
        order: 1; }
      .flex-center-bounty .order-2 {
        order: 2; } }

/* ========== PADDING/MARGIN = 0px ============*/
.p-0 {
  padding: 0; }

.p-r-0 {
  padding-right: 0; }

.p-l-0 {
  padding-left: 0; }

.p-b-0 {
  padding-bottom: 0; }

.p-b-0-important {
  padding-bottom: 0 !important; }

.p-t-0-important {
  padding-top: 0 !important; }

.p-t-0 {
  padding-top: 0; }

.p-l-0-important {
  padding-left: 0 !important; }

.p-lr-0 {
  padding-left: 0;
  padding-right: 0; }

.p-tb-0 {
  padding-top: 0;
  padding-bottom: 0; }

.p-lr-compress8 {
  padding: 0 8%; }

.m-0 {
  margin: 0; }

.m-0-auto {
  margin: 0 auto; }

.m-r-0 {
  margin-right: 0; }

.m-l-0 {
  margin-left: 0; }

.m-b-0 {
  margin-bottom: 0; }

.m-t-0 {
  margin-top: 0; }

.m-t-0-important {
  margin-top: 0 !important; }

.m-b-0-important {
  margin-bottom: 0 !important; }

.m-lr-0 {
  margin-left: 0;
  margin-right: 0; }

.m-tb-0 {
  margin-top: 0;
  margin-bottom: 0; }

/* ========== PADDING/MARGIN ============*/
.section-padd {
  padding: 3% 0; }
  @media (max-width: 1024px) {
    .section-padd {
      padding: 3% 10%; } }
  @media (max-width: 480px) {
    .section-padd {
      padding: 3% 0; } }

.section-padd-2 {
  padding: 2% 0; }
  @media (max-width: 1024px) {
    .section-padd-2 {
      padding: 3% 10%; } }
  @media (max-width: 480px) {
    .section-padd-2 {
      padding: 3% 0; } }

.section-padd-1 {
  padding: 1% 0; }
  @media (max-width: 1024px) {
    .section-padd-1 {
      padding: 2% 10%; } }
  @media (max-width: 480px) {
    .section-padd-1 {
      padding: 2% 0; } }

@media (max-width: 1024px) {
  .section-padd-mobi {
    padding: 3% 2%; } }

@media (max-width: 800px) {
  .section-padd-800 {
    padding: 3% 2%; } }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-13 {
  padding-top: 13px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-6mod {
  padding-top: 6%; }

.p-t-20mod {
  padding-top: 20%; }

.p-lr-5 {
  padding-left: 5px;
  padding-right: 5px; }

.p-lr-10 {
  padding-left: 10px;
  padding-right: 10px; }

.p-lr-15 {
  padding-left: 15px;
  padding-right: 15px; }

.p-lr-20 {
  padding-left: 20px;
  padding-right: 20px; }

.p-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.p-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.p-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.m-5 {
  margin: 5px; }

.m-10 {
  margin: 10px; }

.m-15 {
  margin: 15px; }

.m-20 {
  margin: 20px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-lr-5 {
  margin-left: 5px;
  margin-right: 5px; }

.m-lr-10 {
  margin-left: 10px;
  margin-right: 10px; }

.m-lr-15 {
  margin-left: 15px;
  margin-right: 15px; }

.m-lr-20 {
  margin-left: 20px;
  margin-right: 20px; }

.m-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.m-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.m-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.m-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.m-b-30 {
  margin-bottom: 30px; }

/* ========== OTHER PROPERTIES ============*/
.d-block-auto {
  display: block;
  margin: 0 auto; }

.w-100px {
  width: 100px; }

.w-100 {
  width: 100%; }

.w-95 {
  width: 95%; }

.w-90 {
  width: 90%; }

.w-85 {
  width: 85%; }

.w-80 {
  width: 80%; }

.w-70 {
  width: 70%; }

.w-65 {
  width: 65%; }

.w-60 {
  width: 60%; }

.w-50 {
  width: 50%; }

.w-40 {
  width: 40%; }

.w-30 {
  width: 30%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-15 {
  width: 15%; }

.w-10 {
  width: 10%; }

.m-height-150 {
  min-height: 150px; }

.hide {
  display: none; }

@media (max-width: 768px) {
  .mobi-hide {
    display: none; } }

.pc-hide {
  display: none; }
  @media (max-width: 768px) {
    .pc-hide {
      display: block; } }

@media (max-width: 768px) {
  .mobi-show {
    display: block; } }

.border-all {
  border: 1px solid #ddd; }

.border-all-yg {
  border: 1px solid #c6c69c; }

.border-l {
  border-left: 1px solid #ddd; }

.border-r {
  border-right: 1px solid #ddd; }

.border-t {
  border-top: 1px solid #ddd; }

.border-b {
  border-bottom: 1px solid #ddd; }

.border-b-222 {
  border-bottom: 1px solid #222; }

.border-b-brown {
  border-bottom: 1px solid #d59967; }

.border-t-l-white {
  border-left: 1px solid #fff !important; }

.border-t-l-black {
  border-left: 1px solid #000;
  border-right: 2px solid #000; }

.border-t-l-b-black {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

.border-l-black {
  border-left: 2px solid #000; }

.border-r-black {
  border-right: 2px solid #000 !important; }

.border-black {
  border: 1px solid #000; }

.b-radius-none {
  border-radius: 0px !important; }

.b-radius-5 {
  border-radius: 5px; }

.b-radius-10 {
  border-radius: 10px; }

.b-radius-30 {
  border-radius: 30px; }

.b-radius-50 {
  border-radius: 50px; }

.b-radius-50-p {
  border-radius: 50%; }

.b-radius-50-imp {
  border-radius: 50px !important; }

.b-radius-5-t-lr {
  border-radius: 5px 5px 0 0; }

.b-radius-5-b-lr {
  border-radius: 0 0 5px 5px; }

.border-l-8 {
  border-left: 8px solid #eee; }

.grad-beat-border {
  box-sizing: border-box;
  border: 2px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: -moz-linear-gradient(#1c2e42, #1c2e42), linear-gradient(#184b7a, #89bbd2);
  background-image: -webkit-linear-gradient(#1c2e42, #1c2e42), linear-gradient(#184b7a, #89bbd2);
  background-image: linear-gradient(#1c2e42, #1c2e42), linear-gradient(#184b7a, #89bbd2); }

.border-4-gold {
  border: 4px solid #e0c173; }

.border-2-yellow {
  border: 2px solid #f4e080; }

/* ========== image mobile responsive ============*/
@media (max-width: 1024px) {
  .w-sm-100 {
    width: 100%; }

  .w-sm-90 {
    width: 90%; }

  .w-sm-80 {
    width: 80%; }

  .w-sm-70 {
    width: 70%; }

  .w-sm-60 {
    width: 60%; }

  .w-sm-50 {
    width: 50%; }

  .w-sm-40 {
    width: 40%; }

  .w-sm-30 {
    width: 30%; }

  .w-sm-20 {
    width: 20%; }

  .w-sm-10 {
    width: 10%; }

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

  .font-sm-40 {
    font-size: 40px; }

  .font-sm-30 {
    font-size: 30px; }

  .font-sm-20 {
    font-size: 20px; }

  .font-sm-18 {
    font-size: 18px; }

  .d-block-auto-sm {
    display: block;
    margin: 0 auto; } }
@media (max-width: 768px) {
  .w-xs-100 {
    width: 100%; }

  .w-xs-90 {
    width: 90%; }

  .w-xs-80 {
    width: 80%; }

  .w-xs-70 {
    width: 70%; }

  .w-xs-60 {
    width: 60%; }

  .w-xs-50 {
    width: 50%; }

  .w-xs-40 {
    width: 40%; }

  .w-xs-30 {
    width: 30%; }

  .w-xs-20 {
    width: 20%; }

  .w-xs-10 {
    width: 10%; }

  .font-xs-20 {
    font-size: 20px !important; }

  .font-xs-18 {
    font-size: 18px !important; }

  .font-xs-17 {
    font-size: 18px; }

  .font-xs-16 {
    font-size: 18px; }

  .font-xs-15 {
    font-size: 15px !important; }

  .font-xs-14 {
    font-size: 14px; }

  .d-block-auto-xs {
    display: block;
    margin: 0 auto; }

  .m-b-20-xs {
    margin-bottom: 20px !important; }

  .p-t-10-xs {
    padding-top: 10px; }

  .p-t-0-xs {
    padding-top: 0px; }

  .p-tb-10-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .p-l-xs-0 {
    padding-left: 0 !important; }

  .p-lr-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .font-xs-18 {
    font-size: 18px !important; }

  .m-t-sm-10 {
    margin-top: 10px; }

  .l-h-22-sm {
    line-height: 22px; } }
@media (max-width: 480px) {
  .w-xxs-100 {
    width: 100%; }

  .w-xxs-98 {
    width: 98%; }

  .w-xxs-95 {
    width: 95%; }

  .w-xxs-90 {
    width: 90%; }

  .w-xxs-80 {
    width: 80%; }

  .w-xxs-70 {
    width: 70%; }

  .w-xxs-65 {
    width: 65%; }

  .w-xxs-60 {
    width: 60%; }

  .w-xxs-50 {
    width: 50%; }

  .w-xxs-40 {
    width: 40%; }

  .w-xxs-30 {
    width: 30%; }

  .w-xxs-20 {
    width: 20%; }

  .w-xxs-25 {
    width: 25%; }

  .m-b-xs-50 {
    margin-bottom: 50px; }

  .m-b-xs-20 {
    margin-bottom: 2px; }

  .m-b-xs-15 {
    margin-bottom: 15px; }

  .m-b-xs-10 {
    margin-bottom: 10px; }

  .w-xxs-15 {
    width: 15%; }

  .w-xxs-10 {
    width: 10%; }

  .w-xxs-7 {
    width: 7%; }

  .w-xxs-auto {
    width: auto; }

  .p-lr-xxs-5 {
    padding-left: 5px;
    padding-right: 5px; }

  .p-b-xxs-0 {
    padding-bottom: 0px; }

  .p-tb-xxs-5 {
    padding-top: 5px;
    padding-bottom: 5px; }

  .p-tb-xxs-10 {
    padding-top: 10px;
    padding-bottom: 10px; }

  p-t-xxs-20 {
    padding-top: 20px; }

  .font-xxs-30 {
    font-size: 30px !important; }

  .font-xxs-25 {
    font-size: 25px !important; }

  .font-xxs-22 {
    font-size: 22px !important; }

  .font-xxs-20 {
    font-size: 20px !important; }

  .font-xxs-18 {
    font-size: 18px !important; }

  .font-xxs-16 {
    font-size: 16px !important; }

  .font-xxs-15 {
    font-size: 15px; }

  .font-xxs-14 {
    font-size: 14px; }

  .font-xxs-12 {
    font-size: 12px; }

  .font-xxs-11 {
    font-size: 11px; }

  .font-xxs-10 {
    font-size: 10px; }

  .font-3-5vw-mobi {
    font-size: 3.5vw; }

  .font-5vw-mobi {
    font-size: 5vw; }

  .font-6vw-mobi {
    font-size: 6vw; }

  .font-7vw-mobi {
    font-size: 7vw; }

  .font-8vw-mobi {
    font-size: 8vw; }

  .m-t-xxs-5 {
    margin-top: 5px; }

  .m-t-xxs-15 {
    margin-top: 15px; }

  .m-t-xxs-25 {
    margin-top: 25px; }

  .p-xxs-10 {
    padding: 10px; }

  .p-xxs-5 {
    padding: 5px; }

  .row-nopad-xss {
    padding: 0; }

  .m-b-xxs-10 {
    margin-bottom: 10px; }

  .m-b-xxs-15 {
    margin-bottom: 15px; }

  .m-b-xxs-0 {
    margin-bottom: 0; }

  .d-block-auto-xxs {
    display: block;
    margin: 0 auto; }

  .d-grid-xxs {
    display: grid; }

  .order-1-xxs {
    order: 1;
    -webkit-order: 1; }

  .order-2-xxs {
    order: 2;
    -webkit-order: 2; }

  .text-left-xs {
    text-align: left; }

  .text-center-xxs {
    text-align: center; } }
@media (max-width: 375px) {
  .font-xxxs-14 {
    font-size: 14px !important; }

  .font-xxxs-13 {
    font-size: 13px !important; }

  .font-xxxs-12 {
    font-size: 12px !important; }

  .font-xxxs-11 {
    font-size: 11px !important; }

  .font-xxxs-10 {
    font-size: 10px !important; }

  .font-xxxs-9 {
    font-size: 9px !important; } }
@media (max-width: 320px) {
  .font-s320-12 {
    font-size: 12px !important; }

  .font-s320-10 {
    font-size: 10px; }

  .font-s320-8 {
    font-size: 8px; } }
.pc-visible {
  display: block; }
  @media (max-width: 1024px) {
    .pc-visible {
      display: none; } }

.mobile-visible {
  display: none; }
  @media (max-width: 1024px) {
    .mobile-visible {
      display: block; } }

.pc-visible-inline {
  display: inline-block; }
  @media (max-width: 1024px) {
    .pc-visible-inline {
      display: none; } }

.mobile-visible-inline {
  display: none; }
  @media (max-width: 1024px) {
    .mobile-visible-inline {
      display: inline-block; } }

.letter-space1 {
  letter-spacing: 1px; }

.letter-space5 {
  letter-spacing: 5px; }

.float-none {
  float: none; }

.opacity-40 {
  opacity: 0.4; }

.opacity-90 {
  opacity: 0.9; }

.cursor-default {
  cursor: default; }

.overflow-bg-hidden {
  overflow: hidden; }

.z-index-5 {
  z-index: 5; }

.primary {
  color: #555; }

.secondary {
  color: #222; }

.black {
  color: #000; }

.dark-grey {
  color: #3e3e3e; }

.dark-2e {
  color: #2e2e2e; }

.white {
  color: #fff; }

.red {
  color: #ff0000; }

.red-custom-1 {
  color: #CC0000; }

.red-custom-2 {
  color: #DE0000; }

.red-custom-4 {
  color: #781A1A; }

.red-custom-4 {
  color: #af1313; }

.red-custom-5 {
  color: #832c33; }

.red-custom-5 {
  color: #b6454d; }

.light-red {
  color: #f9384f !important; }

.light-red-2 {
  color: #F25C5C; }

.light-red-3 {
  color: #ff8383; }

.red-custom {
  color: #d63636; }

.red-orange {
  color: #da432f; }

.dark-orange {
  color: #F07B16; }

.semibrown-orange {
  color: #fab464; }

.golden {
  color: #FFD451; }

.blue {
  color: #2988d1; }

.darker-blue {
  color: #1b4490; }

.light-blue {
  color: #8AD6FF; }

.light-blue-2 {
  color: #67b2ff; }

.light-blue-3 {
  color: #e2f1f8; }

.cold-blue {
  color: #96f1ff; }

.aqua-blue {
  color: #51e0ff; }

.aqua-blue-1 {
  color: #ABFFF5; }

.aqua-blue-2 {
  color: #aafffc; }

.aqua-blue-3 {
  color: #6ce1fe; }

.aqua-blue-4 {
  color: #47aad3; }

.emerald-blue {
  color: #04415a; }

.grey {
  color: #555; }

.grey-2 {
  color: #B8C1CF; }

.grey-3 {
  color: #999999; }

.grey-4 {
  color: #7e7e7e; }

.grey-blue {
  color: #2e6489; }

.grey-a5 {
  color: #a5a5a5; }

.grey-c7 {
  color: #c7c7c9; }

.grey-b4 {
  color: #b4b4b4; }

.grey-ec {
  color: #ececec; }

.grey-bf {
  color: #bfbfbf; }

.grey-d4 {
  color: #d4d4d4; }

.grey-76 {
  color: #767676; }

.maroon {
  color: #b00000; }

.maroon2 {
  color: #460f0f; }

.maroon3 {
  color: #842323; }

.fuchsia {
  color: #d1177d; }

.royal-blue {
  color: #06f; }

.dark-blue {
  color: #223f9b; }

.green {
  color: #a4c639; }

.green-1 {
  color: #338b61; }

.green-2 {
  color: #3B4D2D; }

.green-3 {
  color: #b0e177; }

.green-4 {
  color: #60d042; }

.green-5 {
  color: #163724; }

.green-6 {
  color: #4a7629; }

.light-green {
  color: #acfab8; }

.yellow-green {
  color: #cee88e; }

.yellow-green-1 {
  color: #CFD658; }

.brown {
  color: #472201; }

.brown-2 {
  color: #8a481d; }

.brown-3 {
  color: #794e06; }

.brown-4 {
  color: #975746; }

.brown-5 {
  color: #9b724b; }

.gold {
  color: #B58145; }

.gold-2 {
  color: #e4c670; }

.gold-3 {
  color: #ffdc9e; }

.gold-4 {
  color: #d1c5a1; }

.gold-5 {
  color: #ffe5cc; }

.gold-6 {
  color: #e5bf9a; }

.gold-6 {
  color: #9a6800; }

.gold-7 {
  color: #c3893e; }

.purple {
  color: #5f278c; }

.light-purple {
  color: #9a2bec; }

.lighter-purple {
  color: #e5b6ec; }

.light-purple-2 {
  color: #7761db; }

.light-purple-3 {
  color: #84afe9; }

.light-purple-4 {
  color: #bc87e8; }

.light-purple-5 {
  color: #913b94; }

.light-purple-6 {
  color: #3d5098; }

.blue-purple {
  color: #5037ea; }

.pinkish {
  color: #ff868a; }

.pink {
  color: #FFBDA1; }

.pink-1 {
  color: #AD283A; }

.pink-2 {
  color: #e15b87; }

.pink-3 {
  color: #ffa7a7; }

.pink-4 {
  /*nike-giveaway pink*/
  color: #d13078; }

.yellow {
  color: #FFF59C; }

.yellow-orange {
  color: #f1b54d; }

.yellow-orange-2 {
  color: #ffaa30; }

.yellow-orange-3 {
  color: #ffcb66; }

.yellow-orange-4 {
  color: #f5edcc; }

.yellow-orange-5 {
  color: #ff9600; }

.yellow-gold {
  color: #FFD79C; }

.yellow-golden {
  color: #FFF8BD; }

.yellow-2 {
  color: #ffc65c; }

.yellow-3 {
  color: #fff9c2; }

.yellow-4 {
  color: #ffe561; }

.yellow-5 {
  color: #FFF0DE; }

.yellow-6 {
  color: #FFE4C4; }

.yellow-7 {
  color: #F2C888; }

.yellow-8 {
  color: #f8c837; }

.yellow-9 {
  color: #FFE180; }

.yellow-10 {
  color: #FFFA99; }

.yellow-11 {
  color: #ffe778; }

.yellow-12 {
  color: #d7bf77; }

.yellow-13 {
  color: #FFEECF; }

.yellow-14 {
  color: #ffec95; }

.yellow-15 {
  color: #f2c370; }

.yellow-16 {
  color: #ffed97; }

.yellow-17 {
  color: #f6af4b; }

.yellow-18 {
  color: #edf348; }

.yellow-19 {
  color: #ffdd41; }

.yellow-20 {
  color: #f1cf86; }

.yellow-21 {
  color: #ffcd47; }

.yellow-brown {
  color: #cf8e17; }

.light-fushia {
  color: #EEA8FF !important; }

.dark-fushia {
  color: #B52BBA !important; }

.dark-fushia2 {
  color: #df29e1; }

.off-blue {
  color: #D0E2F2; }

.blue-cyan {
  color: #A8FFFF; }

.blue-1 {
  color: #4ca4db; }

.blue-2 {
  color: #212b87; }

.blue-3 {
  color: #2c5e83; }

.blue-4 {
  color: #1a5aa2; }

.pale-white {
  color: #FFF4CF; }

.pale-white-2 {
  color: #FFF2DB; }

.brown {
  color: #796156; }

.light-brown {
  color: #B88058; }

.light-brown-2 {
  color: #82644E; }

.white-brown {
  color: #c6b49d; }

.dark-brown {
  color: #392a22; }

.gold-brown {
  color: #ba682c; }

.white-yellow {
  color: #E8E2DA; }

.white-yellow2 {
  color: #f5eeda; }

.white-green {
  color: #f3f3d2; }

.dark-violet {
  color: #1a1044; }

.dark-violet-2 {
  color: #2d3781; }

.dark-violet-3 {
  color: #442c76; }

.orange {
  color: #e47100; }

.vlight-orange {
  color: #ffbe93; }

.vdark-orange {
  color: #fa8d2c; }

.vdark-green {
  color: #5cad49; }

.vdark-red {
  color: #ed5656; }

.red-custom-3 {
  color: #e82418; }

.plant-green {
  color: #3C9E0B; }

.brown-orange2 {
  color: #9f3f40; }

.brown-orange3 {
  color: #e6a56a; }

/* BACKGROUND */
.bg-white {
  background-color: #ffffff; }

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg-off-white {
  background-color: #f7f9fc; }

.bg-off-white-2 {
  background-color: #f2e6db; }

.bg-off-white-3 {
  background-color: #f2eef2; }

.bg-semi-dark {
  background-color: #e8ebed; }

.bg-darker {
  background-color: #030407; }

.bg-f3 {
  background-color: #f3f3f3; }

.bg-f5 {
  background-color: #f5f5f5; }

.bg-f7 {
  background-color: #f7f7f7; }

.bg-fa {
  background-color: #fafafa; }

.bg-e4 {
  background-color: #e4e4e4; }

.bg-ed {
  background-color: #ededed; }

.bg-db {
  background-color: #dbdbdb; }

.bg-e7 {
  background-color: #e7e7e7; }

.bg-e9 {
  background-color: #e9e9e9; }

.bg-e4d {
  background-color: #e4dfdb; }

.bg-e4e {
  background-color: #e4e9eb; }

.bg-f9 {
  background-color: #f9f9f9; }

.bg-f9fa {
  background-color: #f9fafb; }

.bg-fdf3 {
  background-color: #fdf3f4; }

.bg-f2e {
  background-color: #f2eee4; }

.bg-a0a {
  background-color: #a0a698; }

.bg-dd {
  background-color: #dddddd; }

.bg-ash {
  background-color: #dfd1c4; }

.bg-light-orange {
  background-color: #f2ece4; }

.bg-yellow {
  background-color: #fffbef; }

.bg-light-yellow {
  background-color: #fcf8f2; }

.bg-light-brown {
  background-color: #e1d6ce; }

.bg-light-brown-2 {
  background-color: #fef8eb; }

.bg-light-brown-3 {
  background-color: #f8ece0; }

.bg-light-brown-4 {
  background-color: #7a6144; }

.bg-choco-brown {
  background-color: #c9bbb1; }

.bg-light-red {
  background-color: #f6eaeb; }

.bg-maroon {
  background-color: #1a0202; }

.bg-dark-maroon {
  background-color: #120101; }

.bg-dark-maroon2 {
  background-color: #1b0502; }

.bg-dark-maroon3 {
  background-color: #140701; }

.bg-dark-maroon4 {
  background-color: #420303; }

.bg-dark-maroon5 {
  background-color: #220000; }

.bg-dark-maroon6 {
  background-color: #361212; }

.bg-blue {
  background-color: #edf4f9; }

.bg-light-blue {
  background-color: #f5f7fa; }

.bg-yellow-light {
  background-color: #fffcf5; }

.bg-light-green {
  background-color: #f1faf7; }

.bg-light-green1 {
  background-color: #fbfbf3; }

.bg-light-green2 {
  background-color: #e5eed6; }

.bg-light-green3 {
  background-color: #e5e9dd; }

.bg-light-purple {
  background-color: #faf7ff; }

.bg-dark-purple {
  background-color: #e7e3e8; }

.bg-fushia {
  background-color: #33013e; }

.bg-light-fushia {
  background-color: #fbeaff; }

.bg-violet {
  background-color: #271b33; }

.bg-dark-violet {
  background-color: #1a0303; }

.bg-dark-violet-2 {
  background-color: #040317; }

.bg-dark-violet-3 {
  background-color: #0f0c14; }

.bg-dark-violet-4 {
  background-color: #201a50; }

.bg-dark-violet-5 {
  background-color: #1c1e33 !important; }

.bg-dark-violet-6 {
  background-color: #131023; }

.bg-dark-violet-7 {
  background-color: #0e0e21; }

.bg-dark-violet-8 {
  background-color: #211f35; }

.bg-dark-violet-9 {
  background-color: #361d34; }

.bg-dark-violet-10 {
  background-color: #13121f; }

.bg-light-violet {
  background-color: #eeeaf6; }

.bg-light-violet-2 {
  background-color: #4441a9; }

.bg-light-blue-2 {
  background-color: #121c36; }

.bg-light-blue-3 {
  background-color: #e6edf2; }

.bg-dark-blue {
  background-color: #040a1a; }

.bg-dark-blue-2 {
  background-color: #030511; }

.bg-dark-blue-3 {
  background-color: #090b1a; }

.bg-dark-blue-4 {
  background-color: #192652; }

.bg-dark-blue-5 {
  background-color: #23385c; }

.bg-dark-blue-6 {
  background-color: #2a4867; }

.bg-dark-blue-7 {
  background-color: #101626; }

.bg-aof-blue {
  background-color: #b8d2e4; }

.bg-light-grey {
  background-color: #d0d1cb; }

.bg-darker-grey {
  background-color: #0d0d0c; }

.bg-dark-grey {
  background-color: #171717 !important; }

.bg-dark-grey-2 {
  background-color: #2a2b2a !important; }

.bg-dark-grey-3 {
  background-color: #141414; }

.bg-dark-grey-4 {
  background-color: #1d1b1b; }

.bg-dark-silver {
  background-color: #414141 !important; }

.bg-dark-silver2 {
  background-color: #31302f; }

.bg-brown {
  background-color: #2e1205 !important; }

.bg-brown-1 {
  background-color: #522323; }

.bg-brown-2 {
  background-color: #3b2f2d; }

.bg-brown-3 {
  background-color: #1b110f; }

.bg-brown-4 {
  background-color: #0f0805; }

.bg-brown-5 {
  background-color: #21120b; }

.bg-brown-6 {
  background-color: #251c19; }

.bg-rust {
  background-color: #3a5778; }

.bg-fb-title {
  background-color: #e9f1f7; }

.bl-white-brown li:before {
  background-color: #c6b49d; }

.bl-white-yellow2 li:before {
  background-color: #f5eeda; }

.bl-grey-c7 li:before {
  background-color: #c7c7c9; }

.bl-lighter-purple li:before {
  background-color: #e5b6ec; }

.bl-yellow-gold li:before {
  background-color: #FFD79C; }

.bg-peach {
  background-color: #f0e2d5; }

.bg-peach2 {
  background-color: #f0e9e1; }

.bg-peach3 {
  background-color: #bd3737; }

.bg-red2 {
  background-color: #b30000; }

.bg-red-custom-3 {
  background-color: #e82418; }
  .bg-red-custom-3:hover {
    background-color: #ee362b; }

.bg-light-pink {
  background-color: #f7edf0; }

.bg-light-pink-2 {
  background-color: #e8dadc; }

.bg-light-pink-3 {
  background-color: #e390b7; }

.bg-dark-pink {
  background-color: #9e334a; }

.bg-dark-peach {
  background-color: #fdd493; }

.bg-dark-brown {
  background-color: #1e0906; }

.bg-dark-brown-2 {
  background-color: #0e0906; }

.bg-lither-brown {
  background-color: #281816; }

.bg-ocean-blue {
  background-color: #a1cfde; }

.bg-cold-blue {
  background-color: #c0e6ed; }

.bg-avocado {
  background-color: #d2d6c1; }

.bg-avocado-light {
  background-color: #f7f9f1; }

.bg-dark-blue-violet {
  background-color: #100c2b; }

.bg-dark-blue-violet-2 {
  background-color: #0e1327; }

.bg-transparent {
  background-color: rgba(255, 255, 255, 0.1); }

.bg-violet-trans {
  background-color: rgba(24, 6, 19, 0.6); }

.bg-faded-black {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-faded-black2 {
  background-color: rgba(0, 0, 0, 0.1); }

.bg-faded-blue {
  background-color: rgba(0, 32, 71, 0.8); }

.bg-faded-gray {
  background-color: rgba(51, 54, 72, 0.6); }

.bg-faded-darkgrey {
  background-color: rgba(13, 13, 12, 0.7); }

.bg-faded-maroon {
  background-color: rgba(57, 0, 0, 0.5); }

.bg-faded-darkgreen {
  background-color: rgba(27, 95, 70, 0.85); }

.bg-faded-pink {
  background-color: rgba(226, 167, 174, 0.8); }

.bg-peach-brown {
  background-color: #e7c9a1; }

.bg-orange {
  background-color: #7e2016; }

.bg-black {
  background-color: #000; }

.bg-semi-black {
  background-color: #0d0805; }

.bg-grad-blk-vio {
  background: #040001;
  background: -moz-linear-gradient(top, #040001 0%, #281e43 100%);
  background: -webkit-linear-gradient(top, #040001 0%, #281e43 100%);
  background: linear-gradient(to bottom, #040001 0%, #281e43 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040001', endColorstr='#281e43',GradientType=0 ); }

.beat-blue {
  background-color: #1c2e42; }

.ggsop-mb-bg {
  background-color: #361223; }

.ggsop-mb-bg {
  background-color: #361223; }

.flip-go-dark-bg {
  background-color: #030303; }

.bg-lighter-pink {
  background-color: #f3e5e0; }

.bg-emerald-blue {
  background-color: #22616c; }

.bg-coffee {
  background-color: #483d29; }

.bg-skyblue {
  background-color: #eaf5f8; }

.bg-brown-tortilia {
  background-color: #605541; }

.bg-cookies-grey {
  background-color: #47413c; }

.bg-coal {
  background-color: #191919; }

.bg-mocha {
  background-color: #e0c68e; }

.bg-trueviolet {
  background-color: #1d0e33; }

.bg-navy-green {
  background-color: #1c2014; }

.bg-navy-dark {
  background-color: #161a10; }

.bg-navy-darker {
  background-color: #11130c; }

.bg-purple {
  background-color: #96218b; }

.bg-purple2 {
  background-color: #9623ae; }

.bg-darker-purple {
  background-color: #140013; }

.bg-darker-purple2 {
  background-color: #14031d; }

.bg-lighter-purple {
  background-color: #453e9a; }

.bg-darkbrown-coffee {
  background-color: #0f0808; }

.bg-brown-3 {
  background-color: #4d3018; }

.bg-brown-4 {
  background-color: #634f39; }

.bg-brown-5 {
  background-color: #2b160d; }

.bg-brown-6 {
  background-color: #0f0805; }

.bg-brown-orange {
  background-color: #ce8950; }

.bg-brown-orange2 {
  background-color: #82492a; }

.bg-brown-opac {
  background-color: rgba(149, 109, 81, 0.15); }

.bg-black-0b {
  background-color: #0b0b0b; }

.bg-dark-grass {
  background-color: #0a2815; }

.bg-dark-grass-2 {
  background-color: #406120; }

.bg-usdt-blue {
  background-color: #3d5098; }

.bg-usdt-violet {
  background-color: #7365b6; }

.bg-semi-violet {
  background-color: #f0f1f9; }

.bg-bloodred {
  background-color: #740c0c; }

.bg-bloodred-1 {
  background-color: #952626; }

.bg-pomelo {
  background-color: #bb606a; }

.bg-0c {
  background-color: #0c0c0c; }

/* ========== BASE BUTTON ========== */
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

.btn:not(disabled):not(.disabled) {
  cursor: pointer; }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: normal;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  outline: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  .btn:hover {
    transition: ease-in 0.3s; }

.btn-darker-orange,
.btn-dark-orange,
.btn-light-blue,
.btn-dark-yellow,
.btn-red,
.btn-navy-blue {
  color: #fff; }
  .btn-darker-orange:hover,
  .btn-dark-orange:hover,
  .btn-light-blue:hover,
  .btn-dark-yellow:hover,
  .btn-red:hover,
  .btn-navy-blue:hover {
    opacity: 0.9;
    color: #fff; }

.btn-maroon-2 {
  color: #fff2d0; }
  .btn-maroon-2:hover {
    opacity: 0.9;
    color: #fff2d0; }

.btn-darker-orange {
  background-color: #bb240a; }

.btn-dark-orange {
  background-color: #ff4200; }

.btn-light-blue {
  background-color: #00afe1; }

.btn-navy-blue {
  background-color: #192f66; }

.btn-dark-yellow {
  background-color: #dea618; }

.btn-red {
  background-color: #d23b4c; }

.btn-red-custom {
  background-color: #b91615; }

.btn-red-custom2 {
  background-color: #bd3737; }

.btn-red-custom3 {
  background-color: #af1b1b; }

.btn-maroon {
  background-color: #832323; }
  .btn-maroon:hover {
    opacity: 0.9;
    color: #fff2d0; }

.btn-maroon-2 {
  background-color: #832323; }

.btn-wechatgreen {
  background-color: #38771c; }

/* ========== BUTTON WIDTH ========== */
/* Create buttons with minimum width by adding add .w-xs, .w-sm, .w-md or .w-lg. */
.w-xs {
  min-width: 80px; }

.w-sm {
  min-width: 95px; }

.w-md {
  min-width: 110px; }

.w-lg {
  min-width: 140px; }

.w-xl {
  min-width: 220px; }
  @media (max-width: 480px) {
    .w-xl {
      min-width: 170px; } }

/* ========== BUTTON SIZES ========== */
/*Add .btn-lg, .btn-sm for additional sizes.*/
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.50rem;
  line-height: 1.5;
  border-radius: .3rem; }

.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

/*Add .btn-rounded to default button to get rounded corners.*/
.btn-rounded {
  border-radius: 2em;
  padding: 6px 18px 8px; }

/*Create block level buttons,with by adding add .btn-block.*/
.btn-block {
  display: block;
  width: 100%; }

.table-default {
  border: 1px #dadada solid;
  border-collapse: collapse;
  overflow: hidden;
  table-layout: fixed;
  margin: 0 auto;
  width: 100%;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 15px; }
  @media only screen and (min-width: 480px) {
    .table-default {
      margin-bottom: 0; } }
  .table-default tr {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd; }

.table-initial {
  table-layout: initial; }

.table-responsive {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .table-responsive table {
    /*@media (max-width: 1024px) {
        width: 490px;
    }*/ }

@media only screen and (max-width: 480px) and (min-width: 320px) {
  .table-container {
    overflow-x: scroll; } }
@media only screen and (max-width: 480px) and (min-width: 320px) {
  .table-container .table-default {
    width: 600px; } }

@media (max-width: 480px) {
  .table-no-scroll > tbody > tr > td {
    font-size: 12px !important;
    padding: 1px !important;
    word-break: break-word; } }

@media (max-width: 480px) {
  .tbl-img > tr > td > img {
    width: 100%; } }

@media (max-width: 480px) {
  .tbl-img > thead > tr > th {
    padding: 2px !important; } }

.layout-auto {
  table-layout: auto !important; }

@media only screen and (max-width: 1024px) {
  .table-container-custom {
    overflow-x: scroll; } }

@media only screen and (max-width: 1024px) {
  .allin-table {
    width: 1000px !important; } }

.brown-header th {
  background: #c39570 !important;
  color: #fff !important; }

.table-header {
  background: #f9f9f9;
  border-bottom: 2px solid #ddd; }
  .table-header th {
    color: #555 !important;
    background: #f5f5f5 !important;
    font-size: 14px !important;
    word-break: break-word; }

.table-titleheader {
  background: #e6eff6; }

.table-nth-color th {
  background: #969696 !important; }

.table-default > thead > tr > th {
  background: #848484;
  font-size: 15px;
  color: #232323;
  font-weight: 600; }

.table-default > thead > tr > th,
.table-default > tbody > tr > td,
.table-default > tfoot > tr > td {
  text-align: center;
  padding: 7px;
  vertical-align: middle;
  line-height: 20px; }

.table-custom-1 {
  border: none !important; }
  .table-custom-1 tr {
    border-bottom: 1px solid #ddd !important;
    border-top: none; }
    .table-custom-1 tr:last-child {
      border-bottom: 2px solid #ddd !important; }
    .table-custom-1 tr td img {
      vertical-align: super;
      max-width: 100%; }
  .table-custom-1 thead tr th {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #ddd;
    padding: 10px 5px !important;
    word-break: break-word;
    font-weight: 600;
    color: #555; }
  .table-custom-1 tbody tr td {
    padding: 7px !important;
    color: #555; }
    @media (max-width: 1024px) {
      .table-custom-1 tbody tr td {
        padding-left: 3px;
        padding-right: 3px;
        word-break: break-word; } }
    .table-custom-1 tbody tr td:nth-child(odd) {
      background-color: #f9f9f9; }
    .table-custom-1 tbody tr td:nth-child(even) {
      background-color: #fff; }

.table-striped > tbody > tr:nth-child(odd),
.table-striped > ul > li:nth-child(odd) {
  background-color: #fff; }

.table-striped > tbody > tr:nth-child(even),
.table-striped > ul > li:nth-child(even) {
  background-color: #f5f5f5; }

.table-striped-reverse > tbody > tr:nth-child(odd),
.table-striped-reverse > ul > li:nth-child(odd) {
  background-color: #f9fafb; }

.table-striped-reverse > tbody > tr:nth-child(even),
.table-striped-reverse > ul > li:nth-child(even) {
  background-color: #fff; }

.table-custom-1 > tbody > tr:nth-child(even),
.table-custom-1 > ul > li:nth-child(even) {
  background-color: #fff !important; }

.table-custom-1 tr:last-child {
  border-bottom: 3px solid #ddd !important; }

.table-thick-border tr:last-child {
  border-bottom: 3px solid #ddd !important; }

.table-default > tbody > tr > td {
  color: #555;
  font-size: 13px;
  line-height: 19px; }

/*Badbeat*/
.table-badbeat > tbody > tr > td {
  color: #000;
  font-size: 16px;
  line-height: 1.5em; }

.orange {
  color: #f80 !important; }

.dark-orange {
  color: #ff4200 !important; }

.tbl-bg-f9 > .th-green {
  background-color: #E3FCEF !important; }

.tbl-bg-f9 > .th-yellow {
  background-color: #FFFAE6 !important; }

.td-yellow {
  color: #e1a900 !important; }

.td-red {
  color: #b00000 !important; }

.td-blue {
  color: #0066ff !important; }

.td-green {
  color: #74b715 !important; }

.td-brown {
  color: #b77450 !important; }

.td-lightblue {
  color: #00afe1 !important; }

.borderRt {
  border-right: 1px solid #ddd; }

.table-no-border {
  border: none; }

.table-no-border-tb {
  border-top: none !important;
  border-bottom: none !important; }

.table-border {
  border: 1px solid #ddd !important; }

.table-border-r > tbody > tr > td {
  border-right: 1px solid #ddd; }

.tbl-brown-header > th {
  background: #c9a45d !important;
  color: #fff !important; }

.tbl-blue-header > th {
  background: #354566 !important;
  color: #fef19b !important; }

.tbl-bg-f9 > th {
  background: #f9f9f9 !important; }

/*::-webkit-scrollbar {
    width: 9px;
}*/
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2); }

::-webkit-scrollbar-track {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1); }

.dark-gray-header th {
  background: #919195 !important;
  color: #fff !important; }

.pink-header th {
  background: #dc6c7e !important;
  color: #fff !important; }

.orange-header th {
  background: #f7931e !important;
  color: #000 !important; }

.table-default > .tbl-left > tr > td {
  text-align: left !important;
  vertical-align: top;
  padding-bottom: 30px; }
  .table-default > .tbl-left > tr > td ul li {
    width: 170px;
    vertical-align: top; }
    .table-default > .tbl-left > tr > td ul li:first-child {
      width: 100px; }
      @media (max-width: 1024px) {
        .table-default > .tbl-left > tr > td ul li:first-child {
          width: 70px; } }
    .table-default > .tbl-left > tr > td ul li:last-child {
      width: auto; }
    @media (max-width: 1024px) {
      .table-default > .tbl-left > tr > td ul li {
        width: 145px; } }

.fish-table-pc-scroll {
  overflow-y: scroll;
  height: 500px;
  width: 100%;
  display: block;
  border: 1px solid #ddd;
  padding: 10px; }
  @media (max-width: 480px) {
    .fish-table-pc-scroll {
      height: 400px; } }

.fish-table-pc-scroll::-webkit-scrollbar-thumb {
  background-color: #49afff; }

.fish-table-pc-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.fish-table-pc-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5; }

.field-group {
  position: relative;
  display: inline-flex;
  border-collapse: separate;
  width: 100%; }
  .field-group input.form-control {
    border-radius: 0; }
  .field-group .exp-input {
    border-radius: 5px !important; }

.field-group-addon {
  padding: 14px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #333333;
  text-align: center;
  background-color: #fff;
  border: 1px solid #959595;
  border-radius: 3px;
  width: auto;
  white-space: nowrap;
  vertical-align: middle; }
  .field-group-addon:first-child {
    border-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .field-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.form-control {
  border: 1px solid #959595;
  background-color: #fff;
  -webkit-border-radius: 0px;
  display: block;
  width: 100%;
  padding: 10px 10px;
  color: #333;
  border-radius: 3px;
  font-size: 13px; }

.form-group {
  display: block;
  position: relative; }

.form-input {
  position: relative; }

input[type="text"].form-control, input[type="password"].form-control, input[type="submit"].form-control,
input[type="email"].form-control, input[type="number"].form-control {
  -webkit-appearance: none;
  flex: 1; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

.form-control:focus {
  border: 1px solid #ffdb5a;
  box-shadow: 0px 0px 5px #ffdb5a;
  color: #333333; }

.form-lbl {
  text-align: right;
  color: #757575;
  margin-top: 13px;
  font-size: 13px;
  padding: 0 5px 0 0;
  vertical-align: middle; }
  @media (max-width: 1024px) {
    .form-lbl {
      text-align: left;
      margin-top: 0;
      padding: 0 15px;
      line-height: 30px; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* === LEAFLET  ===*/
.img-wrap {
  border: 1px solid #ddd; }
  .img-wrap h2 {
    padding: 8px 5px;
    font-size: 15px; }

hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #eee; }
  @media (max-width: 1024px) {
    hr {
      margin: 15px 0; } }

hr.custom {
  margin: 30px 23%;
  border: 0;
  border-top: 1px solid #a99687; }
  @media (max-width: 1024px) {
    hr.custom {
      margin: 15px 0; } }

h2 {
  margin: 0 0 10px;
  font-size: 2.33em; }

.black-bold {
  font-weight: bold;
  color: #000; }

.indent {
  padding-left: 3px;
  line-height: 2;
  color: #666; }

.list-indent {
  padding-left: 20px; }

h3.title-with-line {
  position: relative;
  width: 100%;
  margin: 30px 0;
  text-align: center;
  font-style: normal; }
  @media (max-width: 1024px) {
    h3.title-with-line {
      margin: 25px 0 20px; } }
  @media (max-width: 480px) {
    h3.title-with-line {
      margin: 15px 0; } }
  h3.title-with-line:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    border-top: 2px solid #ddd; }
  h3.title-with-line span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    font-size: 25px;
    font-weight: bold;
    z-index: 2; }
    @media (max-width: 480px) {
      h3.title-with-line span {
        font-size: 20px;
        line-height: 20px; } }

/* === BULLETED LIST  ===*/
.bullet-list {
  padding-left: 10px; }
  .bullet-list li {
    position: relative;
    line-height: 30px;
    padding-left: 15px; }
    @media (max-width: 480px) {
      .bullet-list li {
        line-height: 25px; } }
    .bullet-list li:before {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      left: 0;
      top: 12px; }
  .bullet-list li.small-bullet:before {
    width: 5px;
    height: 5px; }

.bullet-list-center {
  padding-left: 10px; }
  .bullet-list-center li {
    position: relative;
    line-height: 30px;
    padding-left: 15px; }
    .bullet-list-center li:before {
      content: '';
      position: relative;
      width: 7px;
      height: 7px;
      display: inline-block;
      border-radius: 50%;
      left: 0;
      top: 0;
      margin-right: 10px; }

.default-list li {
  font-size: 14px;
  line-height: 28px; }

.bullet-list-mid {
  width: 32%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .bullet-list-mid {
      width: 41%; } }
  @media (max-width: 480px) {
    .bullet-list-mid {
      width: 66%; } }
  @media (max-width: 375px) {
    .bullet-list-mid {
      width: 85%; } }

.hh-info-icon {
  width: 15px;
  height: 15px;
  padding: 2px;
  margin-right: 5px;
  font-size: 11px;
  background-color: black;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #fff; }

.hti-info-icon {
  font-size: 11px;
  background-color: #555;
  color: #fff;
  display: inline-block;
  width: 16px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
  padding: 2px;
  vertical-align: top; }

.bl-red li:before {
  background-color: #d1000c; }

.bl-brown li:before {
  background-color: #cb9f26; }

.bl-grey li:before {
  background-color: #555; }

.bl-blue li:before {
  background-color: #0066ff; }

.bl-light-blue li:before {
  background-color: #8AD6FF; }

.bl-white li:before {
  background-color: #fff; }

.bl-white-yellow li:before {
  background-color: #E8E2DA; }

.bl-gold-4 li:before {
  background-color: #d1c5a1; }

.bl-fuchsia li:before {
  background-color: #d1177d; }

.bl-black li:before {
  background-color: #000; }

.bl-yellow li:before {
  background-color: #FFF59C; }

.bl-secondary li:before {
  background-color: #222; }

/* === HEADER  ===*/
header {
  background: #16181a; }

@media (max-width: 768px) {
  .logo {
    text-align: center;
    padding: 10px 0; } }

.head-menu.active {
  left: -13px; }

@media (max-width: 768px) {
  .head-menu {
    display: block;
    position: absolute;
    left: -115%;
    /*left: 0;*/
    top: 0;
    z-index: 9;
    width: 260px;
    height: auto;
    background: #000;
    border: none !important;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0;
    min-height: initial; } }
.head-menu > li {
  display: inline-block;
  position: relative; }
  @media (max-width: 768px) {
    .head-menu > li {
      width: 100%; } }
  .head-menu > li > a {
    color: #bbb;
    font-weight: bold;
    padding: 20px 35px;
    display: block; }
    .head-menu > li > a:after {
      display: none;
      content: '';
      background-image: url(/assets/images/arrow-down.png);
      background-repeat: no-repeat;
      width: 100%;
      position: absolute;
      right: 10px;
      top: 24px;
      width: 18px;
      height: 9px; }
      @media (max-width: 768px) {
        .head-menu > li > a:after {
          display: block; } }
    @media (max-width: 768px) {
      .head-menu > li > a {
        padding: 20px 30px; } }
    .head-menu > li > a:hover {
      color: #777; }
  @media (max-width: 768px) {
    .head-menu > li a.subdrop:after {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); } }
  .head-menu > li:hover > ul {
    display: block; }
.head-menu > li.active > a {
  color: #fff; }

.sub-menu {
  display: none;
  position: absolute;
  text-align: center;
  top: 54px;
  z-index: 5;
  background: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  background-color: #0e0e0e; }
  @media (max-width: 768px) {
    .sub-menu {
      position: initial;
      background: #282b2e;
      text-align: left; } }
  .sub-menu > li {
    background-color: transparent !important;
    width: 100%;
    padding: 0; }
    .sub-menu > li > a {
      display: block;
      padding: 5px 0px !important;
      color: #fff;
      line-height: 24px;
      font-size: 13px;
      text-decoration: none;
      border: none;
      font-weight: normal; }
      @media (max-width: 768px) {
        .sub-menu > li > a {
          padding: 5px 0 5px 20% !important;
          color: #aaa; }
          .sub-menu > li > a:hover {
            color: #fff; } }
      .sub-menu > li > a:hover {
        color: #c75353; }
    @media (max-width: 768px) {
      .sub-menu > li a.active {
        color: #fff; } }

.mobi-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 15px;
  width: 14px;
  background-color: transparent;
  border: none;
  padding: 5px;
  border-radius: 10px;
  z-index: 10; }
  @media (max-width: 768px) {
    .mobi-nav {
      display: block; } }
  .mobi-nav .line {
    border-radius: 5px;
    height: 4px;
    width: 100%;
    background-color: #fff;
    display: block;
    margin: 5px 0;
    transition: linear 0.3s; }

.mobi-nav.active {
  width: 30px;
  top: 6px; }
  .mobi-nav.active .line {
    height: 2px; }
  .mobi-nav.active .line:first-child {
    transform: rotate(-45deg) translate(-4px, 5px);
    -webkit-transform: rotate(-45deg) translate(-4px, 5px); }
  .mobi-nav.active .line:nth-child(2) {
    display: none; }
  .mobi-nav.active .line:last-child {
    transform: rotate(45deg) translate(0px, -1px);
    -webkit-transform: rotate(45deg) translate(0px, -1px); }

/* === SUB NAVI  ===*/
.sub-navi {
  background: #f0f0f0;
  /*margin-bottom: 5px;*/ }
  .sub-navi ul li {
    display: inline-block; }
    .sub-navi ul li a {
      color: #555;
      font-weight: bold;
      display: block;
      padding: 18px 10px; }
      .sub-navi ul li a:hover {
        color: #777; }
      @media (max-width: 768px) {
        .sub-navi ul li a {
          padding: 13px 5px; } }
    .sub-navi ul li a.active {
      color: #c75353; }

@media (max-width: 600px) {
  .container-list-scroll {
    overflow: hidden;
    overflow-x: auto;
    width: 95%;
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 600px) {
  .container-list-scroll ul {
    min-width: 650px;
    text-align: left !important; } }

/* === FOOTER  ===*/
.footer-links {
  background-color: #2b3033;
  padding: 15px 10px; }
  @media (max-width: 480px) {
    .footer-links ul li {
      margin-bottom: 15px; } }
  .footer-links ul li a {
    display: block;
    color: #999;
    padding: 5px 0;
    font-size: .85em; }
    .footer-links ul li a:hover {
      color: #666; }

.footer-bottom {
  background-color: #303538; }
  .footer-bottom label {
    padding: 12px 0; }

.footer-company li {
  display: inline-block; }
  .footer-company li a {
    display: block;
    padding: 0 5px; }
    @media (max-width: 480px) {
      .footer-company li a img {
        height: 45px; } }

.page-top {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  background-image: url(/assets/images/footer/btn_top_arrow.png);
  background-repeat: no-repeat;
  background-color: #454a4c;
  background-position: 50%;
  cursor: pointer; }
  @media (max-width: 480px) {
    .page-top {
      width: 45px;
      height: 45px; } }
  .page-top:hover {
    background-color: #4f5356; }

.pg-not-found {
  padding: 10% 16%; }
  @media (max-width: 768px) {
    .pg-not-found {
      padding: 10% 5%;
      text-align: center; } }
  @media (max-width: 600px) {
    .pg-not-found img {
      width: 60%; } }
  .pg-not-found h1 {
    margin-top: 62px;
    color: #3eb8ea;
    font-size: 66px;
    font-family: Arial;
    letter-spacing: 1px;
    line-height: 90px; }
    @media (max-width: 768px) {
      .pg-not-found h1 {
        font-size: 50px;
        margin-top: 0; } }
    @media (max-width: 600px) {
      .pg-not-found h1 {
        font-size: 30px; } }
  .pg-not-found p {
    margin-top: 19px;
    font-family: Arial;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 39px;
    color: #184a56; }
    @media (max-width: 600px) {
      .pg-not-found p {
        margin-top: 0px;
        font-size: 15px;
        line-height: 25px; } }
    @media (max-width: 320px) {
      .pg-not-found p {
        font-size: 13px; } }
  .pg-not-found button {
    margin-top: 37px;
    outline: 0;
    height: 56px;
    letter-spacing: .8px;
    line-height: 50px;
    font-size: 22px;
    text-align: center;
    border-radius: 28px;
    cursor: pointer;
    border: 2px solid #3eb8ea;
    background-color: #fff;
    color: #3eb8ea;
    padding: 0 20px; }
    @media (max-width: 768px) {
      .pg-not-found button {
        width: 40%; } }
    @media (max-width: 600px) {
      .pg-not-found button {
        height: 40px;
        line-height: 39px;
        font-size: 18px;
        padding: 0 13px;
        width: 50%; } }
    .pg-not-found button:hover {
      background-color: #3eb8ea;
      color: #fff; }

/********UniqueFeature*********/
h2.title-with-line {
  position: relative;
  width: 100%;
  margin: 20px 0;
  text-align: center;
  font-style: normal; }
  @media (max-width: 1024px) {
    h2.title-with-line {
      margin: 25px 0 20px; } }
  @media (max-width: 480px) {
    h2.title-with-line {
      margin: 15px 0; } }
  h2.title-with-line:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    border-top: 2px solid #ddd; }
  h2.title-with-line span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    font-size: 30px;
    font-weight: bold;
    z-index: 2; }
    @media (max-width: 480px) {
      h2.title-with-line span {
        line-height: 20px; } }

/*******Tab3 data-num********/
.p-num:before, .p-num-blue:before {
  content: attr(data-num);
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background-color: #cc1f1f;
  color: #fff;
  text-align: center;
  line-height: 25px;
  font-size: 15px;
  border-radius: 100%; }

.p-num-blue:before {
  background-color: #06f; }

.smart-box {
  min-height: 100px;
  display: flex; }
  .smart-box li {
    text-align: center; }
    .smart-box li img {
      margin: 0 auto; }
  .smart-box.sb-center {
    align-items: center;
    justify-content: space-around; }
  .smart-box.sb-baseline {
    align-items: baseline;
    justify-content: space-around;
    padding-top: 10px; }

.smart-content {
  min-height: 325px; }

/******** Games *********/
.blind label {
  line-height: 34px;
  min-height: 34px;
  padding-left: 40px; }

.big-blind {
  background: url(../images/tab-1/timedtableholdem/icon_bb.png) 0 50% no-repeat; }

.small-blind {
  background: url(../images/tab-1/timedtableholdem/icon_sb.png) 0 50% no-repeat; }

.dealer {
  background: url(../images/tab-1/timedtableholdem/icon_dealer.png) 0 50% no-repeat; }

/******** Tournament *********/
.decimal-list {
  list-style-type: decimal;
  padding-left: 30px; }

.img-title {
  margin: 20px 0 30px; }
  .img-title img {
    width: 17%; }
    @media (max-width: 768px) {
      .img-title img {
        width: 30%; } }
  .img-title span {
    font-size: 21px;
    font-weight: 600;
    vertical-align: bottom;
    font-style: italic; }

.title {
  padding-top: 34px;
  font-weight: 700;
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .title {
      padding-top: 0; } }

.desc p {
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .desc p {
      margin-bottom: 0; } }

.thin-wrapper {
  padding: 0 18%; }
  @media (max-width: 768px) {
    .thin-wrapper {
      padding: 0; } }
  .thin-wrapper ul {
    padding-left: 35px; }

.tbl-box .table-default {
  margin-bottom: 0 !important; }

.faq-list p:nth-child(odd) {
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  display: inline-block; }
.faq-list p:nth-child(even) {
  margin: 5px 0 5px 50px;
  font-size: 15px;
  border-radius: 5px;
  background-color: #f1fafe;
  padding: 10px; }
  @media (max-width: 768px) {
    .faq-list p:nth-child(even) {
      margin: 5px 0 5px 20px; } }

.overflow-body {
  height: 153px;
  overflow-y: hidden; }

.rotate {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/* Jackpot */
.jackpot-img {
  margin-top: 22%; }
  @media (max-width: 768px) {
    .jackpot-img {
      margin-top: 4%; } }

.equal-sign {
  position: absolute;
  top: 210px; }
  @media (max-width: 768px) {
    .equal-sign {
      position: initial;
      top: unset;
      margin-top: 25px; } }

/* ==== AUG PROMO ==== */
.bg-augpromo {
  background: url(/assets/images/contents/aug-promo/main/bg1.jpg) no-repeat;
  background-size: cover;
  min-height: 280px;
  padding: 35px 0; }

.bg-augpromo2 {
  background: url(/assets/images/contents/aug-promo/main/bg2.jpg) no-repeat;
  background-size: cover;
  min-height: 280px;
  padding: 35px 0; }

.mbp-iframe-container {
  padding: 15px 15px 80px; }

.mbp-sample-menu {
  padding: 0;
  margin: 0 15px;
  display: flex;
  flex-flow: row; }
  .mbp-sample-menu li {
    display: block;
    padding: 18px 15px;
    color: rgba(242, 242, 242, 0.6);
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px; }

/* === CERTIFICATE  ===*/
.btn-pdf {
  display: inline-block;
  width: 77px;
  height: 89px;
  background: url("/assets/images/tab-5/certificate/btn_pdf_link.jpg") no-repeat;
  line-height: 140px;
  font-size: 14px;
  color: #000; }

.pdf-bg {
  background-color: #eee;
  padding: 35px 0; }

@font-face {
  font-family: 'icomoon';
  src: url("../../assets/fonts/icomoon.eot?nvhfhq");
  src: url("../../assets/fonts/icomoon.eot?nvhfhq#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?nvhfhq") format("truetype"), url("../../assets/fonts/icomoon.woff?nvhfhq") format("woff"), url("../../assets/fonts/icomoon.svg?nvhfhq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="gg-"], [class*=" gg-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.gg-android:before {
  content: "\e900"; }

.gg-arrow-thick:before {
  content: "\e901"; }

.gg-arrow-thin:before {
  content: "\e902"; }

.gg-info:before {
  content: "\e903"; }

.gg-ios:before {
  content: "\e904"; }

.gg-question:before {
  content: "\e905"; }

.content-header {
  height: 80px;
  padding: 5px 0; }

.menu-nav {
  padding: 15px 0; }
  .menu-nav li {
    padding: 0 27px;
    border-right: 2px solid #cd171f; }
    .menu-nav li:last-child {
      border-right: none;
      padding-right: 0; }
    .menu-nav li a {
      color: #fff;
      font-size: 16px; }
      .menu-nav li a:hover {
        color: #f14048; }

.content-title {
  background: #242323;
  padding: 25px 0; }
  @media (max-width: 480px) {
    .content-title {
      padding: 10px 0px; } }
  .content-title h2 {
    line-height: 40px;
    margin-bottom: 0; }
    @media (max-width: 480px) {
      .content-title h2 {
        font-size: 15px !important;
        line-height: 25px; } }

.content-title-2 {
  background: #000;
  padding: 20px 0; }
  @media (max-width: 480px) {
    .content-title-2 {
      padding: 10px 0px; } }
  .content-title-2 h2 {
    line-height: 40px;
    margin-bottom: 0; }
    @media (max-width: 480px) {
      .content-title-2 h2 {
        font-size: 15px !important;
        line-height: 25px; } }

.main-description p {
  font-size: 22px;
  line-height: 1.8em; }
  @media (max-width: 1024px) {
    .main-description p {
      font-size: 16px; } }

.arrow {
  position: absolute;
  top: 50%;
  right: -21px;
  width: unset !important; }
  @media (max-width: 480px) {
    .arrow {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 46%;
      top: unset;
      bottom: -10%;
      height: 25px; } }

.content-pad {
  padding: 2% 0; }
  @media (max-width: 480px) {
    .content-pad {
      padding: 3% 0; } }

.content-pad-50 {
  padding: 50px 0 40px; }
  @media (max-width: 480px) {
    .content-pad-50 {
      padding: 25px 0 20px; } }

/* Translation */
.trans-container.open .active-trans {
  border-radius: 10px 10px 0 0; }

.active-trans {
  position: relative;
  padding: 10px 1px 10px 15px;
  width: 160px;
  height: 44px;
  background-color: #323232;
  margin: 0;
  /* border: 1px solid #fff; */
  border-radius: 10px;
  cursor: pointer;
  float: right; }
  @media (max-width: 600px) {
    .active-trans {
      width: 100%; } }
  @media (max-width: 600px) {
    .active-trans {
      width: 40%;
      text-align: center;
      padding: 10px 0; } }
  @media (max-width: 480px) {
    .active-trans {
      width: 70%; } }
  @media (max-width: 375px) {
    .active-trans {
      width: 100%; } }
  @media (max-width: 320px) {
    .active-trans {
      width: 100%; } }
  .active-trans:before {
    content: '';
    background-image: url(/assets/images/contents/wsop/dropdown.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    right: 12px;
    width: 15px;
    height: 9px;
    top: 17px;
    transition: linear .3s; }
    @media (max-width: 600px) {
      .active-trans:before {
        display: none; } }
  .active-trans img {
    margin-right: 5px; }
    @media (max-width: 600px) {
      .active-trans img {
        margin-right: 0; } }
  .active-trans span {
    color: #fff;
    vertical-align: middle; }
    @media (max-width: 600px) {
      .active-trans span {
        display: none; } }

.active-trans.open:before {
  transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg); }

.language-select {
  display: none;
  position: absolute;
  width: 160px;
  top: 39px;
  right: 15px;
  background: #323232;
  z-index: 1; }
  @media (max-width: 600px) {
    .language-select {
      width: 125px; } }
  @media (max-width: 480px) {
    .language-select {
      right: 0; } }

.language-select li {
  margin: 2px 1px;
  display: block;
  border-bottom: 1px solid #707070; }
  .language-select li:first-child {
    border-top: 1px solid #707070; }
    @media (max-width: 600px) {
      .language-select li:first-child {
        border-top: none; } }
  .language-select li:last-child {
    border-bottom: none;
    border-radius: 4px 0 04px; }
  .language-select li label a {
    display: block;
    padding: 6px 14px; }
    @media (max-width: 600px) {
      .language-select li label a {
        text-align: center;
        padding: 0 14px; } }
    @media (max-width: 600px) {
      .language-select li label a img {
        display: none; } }
    @media (max-width: 600px) {
      .language-select li label a span {
        margin-left: 0; } }

.language-select > li:hover,
.language-select > li.active {
  background: #494949;
  cursor: pointer; }

.language-select > li:hover span,
.language-select > li.active span {
  color: #fff; }

.language-select li span {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
  margin-left: 10px; }

@media (max-width: 1024px) {
  .vid-sec {
    padding: 20px 0 20px; } }

.video-container iframe {
  width: 40%;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media (max-width: 1024px) {
    .video-container iframe {
      width: 100% !important; } }

.video-container video {
  width: 70%;
  display: block;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .video-container video {
      width: 100% !important; } }

.video-85 {
  width: 85% !important; }
  @media (max-width: 1680px) {
    .video-85 {
      width: 80% !important; } }
  @media (max-width: 1440px) {
    .video-85 {
      width: 75% !important; } }
  @media (max-width: 1024px) {
    .video-85 {
      width: 95% !important; } }

.video-100 {
  width: 100% !important;
  padding: 10px; }

.highlight {
  background: url(/assets/images/contents/wsop/red-bg.jpg) no-repeat;
  background-size: cover;
  min-height: 280px;
  padding: 35px 0; }
  @media (max-width: 480px) {
    .highlight {
      min-height: 170px; } }
  .highlight li {
    font-size: 18px;
    line-height: 30px; }
    @media (max-width: 480px) {
      .highlight li {
        font-size: 15px; } }

.highlight-wpt-online {
  background: url(/assets/images/contents/wpt/highlight-wpt-online.png) no-repeat;
  background-size: cover;
  background-position: top;
  background-color: #150f2b; }

.highlight-wpt-online-2 {
  background: url(/assets/images/contents/wpt/highlight-wpt-online-2.png) no-repeat;
  background-size: cover;
  background-position: top;
  background-color: #0d122b; }

.highlight-wpt {
  background: url(/assets/images/contents/wpt/wpt-bg-1.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.highlight-mm {
  background: url(/assets/images/contents/multi-m/bg.png) no-repeat;
  background-size: cover;
  background-position: center; }

.highlight-superMsatellites {
  background: url(/assets/images/contents/super-million/superMsatellitesbg1.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.highlight-wsop {
  background: url(/assets/images/contents/wsop/2020/official-bg.png) no-repeat;
  background-size: cover;
  background-position: center; }

@media (max-width: 480px) {
  .highlight-wsop-en h3 {
    font-size: 18px; } }

.highlight-highroller {
  background: url(/assets/images/contents/highrollers/sparkled-bg.png) no-repeat;
  /*background: linear-gradient(rgba(64, 32, 22, 0.7), rgba(64, 32, 22, 0.7)), url(/assets/images/contents/highrollers/sparkled-bg.png);
  background-repeat: no-repeat;*/
  background-size: cover;
  background-position: center;
  min-height: 145px;
  padding: 50px 0; }
  .highlight-highroller h2 {
    line-height: 45px;
    margin-bottom: 0; }

.bg-highroller-1 {
  background: url(/assets/images/contents/highrollers/bg1.png) no-repeat;
  background-size: cover;
  background-position: center; }

.bg-highroller-2 {
  background: url(/assets/images/contents/highrollers/bg2.png) no-repeat;
  background-size: cover;
  background-position: center; }

.bg-highroller-3 {
  background: url(/assets/images/contents/highrollers/bg3.png) no-repeat;
  background-size: cover;
  background-position: center; }

.media-coverage {
  /*background: linear-gradient(rgba(18, 1, 1, 0.80), rgba(18, 1, 1, 0.80)), url(/assets/images/contents/wsop/media-coverage-bg.jpg);*/
  background: url(/assets/images/contents/wsop/2020/media-coverage-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  padding: 4.5% 0; }
  @media (max-width: 1024px) {
    .media-coverage {
      min-height: initial; } }

.series-wsop {
  background: url(/assets/images/contents/wsop/2020/series-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.silkroad-wsop {
  background: url(/assets/images/contents/wsop/silk-road/silk-rank-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-sng-bracelet-bg {
  background: url(/assets/images/contents/wsop/daily-spin-gold/wsop-sngbracelet-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d2d14; }

.sng-mt-bg {
  background: url(/assets/images/contents/wsop/daily-spin-gold/spin-mt-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d2d14; }

.sng-daily-hr-bg {
  background: url(/assets/images/contents/sng/sng-hr-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.battleroyale-daily-hr-bg {
  background: url(/assets/images/contents/june-promo/battle-royale/battleroyale-hr-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-aof-bracelet-bg {
  background: url(/assets/images/contents/aof/wsop-aofbracelet-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.aof-mt-bg {
  background: url(/assets/images/contents/aof/aof-mt-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.aof-mt-bg-1 {
  background: url(/assets/images/contents/may-promo/aof/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.battleroyale-bg-1 {
  background: url(/assets/images/contents/june-promo/battle-royale/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.battleroyale-bg-2 {
  background: url(/assets/images/contents/june-promo/battle-royale/bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.wsop-sd-bracelet-bg {
  background: url(/assets/images/contents/wsop/shortdeck/wsop-sdbracelet-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #4a3659; }

.wsop-holdem-bracelet-bg {
  background: url(/assets/images/contents/wsop/holdem/wsop-holdembracelet-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #498068; }

.holdem-mt-bg {
  background: url(/assets/images/contents/wsop/holdem/holdem-mt-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #498068; }

.wsop-omaha-bracelet-bg {
  background: url(/assets/images/contents/wsop/omaha/wsop-omahabracelet-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #7692ad; }

.omaha-mt-bg {
  background: url(/assets/images/contents/wsop/omaha/omaha-mt-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #7692ad; }

.wsop-aof-hdw-bg {
  background: linear-gradient(rgba(20, 21, 52, 0.8), rgba(12, 10, 51, 0.7)), url(/assets/images/contents/aof/wsop-hdw-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.wsop-sd-hdw-bg {
  background: linear-gradient(rgba(17, 22, 47, 0.7), rgba(47, 28, 6, 0.55)), url(/assets/images/contents/wsop/shortdeck/wsop-rank-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-holdem-hdw-bg {
  background: linear-gradient(rgba(17, 22, 47, 0.7), rgba(14, 44, 33, 0.6)), url(/assets/images/contents/wsop/shortdeck/wsop-rank-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.bar-sched-bg {
  background: url(/assets/images/contents/ggmaster/bar-sched-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #2a0304; }

.beatpros-mt-bg {
  background: url(/assets/images/contents/beatpros/beatpros-mt-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #102744; }

.ggsop-mt-bg {
  background: url(/assets/images/contents/ggsop/ggsop-mt-bg.jpg?v=101421);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #5b1a2b; }

.ggsop-leader-bg {
  background: url(/assets/images/contents/ggsop/ggsop-leader-bg.jpg?v=101421);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #321528; }

.wpt-full-sched-bg {
  background: url(/assets/images/contents/wpt/full-sched-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-main-event-bg {
  background: url(/assets/images/contents/wsop/main-event/wsop-main-event-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-faq-bg {
  background: url(/assets/images/contents/wsop/main-event/wsop-faq-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-bottom-bg {
  background: url(/assets/images/contents/wsop/main-event/money-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-winter-key-bg {
  background: url(/assets/images/contents/wsop/winter/win-key-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-winter-circuit-bg {
  background: url(/assets/images/contents/wsop/winter/wsop-winter-circuit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-broadcast-bg {
  background: url(/assets/images/contents/wsop/winter/wsop-broadcast-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-winter-fullsched-bg {
  background: url(/assets/images/contents/wsop/winter/wsop-winter-fullsched-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #131c2c; }

.wsop-winter-leader-bg {
  background: url(/assets/images/contents/wsop/winter/winter-leader-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #131c2c; }

.slotrace-title-bg {
  background: linear-gradient(rgba(21, 16, 59, 0.7), rgba(21, 16, 59, 0.7)), url(/assets/images/contents/slotrace/slotrace-title-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.slotrace-leader-bg {
  background: linear-gradient(rgba(21, 16, 59, 0.9), rgba(21, 16, 59, 0.9)), url(/assets/images/contents/slotrace/slotrace-leader-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.slotrace-table-bg {
  background: url(/assets/images/contents/slotrace/slotrace-table-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #131c2c; }

/*****8October-BG*****/
.hh-shortdeck-bg {
  background: url(/assets/images/contents/wsop/shortdeck/hh-shortdeck.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #0a0414; }

.hh-holdem-bg {
  background: url(/assets/images/contents/wsop/holdem/hh-holdem.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #253235; }

.hh-omaha-bg {
  background: url(/assets/images/contents/wsop/omaha/hh-omaha.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #122941; }

.media-coverage-bg {
  background: url(/assets/images/contents/wsop/2020/globe.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .media-coverage-bg ul li h2 {
    padding: 23px 0 0; }
    @media (max-width: 480px) {
      .media-coverage-bg ul li h2 {
        padding: 5px 0 0;
        font-size: 17px !important; } }
  .media-coverage-bg ul li h3 {
    padding: 10px 0 0; }
    @media (max-width: 480px) {
      .media-coverage-bg ul li h3 {
        padding: 0px;
        font-size: 15px !important; } }

@media (max-width: 480px) {
  .media-coverage-bg-en h2 {
    line-height: 18px;
    font-size: 15px !important;
    padding: 0; } }
@media (max-width: 480px) {
  .media-coverage-bg-en h3 {
    padding: 0;
    font-size: 14px !important;
    line-height: 18px; } }

.add-info {
  background: linear-gradient(rgba(18, 1, 1, 0.8), rgba(18, 1, 1, 0.8)), url(/assets/images/contents/wsop/city-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
  padding: 4.5% 0; }
  @media (max-width: 1024px) {
    .add-info {
      min-height: initial; } }

.player-series {
  /*background: linear-gradient(rgba(2, 10, 31, 0.8), rgba(1, 4, 18, 0.8)), url(/assets/images/contents/wpt/wpt-bg-2.jpg);*/
  background: linear-gradient(rgba(25, 19, 49, 0.8), rgba(1, 4, 18, 0.8)), url(/assets/images/contents/wpt/wpt-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.leaderboard-apt {
  background: linear-gradient(rgba(29, 2, 3, 0.95), rgba(26, 3, 3, 0.75)), url(/assets/images/contents/apt/apt-leaderboard-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

@media (max-width: 1024px) {
  .leaderboard-date {
    margin: 0;
    font-size: 17px; } }

.series-row {
  padding: 0 25%; }
  @media (max-width: 1024px) {
    .series-row {
      padding: 0; } }

.apt-row {
  padding: 0 18%; }
  @media (max-width: 1024px) {
    .apt-row {
      padding: 0; } }

.series-list, .series-list-custom {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(163, 195, 255, 0.2);
  border-radius: 8px;
  margin-bottom: 5px;
  background-color: rgba(109, 148, 222, 0.05);
  padding: 15px 0; }
  @media (max-width: 768px) {
    .series-list, .series-list-custom {
      padding: 8px 0; } }
  @media (max-width: 768px) {
    .series-list li, .series-list-custom li {
      text-align: center;
      font-size: 17px;
      margin-bottom: 5px; } }
  @media (max-width: 768px) {
    .series-list li p, .series-list-custom li p {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .series-list li p > span, .series-list-custom li p > span {
      font-size: 19px; } }
  .series-list li:last-child, .series-list-custom li:last-child {
    text-align: right; }
    @media (max-width: 768px) {
      .series-list li:last-child, .series-list-custom li:last-child {
        text-align: center; } }

.series-list-custom li:last-child {
  text-align: center !important; }

.yellow-list {
  position: relative;
  border-color: rgba(255, 235, 163, 0.1);
  background-color: rgba(4, 4, 4, 0.17) !important;
  margin-bottom: 30px; }
  @media (max-width: 576px) {
    .yellow-list {
      margin-bottom: 15px; } }
  .yellow-list li:first-child {
    font-size: 66px;
    position: absolute;
    top: -17px;
    left: 5px;
    padding: 0;
    color: #ffb848;
    letter-spacing: -3px;
    font-weight: 800; }
    @media (max-width: 576px) {
      .yellow-list li:first-child {
        font-size: 44px;
        top: -10px; } }
    @media (max-width: 375px) {
      .yellow-list li:first-child {
        font-size: 34px;
        top: 2px; } }
    @media (max-width: 320px) {
      .yellow-list li:first-child {
        font-size: 27px;
        top: 6px; } }
  .yellow-list li:last-child {
    text-align: left;
    padding-left: 24%; }
    @media (max-width: 576px) {
      .yellow-list li:last-child {
        padding-left: 23%; } }
    @media (max-width: 375px) {
      .yellow-list li:last-child {
        padding-left: 22%; } }
    @media (max-width: 320px) {
      .yellow-list li:last-child {
        padding-left: 20%; } }
    @media (max-width: 375px) {
      .yellow-list li:last-child p {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .yellow-list li:last-child p {
        font-size: 12px; } }

.ranking-pts {
  width: 600px;
  margin: 20px auto 30px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 8px; }
  @media (max-width: 1024px) {
    .ranking-pts {
      width: 100%; } }

.apt-pts {
  width: 600px;
  margin: 20px auto 30px;
  border-color: rgba(255, 235, 163, 0.1);
  background-color: rgba(4, 4, 4, 0.17) !important;
  border-radius: 8px; }
  @media (max-width: 1024px) {
    .apt-pts {
      width: 100%; } }

.bullet-list-custom li {
  line-height: 20px; }
  .bullet-list-custom li:before {
    top: 8px; }
.bullet-list-custom li.small-bullet:before {
  width: 5px;
  height: 5px; }

.iframe-section {
  margin: 40px 0 20px; }
  .iframe-section h4 {
    margin-bottom: 30px; }

.tournament-wsop {
  margin-top: 20px;
  padding: 0 20%; }
  @media (max-width: 1024px) {
    .tournament-wsop {
      padding: 0; } }
  .tournament-wsop li {
    display: inline-block; }
    @media (max-width: 1024px) {
      .tournament-wsop li {
        margin-bottom: 10px; } }
    .tournament-wsop li > div {
      border-radius: 5px;
      background: #3d2323;
      min-height: 200px;
      padding: 30px 0; }
      @media (max-width: 480px) {
        .tournament-wsop li > div {
          min-height: initial; } }

.en {
  font-family: Arial; }

.img-margin-tb {
  margin: 3% 0; }

.table-rnc > thead > tr > th {
  background: #987b6b !important; }
.table-rnc > tbody > tr:nth-child(even),
.table-rnc > ul > li:nth-child(even) {
  background-color: #efe7d1 !important; }
.table-rnc tfoot > tr > td {
  background-color: #b18968 !important; }

.table-aof tfoot > tr > td {
  background-color: #952331 !important; }

.table-aof > thead > .aof-green > th {
  background: #195013 !important; }
.table-aof > thead > .aof-green-1 > th {
  background: #338b61 !important; }
.table-aof > thead > .aof-blue > th {
  background: #2c5d83 !important; }
.table-aof > thead > .aof-red > th {
  background: #832c33 !important; }
.table-aof .aof-green-1-tfoot {
  background-color: #338b61 !important; }
.table-aof .aof-blue-1-tfoot {
  background-color: #2c5e83 !important; }
.table-aof tfoot > tr > td {
  background-color: #952331 !important; }
.table-aof > tbody > tr:nth-child(odd),
.table-aof > ul > li:nth-child(odd) {
  background-color: #ece5e5 !important; }
.table-aof > tbody > tr:nth-child(even),
.table-aof > ul > li:nth-child(even) {
  background-color: #e3d8d8 !important; }
.table-aof > tbody > tr:hover {
  background-color: #d8c8c8 !important; }

.table-battleroyale-june {
  background-color: #d0d1cb !important; }
  .table-battleroyale-june > thead > .aof-green > th {
    background: #195013 !important; }
  .table-battleroyale-june > thead > .aof-green-1 > th {
    background: #415d33 !important; }
  .table-battleroyale-june > thead > .aof-blue > th {
    background: #2c5d83 !important; }
  .table-battleroyale-june .aof-green-1-tfoot {
    background-color: #415d33 !important; }
  .table-battleroyale-june .aof-blue-1-tfoot {
    background-color: #415d33 !important; }
  .table-battleroyale-june .aof-red-1-tfoot {
    background-color: #96272d !important; }
  .table-battleroyale-june > thead > .aof-red > th {
    background: #832c33 !important; }
  .table-battleroyale-june tfoot > tr > td {
    background-color: #952331 !important; }
  .table-battleroyale-june > tbody > tr:nth-child(odd),
  .table-battleroyale-june > ul > li:nth-child(odd) {
    background-color: #b3c0a9 !important; }
  .table-battleroyale-june > tbody > tr:nth-child(even),
  .table-battleroyale-june > ul > li:nth-child(even) {
    background-color: #a6b09d !important; }
  .table-battleroyale-june > tbody > tr:hover {
    background-color: #c9d0c3 !important; }

.table-sng-1 > thead > tr > th {
  background: #71593b !important; }

.table-sng {
  border: 1px #dadada solid;
  border-collapse: collapse;
  overflow: hidden;
  table-layout: fixed;
  margin: 0 auto;
  width: 100%;
  color: #000000;
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 10px; }
  .table-sng .title-head > th {
    background-color: #300f03; }
  .table-sng tbody > tr > td, .table-sng tfoot > tr > td {
    text-align: center;
    padding: 10px 5px;
    /*word-break: break-word;*/
    font-size: 14px;
    line-height: normal; }
    @media only screen and (max-width: 480px) {
      .table-sng tbody > tr > td, .table-sng tfoot > tr > td {
        font-size: 11px;
        padding: 5px 5px; } }
  .table-sng > thead > tr > th {
    background: #a68254;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 10px 0;
    word-break: break-word;
    line-height: normal; }
    @media only screen and (max-width: 480px) {
      .table-sng > thead > tr > th {
        font-size: 11px;
        padding: 5px 5px; } }
  .table-sng > tbody > tr:nth-child(odd),
  .table-sng > ul > li:nth-child(odd) {
    background-color: #fff9f0; }
  .table-sng > tbody > tr:nth-child(even),
  .table-sng > ul > li:nth-child(even) {
    background-color: #eee7dc; }
  .table-sng tfoot > tr > td {
    color: #fff;
    background-color: #d2b068;
    font-weight: bold; }

.tbl-fixhead5-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-fixhead5-scroll-pc {
      max-height: 400px; } }

.table-fixhead5 {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0;
  border-collapse: collapse;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  color: #000000; }
  .table-fixhead5 thead, .table-fixhead5 tbody, .table-fixhead5 tr, .table-fixhead5 td, .table-fixhead5 th {
    display: block;
    overflow-x: hidden; }
  .table-fixhead5 tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both; }
  .table-fixhead5 tbody td, .table-fixhead5 thead th {
    float: left; }
    @media (max-width: 360px) {
      .table-fixhead5 tbody td, .table-fixhead5 thead th {
        font-size: 8px; } }
    .table-fixhead5 tbody td:first-child, .table-fixhead5 thead th:first-child {
      width: 16%; }
    .table-fixhead5 tbody td:nth-child(2), .table-fixhead5 thead th:nth-child(2) {
      width: 13%; }
      @media (max-width: 768px) {
        .table-fixhead5 tbody td:nth-child(2), .table-fixhead5 thead th:nth-child(2) {
          width: 15%; } }
    .table-fixhead5 tbody td:nth-child(3), .table-fixhead5 thead th:nth-child(3) {
      width: 40%; }
      @media (max-width: 768px) {
        .table-fixhead5 tbody td:nth-child(3), .table-fixhead5 thead th:nth-child(3) {
          width: 38%; } }
    .table-fixhead5 tbody td:nth-child(4), .table-fixhead5 thead th:nth-child(4) {
      width: 15%; }
    .table-fixhead5 tbody td:nth-child(5), .table-fixhead5 thead th:nth-child(5) {
      width: 16%; }
  .table-fixhead5 > thead > tr > th {
    background: #6d3597;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
    word-break: break-word;
    line-height: normal; }
    @media (max-width: 480px) {
      .table-fixhead5 > thead > tr > th {
        font-size: 11px;
        padding: 5px 5px; } }
    @media (max-width: 414px) {
      .table-fixhead5 > thead > tr > th {
        font-size: 9px; } }
    .table-fixhead5 > thead > tr > th:first-child {
      border-radius: 0; }
    .table-fixhead5 > thead > tr > th:last-child {
      border-radius: 0; }
  .table-fixhead5 tbody > tr:hover {
    background-color: #000309; }
  .table-fixhead5 tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    text-align: center;
    padding: 10px 5px;
    line-height: normal; }
    @media (max-width: 1024px) {
      .table-fixhead5 tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-fixhead5 tbody > tr > td {
        font-size: 9px;
        padding: 5px 5px; } }
  .table-fixhead5 > tbody > tr:nth-child(odd) {
    background-color: #40143e; }
  .table-fixhead5 > tbody > tr:nth-child(even) {
    background-color: #361033; }

tbody.table-fixhead5-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    tbody.table-fixhead5-body {
      padding: 0; } }

/*table Theme*/
.table-sd-theme > thead > tr > th {
  background: #9686a6; }
.table-sd-theme > tbody > tr:nth-child(odd),
.table-sd-theme > ul > li:nth-child(odd) {
  background-color: #f5f2fd; }
.table-sd-theme > tbody > tr:nth-child(even),
.table-sd-theme > ul > li:nth-child(even) {
  background-color: #eeeaf6; }
.table-sd-theme tfoot > tr > td {
  color: #fff;
  background-color: #bba8d0;
  font-weight: bold; }

.table-rnc-theme .title-header > th {
  background: #c89586; }
.table-rnc-theme > thead > tr > th {
  background: #8d675b; }
.table-rnc-theme > tbody > tr:nth-child(odd),
.table-rnc-theme > ul > li:nth-child(odd) {
  background-color: #f4f2f2; }
.table-rnc-theme > tbody > tr:nth-child(even),
.table-rnc-theme > ul > li:nth-child(even) {
  background-color: #efe9e7; }
.table-rnc-theme tfoot > tr > td {
  color: #fff;
  background-color: #c89586;
  font-weight: bold; }
  @media only screen and (max-width: 480px) {
    .table-rnc-theme tfoot > tr > td {
      font-size: 11px;
      padding: 5px 5px; } }

.table-holdem-theme > thead > tr > th {
  background: #609582; }
.table-holdem-theme > tbody > tr:nth-child(odd),
.table-holdem-theme > ul > li:nth-child(odd) {
  background-color: #ebf5ef; }
.table-holdem-theme > tbody > tr:nth-child(even),
.table-holdem-theme > ul > li:nth-child(even) {
  background-color: #e4ebe6; }
.table-holdem-theme tfoot > tr > td {
  color: #fff;
  background-color: #87c09f;
  font-weight: bold; }

.table-omaha-theme > thead > tr > th {
  background: #7a95a8; }
.table-omaha-theme > thead > .omaha-violet > th {
  background: #384086 !important; }
.table-omaha-theme > tbody > tr:nth-child(odd),
.table-omaha-theme > ul > li:nth-child(odd) {
  background-color: #eff5f8; }
.table-omaha-theme > tbody > tr:nth-child(even),
.table-omaha-theme > ul > li:nth-child(even) {
  background-color: #e6ecf1; }
.table-omaha-theme tfoot > tr > td {
  color: #fff;
  background-color: #96bad4;
  font-weight: bold; }
.table-omaha-theme tfoot > .omaha-foot-violet > td {
  background: #384086 !important; }

.table-fb-blk-theme {
  margin-bottom: 10px;
  margin-top: 10px; }
  .table-fb-blk-theme > thead > tr > th {
    background: #000; }
  .table-fb-blk-theme > tbody > tr:nth-child(odd),
  .table-fb-blk-theme > ul > li:nth-child(odd) {
    background-color: #f1f1f1; }
  .table-fb-blk-theme > tbody > tr:nth-child(even),
  .table-fb-blk-theme > ul > li:nth-child(even) {
    background-color: #e6e6e6; }
  .table-fb-blk-theme tfoot > tr > td {
    color: #fff;
    background-color: #96bad4;
    font-weight: bold; }

.table-flipgo-theme {
  border: none; }
  .table-flipgo-theme > thead > tr > th {
    background: #944b4b; }
  .table-flipgo-theme > tbody > tr:nth-child(odd),
  .table-flipgo-theme > ul > li:nth-child(odd) {
    background-color: #e3d6cc; }
  .table-flipgo-theme > tbody > tr:nth-child(even),
  .table-flipgo-theme > ul > li:nth-child(even) {
    background-color: #dbc7b8; }
  .table-flipgo-theme tfoot > tr > td {
    color: #fff;
    background-color: #b8836c;
    font-weight: bold; }

.table-wsop {
  table-layout: auto;
  border: 1px #000000 solid;
  background-color: rgba(7, 7, 7, 0.41); }
  .table-wsop > thead > tr > th {
    background: #2a2a45 !important; }
  .table-wsop tbody > tr > td {
    color: #c1c1c1;
    font-size: 13px; }
    .table-wsop tbody > tr > td:first-child {
      width: 12%; }
      @media (max-width: 480px) {
        .table-wsop tbody > tr > td:first-child {
          width: 15%; } }
    @media (max-width: 480px) {
      .table-wsop tbody > tr > td:nth-child(2) {
        width: 14%; } }
    @media (max-width: 480px) {
      .table-wsop tbody > tr > td:nth-child(3) {
        width: 36%; } }
    .table-wsop tbody > tr > td:nth-child(4) {
      text-align: right;
      width: 12%; }
  .table-wsop .font-bold {
    color: #fff !important; }
  .table-wsop > tbody > tr:nth-child(odd),
  .table-wsop > ul > li:nth-child(odd) {
    background-color: #070707 !important; }
  .table-wsop > tbody > tr:nth-child(even),
  .table-wsop > ul > li:nth-child(even) {
    background-color: #121212 !important; }

.table-silkroad {
  table-layout: auto;
  border: 1px #000000 solid;
  background-color: #e4e4e4;
    /*.font-bold {
    color: #fff !important;
}*/ }
  .table-silkroad > thead > tr > th {
    background: #503F29 !important;
    border-right: 1px solid #e6e6e6; }
  .table-silkroad tbody > tr > td {
    color: #434343;
    font-size: 13px;
    border-right: 1px solid #e6e6e6; }
    .table-silkroad tbody > tr > td:first-child {
      width: 12%; }
      @media (max-width: 480px) {
        .table-silkroad tbody > tr > td:first-child {
          width: 15%; } }
    @media (max-width: 480px) {
      .table-silkroad tbody > tr > td:nth-child(2) {
        width: 14%; } }
    @media (max-width: 480px) {
      .table-silkroad tbody > tr > td:nth-child(3) {
        width: 36%; } }
    .table-silkroad tbody > tr > td:nth-child(4) {
      width: 12%; }
  .table-silkroad > tbody > tr:nth-child(odd),
  .table-silkroad > ul > li:nth-child(odd) {
    background-color: #F5F5F3 !important; }
  .table-silkroad > tbody > tr:nth-child(even),
  .table-silkroad > ul > li:nth-child(even) {
    background-color: #eaeaea !important; }

.aof-760 {
  width: 760px !important; }
  @media only screen and (max-width: 480px) {
    .aof-760 {
      width: 100% !important; } }

.table-aof-bingo {
  table-layout: auto !important;
  border-radius: 10px; }
  .table-aof-bingo tbody > tr td {
    font-size: 15px;
    color: #000; }
  .table-aof-bingo tbody > tr > :first-child {
    width: 40%; }
  .table-aof-bingo tbody > tr > :last-child {
    width: 60%; }

@media only screen and (max-width: 480px) {
  .aof-list-responsive {
    text-align: left; }
    .aof-list-responsive ul {
      padding: 0; } }

.form-center {
  padding: 0 35%; }

@media (max-width: 768px) {
  .form-full {
    padding: 0; } }

.drop-control {
  border-radius: 6px;
  width: 100%;
  padding: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.08);
  background-color: white;
  color: #000000;
  border-style: solid;
  border-color: #e8e8e8;
  cursor: pointer;
  position: relative;
  display: block; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icon-dropdown.png) no-repeat 95%;
  cursor: pointer;
  color: #000; }

.arrow-fish {
  position: absolute;
  top: 32%;
  right: -28px;
  width: unset !important;
  height: 55px; }
  @media (max-width: 768px) {
    .arrow-fish {
      position: absolute;
      top: 32%;
      right: -18px;
      height: 40px; } }
  @media (max-width: 480px) {
    .arrow-fish {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 46%;
      top: unset;
      bottom: -20%; } }

.leaderboard {
  padding: 0 16%; }

.mm-special-list {
  margin: 0 auto 20px; }
  @media (max-width: 480px) {
    .mm-special-list {
      margin: 0 auto 0px; } }

.mm-relative {
  position: relative; }

.mm-absolute {
  position: absolute;
  z-index: 1; }

.mm-lineup > li {
  padding-left: 0;
  padding-right: 0; }
  @media (max-width: 480px) {
    .mm-lineup > li {
      margin-bottom: 10px; } }
  .mm-lineup > li > div {
    background-color: rgba(0, 0, 0, 0.2);
    width: 95%;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #aa7d2b, 0 1px 1px 1px #ede46f, 0 -1px 1px 1px #ffff80, 1px 0px 1px 1px #aa7d2b;
    -webkit-box-shadow: 0 0 0 1px #aa7d2b, 0 1px 1px 1px #ede46f, 0 -1px 1px 1px #ffff80, 1px 0px 1px 1px #aa7d2b;
    -moz-box-shadow: 0 0 0 1px #aa7d2b, 0 1px 1px 1px #ede46f, 0 -1px 1px 1px #ffff80, 1px 0px 1px 1px #aa7d2b;
    min-height: 410px; }
    .mm-lineup > li > div > img {
      /*height: 115px;*/
      border-radius: 10px 10px 0 0; }
    .mm-lineup > li > div .mm-desc {
      padding-bottom: 15px;
      padding-left: 10px;
      padding-right: 10px; }

.mil-zoc-height {
  min-height: 253px !important;
  width: 98% !important; }

.gg-ppl-logo {
  position: absolute;
  top: 28%;
  left: 30px; }
  @media (max-width: 768px) {
    .gg-ppl-logo {
      position: static; } }
  .gg-ppl-logo > a {
    width: 80% !important;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 8px 3px;
    border: 1px solid #1544af;
    margin-top: 20px;
    width: 80%;
    color: #fff;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.6);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.6);
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #060c22 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #060c22 100%);
    background: linear-gradient(to right, #000000 0%, #060c22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#060c22',GradientType=1 ); }
    @media (max-width: 768px) {
      .gg-ppl-logo > a {
        width: 40% !important; } }
    @media (max-width: 480px) {
      .gg-ppl-logo > a {
        width: 45% !important;
        font-size: 16px;
        margin-top: 10px; } }
    .gg-ppl-logo > a:hover {
      opacity: 0.8; }

@media (max-width: 600px) {
  .hr-lineup li {
    width: 100% !important; } }

.hr-lineup > li > div {
  border: none;
  background-color: transparent;
  /*background: url(../images/contents/highrollers/txtbox.png) no-repeat 95%;*/ }
  @media (max-width: 600px) {
    .hr-lineup > li > div > img {
      width: 80%;
      margin: 0 auto;
      display: block; } }
  @media (max-width: 480px) {
    .hr-lineup > li > div > img {
      width: 100%; } }

.hr-desc {
  position: absolute;
  text-align: center;
  width: 70%;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding-bottom: 0; }
  @media (max-width: 600px) {
    .hr-desc {
      width: 40%; } }
  @media (max-width: 480px) {
    .hr-desc {
      width: 65%; } }
  .hr-desc h3 {
    font-size: 22px; }
    @media (max-width: 768px) {
      .hr-desc h3 {
        font-size: 19px; } }
    @media (max-width: 375px) {
      .hr-desc h3 {
        font-size: 18px; } }
    @media (max-width: 320px) {
      .hr-desc h3 {
        font-size: 16px; } }
  .hr-desc h4 {
    font-size: 20px; }
    @media (max-width: 768px) {
      .hr-desc h4 {
        font-size: 15px; } }
    @media (max-width: 375px) {
      .hr-desc h4 {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .hr-desc h4 {
        font-size: 12px; } }
  @media (max-width: 768px) {
    .hr-desc p {
      font-size: 14px !important;
      line-height: 25px !important; } }
  @media (max-width: 375px) {
    .hr-desc p {
      font-size: 12px !important; } }
  @media (max-width: 320px) {
    .hr-desc p {
      line-height: 18px !important; } }

.leaderboard-prize li img {
  object-fit: cover; }
  @media (max-width: 480px) {
    .leaderboard-prize li img {
      width: 90%;
      padding-bottom: 5px; } }
.leaderboard-prize li h4 {
  line-height: 30px;
  font-size: 20px; }
  @media (max-width: 480px) {
    .leaderboard-prize li h4 {
      font-size: 16px; } }
.leaderboard-prize li p {
  line-height: 20px; }
  @media (max-width: 480px) {
    .leaderboard-prize li p {
      font-size: 12px; } }

.leaderboard-prize-en {
  padding: 0 18%; }
  @media (max-width: 480px) {
    .leaderboard-prize-en {
      padding: 0; } }
  @media (max-width: 480px) {
    .leaderboard-prize-en li img {
      width: 70%;
      padding-bottom: 5px; } }
  .leaderboard-prize-en li h4 {
    line-height: 30px;
    font-size: 20px; }
    @media (max-width: 480px) {
      .leaderboard-prize-en li h4 {
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 5px; } }
  .leaderboard-prize-en li p {
    line-height: 20px; }
    @media (max-width: 480px) {
      .leaderboard-prize-en li p {
        font-size: 12px; } }

.leaderboard-prize-pad {
  padding: 0 18%; }
  @media (max-width: 480px) {
    .leaderboard-prize-pad {
      padding: 0 8%; } }

.rnk {
  padding-left: 14%; }

.rnk-custom {
  padding-left: 3%; }

/* dummytable*/
.dummy-table-space {
  height: 100vh;
  width: 100%; }

/* 5m-giveaway*/
.bg-giveaway {
  background: url(/assets/images/contents/wsop/5m-giveaway/1.png?v=070420) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.bg-shortdeck {
  background: url(/assets/images/contents/wsop/shortdeck/shortdeck-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.bg-rnc {
  background: url(/assets/images/contents/rnc/rnc-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.row-img li {
  position: relative; }
  .row-img li a p {
    color: #fff;
    position: absolute;
    font-size: 30px;
    letter-spacing: 3px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    bottom: 45px; }

.custom-shadow {
  text-shadow: rgba(10, 189, 240, 0.298039) 3px 3px 0px, rgba(254, 1, 1, 0.298039) -3px -3px 0px; }

/* Daily spin gold */
.bg-txt {
  background: url(/assets/images/contents/wsop/daily-spin-gold/bgtxt.png) no-repeat;
  background-size: cover;
  background-position: center; }

.bg-wsop-blue {
  background: url(/assets/images/contents/wsop/daily-spin-gold/blue.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.p-bg-white {
  padding: 0 25%; }
  @media (max-width: 480px) {
    .p-bg-white {
      padding: 0; } }

.p-bg-white-15 {
  padding: 0px 15%; }
  @media (max-width: 480px) {
    .p-bg-white-15 {
      padding: 0; } }

.bg-spin-iframe {
  background: linear-gradient(rgba(20, 21, 52, 0.8), rgba(12, 10, 51, 0.7)), url(/assets/images/contents/wsop/daily-spin-gold/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.bg-spin-iframe-2 {
  background: linear-gradient(rgba(20, 21, 52, 0.8), rgba(12, 10, 51, 0.7)), url(/assets/images/contents/wsop/daily-rnc/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

.tbl-pad {
  padding: 0 18%; }
  @media (max-width: 480px) {
    .tbl-pad {
      padding: 0; } }

/* RNC */
.bg-txt-rnc {
  background: url(/assets/images/contents/wsop/daily-rnc/bgtxt.png) no-repeat;
  background-size: cover;
  background-position: center; }

/*Fish-Buffet-Read More*/
.fish-read {
  cursor: pointer; }

.fish-answer {
  display: none; }

/*WSOPME-Read More*/
.wsopfaq-read {
  cursor: pointer; }

.wsopfaq-answer {
  display: none; }

.wsopfaq-active {
  display: block; }

.min-h-1080 {
  min-height: 1080px; }

@media (max-width: 480px) {
  .fb-font h3 {
    font-size: 18px !important; } }

.ocean-big-bg {
  background: url(/assets/images/contents/fishbuffet/v2/ocean-big-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f;
  background-attachment: fixed; }

.ocean-small-bg {
  background: url(/assets/images/contents/fishbuffet/v2/ocean-small-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.fish-rank-bg {
  background: url(/assets/images/contents/fishbuffet/v2/fish-rank-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.fish-mainbanner-bg {
  background: linear-gradient(rgba(0, 82, 130, 0.8), rgba(0, 89, 152, 0.5)), url(/assets/images/contents/fishbuffet/v2/main-banner-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.text-shadow-darkblue {
  text-shadow: 0px 2px 2px #020a1d, 0px 2px 14px #01071f, 0px 0px 14px #01071f; }

.text-shadow-black {
  text-shadow: 0px 4px 3px #051121, 0px 4px 3px #051121; }

.text-shadow-black-opaque {
  text-shadow: 0px 5px 0px rgba(0, 0, 0, 0.3); }

.text-shadow-black-opaque-blur {
  text-shadow: 0px 7px 6px rgba(0, 0, 0, 0.56); }

.text-shadow-multi {
  text-shadow: rgba(10, 189, 240, 0.3) 3px 3px 0px, rgba(254, 1, 1, 0.3) -3px -3px 0px; }

.text-shadow-multi2 {
  text-shadow: #002b42 3px 3px 0px, #a42177 -3px -3px 0px; }
  @media (max-width: 480px) {
    .text-shadow-multi2 {
      text-shadow: #002b42 2px 2px 0px, #a42177 -2px -2px 0px; } }

.text-glow {
  text-shadow: 0px 1px 1px #7f3203, 1px 1px 11px #ffc500, 1px 2px 11px #ff0000, 3px 3px 7px #371500; }

.text-glow2 {
  text-shadow: 0px 1px 1px #19aaff, 1px 1px 11px #a7efff, 1px 2px 11px #0815b5, 3px 3px 7px #1744a9; }

.text-glow3 {
  text-shadow: 0px 1px 1px #ffcc43, 0px 0px 1px #020202, 1px 2px 11px #ffcc43, 3px 3px 7px #ffcc43; }

.text-glow4 {
  text-shadow: 1px 1px 11px #fee798, 1px 2px 11px #000000, 3px 3px 7px #371500; }

.text-shadow-none {
  text-shadow: none; }

.text-shadow-yellow-white {
  text-shadow: #e6cd89 0px 0px 3px, #ffffff 0px 0px 6px; }

/*Multimillion Table*/
#theTable > tbody {
  font: normal normal bold 15px/18px roboto-thin,roboto,sans-serif; }

.text-shadow-thin {
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px, rgba(0, 0, 0, 0.5) 0px -2px 0px, rgba(0, 0, 0, 0.5) 1px 1px 0px, rgba(0, 0, 0, 0.5) 1px -1px 0px; }

.text-shadow-thin-2 {
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px, rgba(0, 0, 0, 0.5) 0px -2px 0px, rgba(0, 0, 0, 0.5) 1px 1px 0px, rgba(0, 0, 0, 0.5) 1px -1px 0px; }

.text-shadow-thin-3 {
  text-shadow: rgba(0, 0, 0, 0.4) -1px -1px 5px, rgba(0, 0, 0, 0.4) 0px -2px 4px, rgba(0, 0, 0, 0.4) 1px 1px 5px; }

.text-shadow-stroke {
  text-shadow: -1px -1px 0 #a57c51, 1px -1px 0 #a57c51, -1px 1px 0 #a57c51, 1px 1px 0 #a57c51, 0px 4px 4px #000; }

.text-shadow-stroke-black {
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000, 0px 4px 4px #000; }

.text-shadow-stroke2 {
  text-shadow: 0px 2px 1px #dcdcdc, 1px 1px 4px #ffffff, -1px -2px 2px #727272; }

#theTable > thead {
  font: normal normal normal 16px/20px roboto-bold,roboto,sans-serif; }

#theTable > thead > tr > th {
  color: #e1d1be;
  background-color: #261108;
  background-image: none;
  vertical-align: top;
  border-left: 3px solid #190e09;
  border-right: 3px solid #190e09;
  border-top: 3px solid #190e09;
  border-bottom: 1px solid #190e09; }

#theTable > tbody > tr {
  color: #f6f5f4; }

.footable-row-detail-name {
  color: #e1d1be;
  background-color: #261108;
  border: 1px solid #190e09;
  font: normal normal normal 16px/20px roboto-bold,roboto,sans-serif;
  /* to hide the inside headers in the mobile expand view
              display:none;
              */ }

body {
  border-color: #3C2217; }

#theTable.isInnerColor {
  border-top-color: #190e09;
  border-bottom-color: #190e09; }

#theTable.isInnerColor {
  border-right: none;
  border-left: none; }

.footable-row-detail-value {
  border: 1px solid #190e09;
  font: normal normal bold 15px/18px roboto-thin,roboto,sans-serif; }

.footable-sort-indicator {
  font: normal normal bold 15px/18px roboto-thin,roboto,sans-serif; }

tr.footableOdd + tr.footable-row-detail > td > div > table > tbody > tr > td.footable-row-detail-value {
  background-color: #331509; }

tr.footableEven + tr.footable-row-detail > td > div > table > tbody > tr > td.footable-row-detail-value {
  background-color: #422012; }

.footableOdd {
  background-color: #331509; }

.footableEven {
  background-color: #422012; }

.footable > tbody > tr:hover {
  background-color: #351607; }

.footable,
.footable > thead > tr > th,
.footable > tbody > tr > td {
  border-color: #190e09;
  border-left-color: #190e09;
  border-left-style: solid;
  border-top-style: solid;
  padding: 7px;
  text-align: left;
  border-left: 3px solid #190e09;
  border-right: 3px solid #190e09;
  border-bottom: 1px solid #190e09;
  vertical-align: middle;
  text-align: center;
  line-height: 1.5em; }
  @media (max-width: 480px) {
    .footable,
    .footable > thead > tr > th,
    .footable > tbody > tr > td {
      font-size: 11px; } }

.footable .pagination > ul > li > a {
  border-color: #190e09; }

.filter > thead > tr > th,
.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E6E6));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #E8E6E6);
  background-image: -moz-linear-gradient(top, #FFFFFF, #E8E6E6);
  background-image: -ms-linear-gradient(top, #FFFFFF, #E8E6E6);
  background-image: -o-linear-gradient(top, #FFFFFF, #E8E6E6);
  background-image: linear-gradient(to bottom, #FFFFFF, #E8E6E6); }

.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: #E8E6E6; }

.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E6E6), to(#FFFFFF));
  background-image: -webkit-linear-gradient(top, #E8E6E6, #FFFFFF);
  background-image: -moz-linear-gradient(top, #E8E6E6, #FFFFFF);
  background-image: -ms-linear-gradient(top, #E8E6E6, #FFFFFF);
  background-image: -o-linear-gradient(top, #E8E6E6, #FFFFFF);
  background-image: linear-gradient(to bottom, #E8E6E6, #FFFFFF); }

.footable .pagination > ul > .disabled > span,
.footable .pagination > ul > .disabled > a,
.footable .pagination > ul > .disabled > a:hover,
.footable .pagination > ul > .disabled > a:focus {
  background-color: #FFFFFF; }

.footable .pagination > ul > li > a:hover,
.footable .pagination > ul > li > a:focus,
.footable .pagination > ul > .active > a,
.footable .pagination > ul > .active > span {
  background-color: #C7C7C7; }

.preview, .error {
  display: none;
  background-color: white; }

.option {
  width: 120px; }

.searchBox {
  width: 147px;
  height: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  /*#e1d1be;*/
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  margin-top: 1px;
  outline: 0;
  border: 0;
  padding: 0 6px;
  font-size: 12px; }

::-webkit-input-placeholder {
  color: #000;
  /*#e1d1be;*/
  opacity: 0.5; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 0.5; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 0.5; }

:-ms-input-placeholder {
  color: #000;
  opacity: 0.5; }

/*       .filter{
                border-collapse: separate;
                border-spacing: 0;
                border-width: 1px 1px 0 1px;
                border-style: solid;
                color: #444444;
                background: #ffffff;
                margin :0;
            }
    */
#tableWrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #190e09; }

#tableWrapper::-webkit-scrollbar-track {
  background-color: #331509; }

#tableWrapper::-webkit-scrollbar-corner {
  background-color: #422012; }

#tableWrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #422012;
  border: solid 1px #331509; }

/*
            #tableWrapper::-webkit-scrollbar-thumb:horizontal{border-color:#190e09}
    */
#tableWrapper::-webkit-scrollbar-thumb:hover {
  background-color: #351607; }

.margin-l28 {
  margin-left: 28.333333%; }
  @media (max-width: 480px) {
    .margin-l28 {
      margin-left: 0; } }

/*****Beat Pros*****/
.txt-opc-bg {
  background: url(/assets/images/contents/beatpros/txt-opc-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.beatp-pos-absolute {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 40px;
  left: 0;
  z-index: 2; }
  @media (max-width: 480px) {
    .beatp-pos-absolute {
      bottom: 63px; } }
  @media (max-width: 425px) {
    .beatp-pos-absolute {
      bottom: 48px; } }
  @media (max-width: 375px) {
    .beatp-pos-absolute {
      bottom: 35px; }
      .beatp-pos-absolute h2 {
        font-size: 20px !important; }
      .beatp-pos-absolute h3 {
        font-size: 18px !important; } }
  @media (max-width: 329px) {
    .beatp-pos-absolute {
      bottom: 25px; }
      .beatp-pos-absolute h2 {
        font-size: 20px !important; }
      .beatp-pos-absolute h3 {
        font-size: 18px !important; } }

/* ======== GGSOP TABLE ======== */
.tbl-body {
  border-radius: 6px;
  border: 1px solid #140107;
  background-color: transparent; }

.table-ggsop {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 6px;
  margin-bottom: 0; }
  .table-ggsop > thead > tr > th {
    background: #503260 !important;
    border-right: 1px solid #280625;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-ggsop > thead > tr > th {
        font-size: 9px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 360px) {
      .table-ggsop > thead > tr > th {
        padding-left: 2px;
        padding-right: 2px; } }
    .table-ggsop > thead > tr > th:first-child {
      border-radius: 6px 0px 0px; }
    .table-ggsop > thead > tr > th:last-child {
      border-radius: 0px 6px 0px 0px; }
  .table-ggsop tbody > tr:hover {
    background-color: #3d213b !important; }
  .table-ggsop tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #280625;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
            /*&:nth-child(3) {
				width: 11%;
			}*/ }
    @media (max-width: 1024px) {
      .table-ggsop tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-ggsop tbody > tr > td {
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px; } }
    .table-ggsop tbody > tr > td:first-child {
      width: 10%; }
      @media (max-width: 768px) {
        .table-ggsop tbody > tr > td:first-child {
          width: 12%; } }
      @media (max-width: 480px) {
        .table-ggsop tbody > tr > td:first-child {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-ggsop tbody > tr > td:first-child {
          width: 14%; } }
    .table-ggsop tbody > tr > td:nth-child(2) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-ggsop tbody > tr > td:nth-child(2) {
          width: 11%; } }
      @media (max-width: 768px) {
        .table-ggsop tbody > tr > td:nth-child(2) {
          width: 14%; } }
      @media (max-width: 480px) {
        .table-ggsop tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-ggsop tbody > tr > td:nth-child(2) {
          width: 14%; } }
    .table-ggsop tbody > tr > td:nth-child(3) {
      width: 50%; }
      @media (max-width: 1024px) {
        .table-ggsop tbody > tr > td:nth-child(3) {
          width: 44%; } }
      @media (max-width: 768px) {
        .table-ggsop tbody > tr > td:nth-child(3) {
          width: 35%; } }
    .table-ggsop tbody > tr > td:nth-child(4) {
      width: 7%; }
      @media (max-width: 768px) {
        .table-ggsop tbody > tr > td:nth-child(4) {
          width: 10%; } }
    .table-ggsop tbody > tr > td:last-child {
      width: 15%; }
  .table-ggsop > tbody > tr:nth-child(odd) {
    background-color: #220721; }
  .table-ggsop > tbody > tr:nth-child(even) {
    background-color: #321630; }

.table-ggsop-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #280625; }

.table-ggsop-wrapper::-webkit-scrollbar-corner {
  background-color: #321630; }

.table-ggsop-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #42213f;
  border: solid 1px #220721; }

.table-ggsop-wrapper::-webkit-scrollbar-track {
  background-color: #220721; }

/* ======== wpt-online TABLE ======== */
.tbl-body-wpt {
  border: 1px solid #190e3e !important; }

.table-wpt-online {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 6px;
  margin-bottom: 0; }
  .table-wpt-online > thead > tr > th {
    background: #38426d !important;
    border-right: 1px solid #190e3e;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-wpt-online > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 8px; } }
    .table-wpt-online > thead > tr > th:first-child {
      border-radius: 6px 0px 0px; }
    .table-wpt-online > thead > tr > th:last-child {
      border-radius: 0px 6px 0px 0px; }
  .table-wpt-online tbody > tr:hover {
    background-color: #14193c !important; }
  .table-wpt-online tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #190e3e;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    /*&:nth-child(3) {
    	width: 11%;
    }*/ }
    @media (max-width: 1024px) {
      .table-wpt-online tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wpt-online tbody > tr > td {
        font-size: 9px; } }
    .table-wpt-online tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 375px) {
        .table-wpt-online tbody > tr > td:first-child {
          width: 14%; } }
    .table-wpt-online tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(2) {
          width: 19%; } }
      @media (max-width: 375px) {
        .table-wpt-online tbody > tr > td:nth-child(2) {
          width: 32%; } }
    .table-wpt-online tbody > tr > td:nth-child(3) {
      width: 8%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(3) {
          width: 7%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(3) {
          width: 33%; } }
    .table-wpt-online tbody > tr > td:nth-child(4) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(4) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(4) {
          width: 75%; } }
    .table-wpt-online tbody > tr > td:nth-child(5) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-wpt-online tbody > tr > td:nth-child(6) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(6) {
          width: 4%; } }
    .table-wpt-online tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:last-child {
          width: 0; } }
  .table-wpt-online > tbody > tr:nth-child(odd) {
    background-color: #2c3354; }
  .table-wpt-online > tbody > tr:nth-child(even) {
    background-color: #141834; }

.table-wpt-online-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #280625; }

.table-wpt-online-wrapper::-webkit-scrollbar-corner {
  background-color: #2c3354; }

.table-wpt-online-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #212858;
  border: solid 1px #190e3e; }

/* ======== WSOP MAIN EVENT TABLE ======== */
.tbl-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-scroll-pc {
      max-height: 400px; } }

.tbl-body-wpt {
  border: 1px solid #190e3e !important; }

.table-wsop-main-event {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 0;
  margin-bottom: 0; }
  .table-wsop-main-event > thead > tr > th {
    background: #433d6c !important;
    border-right: 1px solid #000000 !important;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-wsop-main-event > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    .table-wsop-main-event > thead > tr > th:first-child {
      border-radius: 0; }
    .table-wsop-main-event > thead > tr > th:last-child {
      border-radius: 0; }
  .table-wsop-main-event tbody > tr:hover {
    background-color: #2f323c !important; }
  .table-wsop-main-event tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 1024px) {
      .table-wsop-main-event tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wsop-main-event tbody > tr > td {
        font-size: 9px; } }
    .table-wsop-main-event tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-wsop-main-event tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-wsop-main-event tbody > tr > td:first-child {
          width: 18%; } }
      @media (max-width: 375px) {
        .table-wsop-main-event tbody > tr > td:first-child {
          width: 20%; } }
      @media (max-width: 320px) {
        .table-wsop-main-event tbody > tr > td:first-child {
          width: 16%; } }
    .table-wsop-main-event tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-wsop-main-event tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-wsop-main-event tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-wsop-main-event tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-wsop-main-event tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-wsop-main-event tbody > tr > td:nth-child(3) {
          width: 75%; } }
    .table-wsop-main-event tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-wsop-main-event tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-wsop-main-event tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-wsop-main-event tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-wsop-main-event tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-wsop-main-event tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-wsop-main-event tbody > tr > td:last-child {
          width: 0; } }
  .table-wsop-main-event > tbody > tr:nth-child(odd) {
    background-color: #24283c; }
  .table-wsop-main-event > tbody > tr:nth-child(even) {
    background-color: #2b2e45; }

/* ======== wpt-online TABLE ======== */
.table-wpt-online {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 6px;
  margin-bottom: 0; }
  .table-wpt-online > thead > tr > th {
    background: #38426d !important;
    border-right: 1px solid #190e3e;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-wpt-online > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    .table-wpt-online > thead > tr > th:first-child {
      border-radius: 6px 0px 0px; }
    .table-wpt-online > thead > tr > th:last-child {
      border-radius: 0px 6px 0px 0px; }
  .table-wpt-online tbody > tr:hover {
    background-color: #14193c !important; }
  .table-wpt-online tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #190e3e;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
                /*&:nth-child(3) {
				width: 11%;
			}*/ }
    @media (max-width: 1024px) {
      .table-wpt-online tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wpt-online tbody > tr > td {
        font-size: 9px; } }
    .table-wpt-online tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 375px) {
        .table-wpt-online tbody > tr > td:first-child {
          width: 14%; } }
    .table-wpt-online tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(2) {
          width: 19%; } }
      @media (max-width: 375px) {
        .table-wpt-online tbody > tr > td:nth-child(2) {
          width: 32%; } }
    .table-wpt-online tbody > tr > td:nth-child(3) {
      width: 8%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(3) {
          width: 7%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(3) {
          width: 33%; } }
    .table-wpt-online tbody > tr > td:nth-child(4) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(4) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:nth-child(4) {
          width: 75%; } }
    .table-wpt-online tbody > tr > td:nth-child(5) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-wpt-online tbody > tr > td:nth-child(6) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:nth-child(6) {
          width: 4%; } }
    .table-wpt-online tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-wpt-online tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-wpt-online tbody > tr > td:last-child {
          width: 0; } }
  .table-wpt-online > tbody > tr:nth-child(odd) {
    background-color: #2c3354; }
  .table-wpt-online > tbody > tr:nth-child(even) {
    background-color: #141834; }

/* ======== HIGH ROLLERS TABLE ======== */
.table-hr {
  background-color: transparent; }
  .table-hr > thead > tr > th {
    background: #703e13 !important;
    border-right: none; }
    .table-hr > thead > tr > th:last-child {
      text-align: center; }
  .table-hr tbody > tr:hover {
    background-color: none !important; }
  .table-hr tbody > tr > td {
    color: #FFF2DB;
    border-right: none;
    font-size: 17px; }
    @media (max-width: 1024px) {
      .table-hr tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-hr tbody > tr > td {
        font-size: 9px; } }
    .table-hr tbody > tr > td:first-child {
      width: 2%; }
      @media (max-width: 1024px) {
        .table-hr tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 375px) {
        .table-hr tbody > tr > td:first-child {
          width: 14%; } }
    .table-hr tbody > tr > td:nth-child(2) {
      width: 2%; }
      @media (max-width: 480px) {
        .table-hr tbody > tr > td:nth-child(2) {
          width: 19%; } }
      @media (max-width: 375px) {
        .table-hr tbody > tr > td:nth-child(2) {
          width: 32%; } }
    .table-hr tbody > tr > td:nth-child(3) {
      width: 27%; }
      @media (max-width: 1024px) {
        .table-hr tbody > tr > td:nth-child(3) {
          width: 7%; } }
      @media (max-width: 480px) {
        .table-hr tbody > tr > td:nth-child(3) {
          width: 33%; } }
    .table-hr tbody > tr > td:last-child {
      width: 8%;
      text-align: center; }
      @media (max-width: 1024px) {
        .table-hr tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-hr tbody > tr > td:last-child {
          width: 0; } }
  .table-hr > tbody > tr:nth-child(odd) {
    background-color: rgba(87, 53, 25, 0.8) !important; }
  .table-hr > tbody > tr:nth-child(even) {
    background-color: rgba(87, 53, 25, 0.8) !important; }

/* ======== MALTA TABLE ======== */
.tbl-body-malta {
  border: none !important; }

.table-malta > thead > tr > th {
  background: #7e1e14 !important;
  border-right: 1px solid #180904;
  text-align: center; }
.table-malta tbody > tr:hover {
  background-color: #250101 !important; }
.table-malta tbody > tr > td {
  color: #eeeeee;
  border-right: 1px solid #180904;
  text-align: center; }
  @media (max-width: 1024px) {
    .table-malta tbody > tr > td {
      font-size: 12px;
      padding-left: 5px;
      padding-right: 5px; } }
  @media (max-width: 480px) {
    .table-malta tbody > tr > td {
      font-size: 9px; } }
  .table-malta tbody > tr > td:first-child {
    width: 7%; }
    @media (max-width: 1024px) {
      .table-malta tbody > tr > td:first-child {
        width: 5%; } }
    @media (max-width: 600px) {
      .table-malta tbody > tr > td:first-child {
        width: 8%; } }
    @media (max-width: 480px) {
      .table-malta tbody > tr > td:first-child {
        width: 19%; } }
    @media (max-width: 375px) {
      .table-malta tbody > tr > td:first-child {
        width: 21%; } }
    @media (max-width: 320px) {
      .table-malta tbody > tr > td:first-child {
        width: 30%; } }
  .table-malta tbody > tr > td:nth-child(2) {
    width: 7%; }
    @media (max-width: 600px) {
      .table-malta tbody > tr > td:nth-child(2) {
        width: 10%; } }
    @media (max-width: 480px) {
      .table-malta tbody > tr > td:nth-child(2) {
        width: 18%; } }
    @media (max-width: 375px) {
      .table-malta tbody > tr > td:nth-child(2) {
        width: 19%; } }
    @media (max-width: 320px) {
      .table-malta tbody > tr > td:nth-child(2) {
        width: 20%; } }
  .table-malta tbody > tr > td:nth-child(3) {
    width: 36%; }
    @media (max-width: 1024px) {
      .table-malta tbody > tr > td:nth-child(3) {
        width: 26%; } }
    @media (max-width: 480px) {
      .table-malta tbody > tr > td:nth-child(3) {
        width: 75%; } }
  .table-malta tbody > tr > td:nth-child(4) {
    width: 4%; }
    @media (max-width: 1024px) {
      .table-malta tbody > tr > td:nth-child(4) {
        width: 4%; } }
  .table-malta tbody > tr > td:last-child {
    width: 5%; }
    @media (max-width: 1024px) {
      .table-malta tbody > tr > td:last-child {
        width: 5%; } }
    @media (max-width: 480px) {
      .table-malta tbody > tr > td:last-child {
        width: 0; } }
.table-malta > tbody > tr:nth-child(odd) {
  background-color: #410404; }
.table-malta > tbody > tr:nth-child(even) {
  background-color: #280202; }

.table-malta-wrapper::-webkit-scrollbar-thumb {
  background-color: #a21313;
  border: solid 1px #a21313; }

.table-malta-wrapper::-webkit-scrollbar-track {
  background-color: #410404 !important; }

@media (max-width: 768px) {
  .tbl-scroll {
    overflow: auto;
    max-height: 400px; } }

@media (max-width: 480px) {
  .oct-giv-img li {
    padding-bottom: 10px; } }
@media (max-width: 480px) {
  .oct-giv-img li a img {
    border-radius: 10px; } }

.search-btn-section {
  margin: 25px 18% 0; }
  @media (max-width: 768px) {
    .search-btn-section {
      margin: 20px 0 0; } }
  .search-btn-section .btn-red {
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    line-height: initial !important; }
    @media (max-width: 768px) {
      .search-btn-section .btn-red {
        font-size: 14px; } }
    @media (max-width: 320px) {
      .search-btn-section .btn-red {
        font-size: 13px; } }
    .search-btn-section .btn-red:focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

/*Battle of malta*/
.bom-map-container {
  background: url(/assets/images/contents/wpt/battle-malta/bom-clashmap-bg.jpg?v=110120);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }
  @media (max-width: 1024px) {
    .bom-map-container {
      background-size: 175%;
      background-position: top center; } }
  @media (max-width: 480px) {
    .bom-map-container {
      background-size: 190%;
      background-position: top center; } }

.bom-mapguide {
  /*position: absolute;*/
  min-height: 42.6vw; }
  @media (max-width: 2560px) {
    .bom-mapguide {
      width: 1280px; } }
  @media (max-width: 1920px) {
    .bom-mapguide {
      width: 980px; } }
  @media (max-width: 1024px) {
    .bom-mapguide {
      width: 100%;
      min-height: 70vw; } }
  @media (max-width: 480px) {
    .bom-mapguide {
      width: 100%;
      min-height: 80vw; } }
  .bom-mapguide h3 {
    position: absolute;
    bottom: 7%;
    font-size: 35px; }
    @media (max-width: 1680px) {
      .bom-mapguide h3 {
        bottom: 7%;
        left: 7%;
        font-size: 30px; } }
    @media (max-width: 480px) {
      .bom-mapguide h3 {
        bottom: 3%;
        left: 5%;
        font-size: 20px; } }
    @media (max-width: 425px) {
      .bom-mapguide h3 {
        font-size: 19px; } }
    @media (max-width: 375px) {
      .bom-mapguide h3 {
        font-size: 18px; } }
  .bom-mapguide .map-title {
    top: 40px;
    right: 18vw;
    text-align: center;
    background-color: rgba(59, 18, 16, 0.5);
    bottom: unset;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #fff;
    line-height: 1.2em;
    left: unset; }
    @media (max-width: 1680px) {
      .bom-mapguide .map-title {
        top: 35px;
        right: 22vw;
        font-size: 18px; } }
    @media (max-width: 1600px) {
      .bom-mapguide .map-title {
        right: 23vw; } }
    @media (max-width: 1440px) {
      .bom-mapguide .map-title {
        top: 22px;
        right: 27vw;
        font-size: 15px; } }
    @media (max-width: 1366px) {
      .bom-mapguide .map-title {
        right: 28vw; } }
    @media (max-width: 1280px) {
      .bom-mapguide .map-title {
        top: 12px;
        right: 31vw; } }
    @media (max-width: 1024px) {
      .bom-mapguide .map-title {
        top: 40px;
        right: 37vw; } }
  @media (max-width: 1680px) {
    .bom-mapguide .bom-floatlink {
      position: absolute;
      left: 3.5vw; } }
  @media (max-width: 1600px) {
    .bom-mapguide .bom-floatlink {
      left: 5vw; } }
  @media (max-width: 1440px) {
    .bom-mapguide .bom-floatlink {
      left: 8.5vw; } }
  @media (max-width: 1366px) {
    .bom-mapguide .bom-floatlink {
      left: 10vw; } }
  @media (max-width: 1280px) {
    .bom-mapguide .bom-floatlink {
      left: 12.5vw; } }
  @media (max-width: 1024px) {
    .bom-mapguide .bom-floatlink {
      left: 5.5vw;
      transform: scale(1.7); } }
  @media (max-width: 480px) {
    .bom-mapguide .bom-floatlink {
      left: 0.5vw;
      transform: scale(1.9); } }
  .bom-mapguide .bom-floatlink a {
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    text-align: center;
    padding: 1.2vw 1.5vw;
    font-size: 0;
    transition: .5s ease;
    opacity: 0; }
    .bom-mapguide .bom-floatlink a:hover {
      opacity: 1; }
    .bom-mapguide .bom-floatlink a span {
      font-size: 14px;
      visibility: hidden; }
      @media (max-width: 480px) {
        .bom-mapguide .bom-floatlink a span {
          font-size: 6px; } }
  .bom-mapguide .bom-floatlink .map1 {
    padding: 1.3vw 1.5vw;
    top: 4.5vw;
    left: 1.7vw; }
  .bom-mapguide .bom-floatlink .map2 {
    top: 5vw;
    left: 10.7vw; }
  .bom-mapguide .bom-floatlink .map3 {
    top: 8.5vw;
    left: 6.7vw; }
  .bom-mapguide .bom-floatlink .map4 {
    top: 9vw;
    left: 17vw; }
  .bom-mapguide .bom-floatlink .map5 {
    top: 12vw;
    left: 21.7vw; }
  .bom-mapguide .bom-floatlink .map6 {
    top: 13vw;
    left: 16vw; }
  .bom-mapguide .bom-floatlink .map7 {
    top: 18vw;
    left: 19vw;
    padding: 2.2vw 2vw; }
  .bom-mapguide .bom-floatlink .map8 {
    top: 15vw;
    left: 24.7vw; }
  .bom-mapguide .bom-floatlink .map9 {
    top: 18vw;
    left: 27vw; }
  .bom-mapguide .bom-floatlink .map10 {
    top: 25vw;
    left: 24.7vw; }
  .bom-mapguide .bom-floatlink .map11 {
    top: 20vw;
    left: 35vw;
    padding: 2.2vw 2.5vw; }
  .bom-mapguide .bom-floatlink .map12 {
    top: 22.5vw;
    left: 41vw; }
  .bom-mapguide .bom-floatlink .map13 {
    top: 26vw;
    left: 34.5vw; }
  .bom-mapguide .bom-floatlink .map14 {
    top: 32vw;
    left: 34vw; }
  .bom-mapguide .bom-floatlink .map15 {
    top: 27vw;
    left: 42vw;
    padding: 3.2vw 3.5vw; }

.bom-rain-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-rain-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #1f0705; }

.bom-cloud-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-cloud-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #200a0a; }

.bom-thunder-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-thunder-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #200a0a; }

.bom-thunder2-bg {
  background: linear-gradient(rgba(109, 69, 31, 0.5), rgba(108, 75, 46, 0.5)), url(/assets/images/contents/wpt/battle-malta/bom-thunder-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bom-castle-red-bg {
  background: linear-gradient(rgba(69, 17, 15, 0.3), rgba(58, 0, 0, 0.6)), url(/assets/images/contents/wpt/battle-malta/bom-castle-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bom-castle-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-castle-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bom-castle-army-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-castle-army-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bom-rain-army-bg {
  background: url(/assets/images/contents/wpt/battle-malta/bom-rain-army-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }
  @media (max-width: 480px) {
    .bom-rain-army-bg {
      background: url(/assets/images/contents/wpt/battle-malta/bom-rain-mobi-army-bg.jpg);
      background-size: cover;
      background-position: center; } }

.bom-clash-bg {
  background: linear-gradient(rgba(69, 17, 15, 0.3), rgba(58, 0, 0, 0.6)), url(/assets/images/contents/wpt/battle-malta/bom-clash-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bom-top-bg {
  background-position: top center; }

.bom-bot-bg {
  background-position: bottom center; }

.bom-top70-bg {
  background-position: top 70% center; }

.bom-lineup > li {
  padding-left: 0;
  padding-right: 0; }
  .bom-lineup > li > div {
    border: 1px solid #852020;
    background-color: rgba(0, 0, 0, 0.2);
    width: 95%;
    margin: 0 auto;
    border-radius: 5px; }
    .bom-lineup > li > div > img {
      /*height: 115px;*/ }
    .bom-lineup > li > div .mm-desc {
      padding-bottom: 30px;
      padding-left: 10px;
      padding-right: 10px; }

.bom-scroll {
  background: url(/assets/images/contents/wpt/battle-malta/bom-scroll.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-align: center;
  display: block; }

.bom-scroll-text {
  padding: 5% 5% 8% 5%;
  text-shadow: 0px -1px 4px #ffffff, 0px 3px 3px #b9b9b9; }
  .bom-scroll-text h3, .bom-scroll-text p, .bom-scroll-text span {
    line-height: 1.2em; }
  .bom-scroll-text h3 {
    font-size: 24px; }
    @media (max-width: 768px) {
      .bom-scroll-text h3 {
        font-weight: bold; } }
    @media (max-width: 480px) {
      .bom-scroll-text h3 {
        font-size: 20px; } }
    @media (max-width: 425px) {
      .bom-scroll-text h3 {
        font-size: 18px; } }
    @media (max-width: 375px) {
      .bom-scroll-text h3 {
        font-size: 16px; } }
  .bom-scroll-text span {
    display: block;
    font-size: 15px; }
    @media (max-width: 375px) {
      .bom-scroll-text span {
        font-size: 12px; } }
  .bom-scroll-text h3.small {
    font-size: 15px; }
    @media (max-width: 768px) {
      .bom-scroll-text h3.small {
        font-size: 24px; } }
    @media (max-width: 480px) {
      .bom-scroll-text h3.small {
        font-size: 20px; } }
    @media (max-width: 425px) {
      .bom-scroll-text h3.small {
        font-size: 18px; } }
    @media (max-width: 375px) {
      .bom-scroll-text h3.small {
        font-size: 16px; } }
  .bom-scroll-text .spn-small {
    font-size: 12px;
    padding-top: 2px; }
    @media (max-width: 768px) {
      .bom-scroll-text .spn-small {
        font-size: 15px; } }
    @media (max-width: 375px) {
      .bom-scroll-text .spn-small {
        font-size: 12px; } }
  .bom-scroll-text p {
    font-size: 18px;
    color: #000; }

@media (max-width: 768px) {
  .bom-flex-order {
    display: flex;
    flex-direction: column; } }

.bom-order-1 {
  order: 1; }

.bom-order-2 {
  order: 2; }

.bom-order-3 {
  order: 3; }

.bom-order-4 {
  order: 4; }

.page-to-top {
  position: fixed;
  bottom: 25px;
  right: 15px;
  z-index: 1;
  display: none; }
  .page-to-top img {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    padding: 12px 17px; }

@media (max-width: 768px) {
  .bom-b-margin {
    margin-bottom: 15px; } }

.bg-malt {
  background: #cdb493; }

.bom-mobi-title {
  color: white;
  text-align: center;
  background: #896c51;
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 30px;
  margin: 10px;
  width: 80%; }
  @media (max-width: 480px) {
    .bom-mobi-title {
      padding: 6px 20px;
      font-size: 18px; } }
  @media (max-width: 375px) {
    .bom-mobi-title {
      padding: 5px 20px;
      font-size: 16px; } }

/* ======== WSOP MAIN EVENT TABLE ======== */
.tbl-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-scroll-pc {
      max-height: 400px; } }

.tbl-scroll-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.tbl-scroll-wrapper::-webkit-scrollbar-corner {
  background-color: #000000; }

.tbl-scroll-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #b2b2b2; }

.tbl-scroll-wrapper::-webkit-scrollbar-track {
  background-color: #d4d4d4; }

.tbl-body-wpt {
  border: 1px solid #190e3e !important; }

.table-wsop-winter {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 5px;
  margin-bottom: 0; }
  .table-wsop-winter > thead > tr > th {
    background: #365682 !important;
    border-right: 1px solid #000000 !important;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-wsop-winter > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    .table-wsop-winter > thead > tr > th:first-child {
      border-radius: 0; }
    .table-wsop-winter > thead > tr > th:last-child {
      border-radius: 0; }
  .table-wsop-winter tbody > tr:hover {
    background-color: #465571 !important; }
  .table-wsop-winter tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px; }
    @media (max-width: 1024px) {
      .table-wsop-winter tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wsop-winter tbody > tr > td {
        font-size: 9px; } }
    .table-wsop-winter tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-wsop-winter tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-wsop-winter tbody > tr > td:first-child {
          width: 18%; } }
      @media (max-width: 375px) {
        .table-wsop-winter tbody > tr > td:first-child {
          width: 20%; } }
      @media (max-width: 320px) {
        .table-wsop-winter tbody > tr > td:first-child {
          width: 16%; } }
    .table-wsop-winter tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-wsop-winter tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-wsop-winter tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-wsop-winter tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-wsop-winter tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-wsop-winter tbody > tr > td:nth-child(3) {
          width: 75%; } }
    .table-wsop-winter tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-wsop-winter tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-wsop-winter tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-wsop-winter tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-wsop-winter tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-wsop-winter tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-wsop-winter tbody > tr > td:last-child {
          width: 0; } }
  .table-wsop-winter > tbody > tr:nth-child(odd) {
    background-color: #171e32; }
  .table-wsop-winter > tbody > tr:nth-child(even) {
    background-color: #374256; }

.tbl-winter-body {
  border-radius: 6px;
  border: 1px solid #131c2c;
  background-color: transparent; }

.table-wsop-winter-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #280625; }

.table-wsop-winter-wrapper::-webkit-scrollbar-corner {
  background-color: #321630; }

.table-wsop-winter-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #374256; }

.table-wsop-winter-wrapper::-webkit-scrollbar-track {
  background-color: #171e32; }

.ring-float {
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 20%; }

.winter-pb-btn {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  border: 1px solid #fff; }

.tbl-dual-color {
  padding: 0 25%; }
  @media (max-width: 600px) {
    .tbl-dual-color {
      padding: 0 5%; } }
  .tbl-dual-color li {
    padding-bottom: 0 !important;
    padding-top: 5px !important; }
    .tbl-dual-color li p {
      color: #fff; }
      .tbl-dual-color li p:first-child {
        background-color: #8a3b40;
        border-radius: 5px 0 0 5px; }
      .tbl-dual-color li p:last-child {
        background-color: #a05457;
        border-radius: 0 5px 5px 0; }

.tbl-one-color {
  padding: 0 35%; }
  @media (max-width: 600px) {
    .tbl-one-color {
      padding: 0 5%; } }
  .tbl-one-color p {
    color: #fff;
    background-color: #8a3b40;
    border-radius: 5px;
    margin-top: 5px !important;
    font-size: 19px; }

.arrow-custom {
  position: absolute;
  top: 50%;
  right: -21px !important;
  width: unset !important; }
  @media (max-width: 480px) {
    .arrow-custom {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 46% !important;
      top: unset !important;
      bottom: -10%;
      height: 25px; } }

.info-toon-bg {
  background: url(/assets/images/contents/ggcare/info-toon-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #131c2c; }

.care-stamp {
  display: inline-block;
  position: relative; }
  .care-stamp .stamp {
    position: absolute;
    right: -20%;
    bottom: 24%;
    width: 35%;
            /*position: absolute;
		right: 10%;
		bottom: 20%;
		width: 20%;*/ }
  .care-stamp h1 {
    font-size: 60px; }
    @media (max-width: 480px) {
      .care-stamp h1 {
        font-size: 30px; } }

.care-step {
  position: relative;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .care-step {
      margin-bottom: 10px;
      margin-top: 10px; } }
  .care-step img {
    width: 100%; }
    @media (max-width: 480px) {
      .care-step img {
        display: none; } }
  .care-step h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; }
    @media (max-width: 480px) {
      .care-step h4 {
        color: #222;
        position: relative;
        text-align: center;
        top: unset;
        left: unset;
        transform: unset; } }

/****Slider******/
.steps-slider {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .steps-slider .steps-items {
    font-size: 0;
    width: 300%;
    height: 710px; }
    .steps-slider .steps-items li {
      position: relative;
      width: 33.33%;
      display: inline-block; }
      .steps-slider .steps-items li img {
        max-width: 100%;
        height: auto; }
  .steps-slider .steps-btn {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center; }
    .steps-slider .steps-btn span {
      background-color: #7c0408;
      padding: 10px;
      font-weight: normal;
      font-size: 30px;
      color: #e3bf48;
      display: inline-block;
      cursor: pointer; }
  .steps-slider .left {
    left: 5%; }
  .steps-slider .right {
    left: 95%; }

/* =========== JANUARY */
.bg-january-promo {
  background: url(/assets/images/contents/wsop/5m-giveaway/bannerbg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bg-feb-promo {
  background: url(/assets/images/contents/wsop/5m-giveaway/bannerbg-feb.jpg);
  background-size: cover;
  background-position: center;
  background-color: #320b06; }

.bg-march-promo {
  background: url(/assets/images/contents/march-promo/main/bg-bg.jpg) repeat;
  background-position: center; }

.bg-april-promo {
  background: #f5cec0;
  background: -moz-linear-gradient(top, #f5cec0 0%, #daa5a4 100%);
  background: -webkit-linear-gradient(top, #f5cec0 0%, #daa5a4 100%);
  background: linear-gradient(to bottom, #f5cec0 0%, #daa5a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cec0', endColorstr='#daa5a4',GradientType=0 ); }

.bg-may-promo {
  background: #224478; }

.bg-june-promo {
  background: #7dbbd8; }

.bg-july-promo {
  background: #198ad6; }

.bg-doublecare {
  background: url(/assets/images/contents/ggcare/doublecare-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 35px 0; }

/* =========== FLIP & GO ===========*/
.flip-go-vid-bg {
  background: url(/assets/images/contents/flip-go/flip-go-vid-bg.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.fg-vid-group {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .fg-vid-group .video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    border: 1px solid #641b0b;
    box-shadow: 0px 1px 2px 2px #4c1100, 2px 2px 3px 8px #230702; }
    @media (max-width: 1024px) {
      .fg-vid-group .video-container video {
        width: 75% !important; } }
  .fg-vid-group .video-container .vid-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%; }

.fg-step-bg {
  background: url(/assets/images/contents/flip-go/fg-step-bg.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative; }
  .fg-step-bg .fire-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0); }

.fg-table-bg {
  background: url(/assets/images/contents/flip-go/fg-table-bg.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.fg-table-bottom {
  background: url(/assets/images/contents/flip-go/fg-table-bottom.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.fg-steps-container .fire {
  position: relative;
  top: 20px; }
.fg-steps-container .fg-steps-item img {
  position: relative; }
  .fg-steps-container .fg-steps-item img:nth-child(2) {
    top: -20px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-steps-item img:nth-child(2) {
        top: -10px; } }
  .fg-steps-container .fg-steps-item img:nth-child(3) {
    top: -40px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-steps-item img:nth-child(3) {
        top: -20px; } }
  .fg-steps-container .fg-steps-item img:last-child {
    top: -60px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-steps-item img:last-child {
        top: -30px; } }
.fg-steps-container .fg-step-item > img {
  margin-top: 15px;
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .fg-steps-container .fg-step-item > img {
      margin-bottom: 30px; } }
.fg-steps-container .fg-item img {
  position: relative;
            /*&:last-child {
                top: 15px;

                @media(max-width: 480px) {
                    top: -30px;
                }
            }*/ }
  .fg-steps-container .fg-item img:nth-child(2) {
    top: -20px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-item img:nth-child(2) {
        top: -20px; } }
  .fg-steps-container .fg-item img:nth-child(3) {
    top: -19px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-item img:nth-child(3) {
        top: -20px; } }
  .fg-steps-container .fg-item img:nth-child(4) {
    top: -19px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-item img:nth-child(4) {
        top: -20px; } }
  .fg-steps-container .fg-item img:nth-child(5) {
    top: -27px; }
    @media (max-width: 480px) {
      .fg-steps-container .fg-item img:nth-child(5) {
        top: -20px; } }

.fg-step-detail {
  position: relative; }
  .fg-step-detail h4 {
    position: absolute; }

/*Table-FLIPGO*/
.table-flipgo {
  border: 1px #dadada solid;
  border-collapse: collapse;
  overflow: hidden;
  table-layout: fixed;
  margin: 0 auto;
  min-width: 700px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: rgba(92, 22, 12, 0.5); }
  @media (max-width: 1024px) {
    .table-flipgo {
      min-width: 100%; } }
  .table-flipgo .title-head > th {
    background-color: #300f03; }
  .table-flipgo tbody > tr > td, .table-flipgo tfoot > tr > td {
    text-align: center;
    padding: 8px 5px;
    color: #ffeec6;
    /*word-break: break-word;*/
    font-size: 18px;
    line-height: normal; }
    .table-flipgo tbody > tr > td:first-child, .table-flipgo tfoot > tr > td:first-child {
      border-right: 1px solid #76290d; }
    @media only screen and (max-width: 480px) {
      .table-flipgo tbody > tr > td, .table-flipgo tfoot > tr > td {
        font-size: 14px;
        padding: 5px 5px; } }
  .table-flipgo tbody > tr > td:last-child {
    color: #f7be6a;
    font-size: 22px; }
    @media only screen and (max-width: 480px) {
      .table-flipgo tbody > tr > td:last-child {
        font-size: 15px; } }
  .table-flipgo tbody > tr {
    border-bottom: 1px solid #76290d; }
    .table-flipgo tbody > tr:last-child {
      border-bottom: none; }
    .table-flipgo tbody > tr:hover {
      background-color: #3d0c05 !important; }
  .table-flipgo > thead > tr > th {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    word-break: break-word;
    line-height: normal;
    color: #ffeec6;
    background-color: #661308;
    border-bottom: 1px solid #76290d;
    width: 50%; }
    .table-flipgo > thead > tr > th:first-child {
      border-right: 1px solid #76290d; }
    @media only screen and (max-width: 480px) {
      .table-flipgo > thead > tr > th {
        font-size: 11px;
        padding: 5px 5px; } }
  .table-flipgo > tbody > tr:nth-child(odd),
  .table-flipgo > ul > li:nth-child(odd) {
    background-color: rgba(82, 18, 8, 0.9); }
  .table-flipgo > tbody > tr:nth-child(even),
  .table-flipgo > ul > li:nth-child(even) {
    background-color: transparent; }
  .table-flipgo tfoot > tr > td {
    color: #fff;
    background-color: #d2b068;
    font-weight: bold; }

.content-padd-custom {
  padding: 1% 0; }

.content-pad-custom-2 {
  padding: 2% 0 3%; }

.custom-section {
  background: #cc9e6c;
  background: -moz-linear-gradient(top, #cc9e6c 1%, #a7a7a7 100%);
  background: -webkit-linear-gradient(top, #cc9e6c 1%, #a7a7a7 100%);
  background: linear-gradient(to bottom, #cc9e6c 1%, #a7a7a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9e6c', endColorstr='#a7a7a7',GradientType=0 ); }
  .custom-section h1 {
    letter-spacing: 6px;
    margin: 30px 0 7%;
    font-size: 45px;
    /*@media (max-width: 320px) {
    font-size: 30px;
}*/ }
    @media (max-width: 480px) {
      .custom-section h1 {
        margin: 30px 0 6%;
        letter-spacing: 3px;
        font-size: 27px; } }
  .custom-section h4 {
    letter-spacing: 9px;
    font-size: 45px;
    margin-bottom: 20px;
    color: #fefefc;
    /*@media (max-width: 320px) {
    font-size: 40px;
    letter-spacing: 6px;
}*/ }
    @media (max-width: 480px) {
      .custom-section h4 {
        font-size: 27px;
        letter-spacing: 4px;
        margin: 36px 0 6%; } }
  .custom-section h2 {
    letter-spacing: 10px;
    font-size: 60px;
    margin-bottom: 20px;
    /*@media (max-width: 320px) {
    font-size: 58px !important;
}*/ }
    @media (max-width: 1024px) {
      .custom-section h2 {
        font-size: 45px !important; } }
    @media (max-width: 480px) {
      .custom-section h2 {
        font-size: 40px !important;
        letter-spacing: 5px; } }

/*********APL PAGE**********/
.apl-grad-title {
  background: linear-gradient(to right, #b86127 0%, #eed178 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 4px 3px #141414); }

.apl-intro-bg {
  background: url(/assets/images/contents/apl/introbg.jpg?v=91521);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #891717;
  position: relative; }

.apl-btn {
  color: #fff;
  background: linear-gradient(30deg, #470000 18%, #b51c28 100%);
  text-align: center;
  text-decoration: none;
  outline: 0;
  font-size: 1.1rem;
  padding: 15px 35px;
  display: inline-block;
  transform: skew(-21deg);
  letter-spacing: 2px;
  box-shadow: -2px -2px #cecdcd;
  font-size: 32px;
  min-width: 250px;
  border-radius: 10px 5px;
  margin: 0 10px;
  /* Un-skew the text */
  border-radius: 10px; }
  @media (max-width: 1024px) {
    .apl-btn {
      padding: 15px 13px;
      letter-spacing: 1px;
      box-shadow: -2px -2px #cecdcd;
      font-size: 16px;
      min-width: 190px;
      margin: 0 2px; } }
  @media (max-width: 1024px) {
    .apl-btn {
      min-width: 160px; } }
  @media (max-width: 480px) {
    .apl-btn {
      min-width: 110px; } }
  @media (max-width: 384px) {
    .apl-btn {
      min-width: 90px; } }
  .apl-btn:hover {
    background: #b61b29; }
  .apl-btn > span {
    display: inline-block;
    transform: skew(21deg); }
  .apl-btn > span {
    display: inline-block;
    transform: skew(21deg); }

.apl-btn-blue {
  background: linear-gradient(30deg, #112237 18%, #325b89 100%); }

.pkb-table-container {
  position: relative; }
  .pkb-table-container .apl-pkb-btn {
    position: absolute;
    font-size: 22px;
    color: #fff;
    padding: 12px 25px;
    background: linear-gradient(50deg, #000000 18%, #060c22 100%);
    border-radius: 5px;
    border: 1px solid #63616f;
    width: 20%;
    text-align: center;
    bottom: 20%;
    left: 10%; }
    @media (max-width: 1024px) {
      .pkb-table-container .apl-pkb-btn {
        font-size: 18px;
        width: 22%;
        bottom: 20%; } }
    @media (max-width: 800px) {
      .pkb-table-container .apl-pkb-btn {
        font-size: 14px;
        width: 22%;
        bottom: 18%; } }
    @media (max-width: 480px) {
      .pkb-table-container .apl-pkb-btn {
        bottom: 15%;
        padding: 7px 7px;
        font-size: 13px; } }
    @media (max-width: 384px) {
      .pkb-table-container .apl-pkb-btn {
        bottom: 17%;
        padding: 8px 7px;
        font-size: 10px; } }
    @media (max-width: 360px) {
      .pkb-table-container .apl-pkb-btn {
        padding: 5px 5px; } }

.apl-map-result-bg {
  background: url(/assets/images/contents/apl/map-result-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000;
  padding: 6% 0; }

.apl-mooncake-bg {
  background: url(/assets/images/contents/apl/mooncakebg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000; }

.apl-schedule-bg {
  background: url(/assets/images/contents/apl/apl-schedule-bg.jpg?v=91521);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #000; }

.apl-leaderboardbg {
  background: url(/assets/images/contents/apl/Leaderboardbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #000; }

.png-map-bg {
  background: url(/assets/images/contents/apl/png-map-opac.png?v=2421);
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: center;
  background-color: #0c0000; }

.apl-guarantee {
  display: inline-block;
  margin: 0 10px; }
  @media (max-width: 1024px) {
    .apl-guarantee {
      margin: 0 auto 20px;
      display: inline-block; } }
  .apl-guarantee .content {
    background: linear-gradient(140deg, #c2201b 18%, #7e181a 55%, #7f181a 59%, #e83036 100%);
    display: inline-block;
    border: 4px solid #e0c173;
    border-radius: 22px 0 22px 0;
    padding: 32px 15px;
    text-align: center;
    vertical-align: top;
    min-width: 160px; }
    @media (max-width: 1024px) {
      .apl-guarantee .content {
        padding: 17px 15px;
        width: 290px;
        min-width: unset; } }
    @media (max-width: 480px) {
      .apl-guarantee .content {
        width: 200px; } }
    @media (max-width: 425px) {
      .apl-guarantee .content {
        padding: 17px 10px;
        width: 170px; } }
    @media (max-width: 360px) {
      .apl-guarantee .content {
        width: 150px; } }
    @media (max-width: 320px) {
      .apl-guarantee .content {
        width: 135px; } }
    .apl-guarantee .content h3 {
      font-size: 40px;
      line-height: 1.2em;
      color: #fff; }
      @media (max-width: 1024px) {
        .apl-guarantee .content h3 {
          font-size: 19px; } }
      @media (max-width: 360px) {
        .apl-guarantee .content h3 {
          font-size: 16px; } }
    .apl-guarantee .content p {
      font-size: 25px;
      line-height: 1.5em;
      color: #fff; }
      @media (max-width: 1024px) {
        .apl-guarantee .content p {
          font-size: 17px; } }
      @media (max-width: 360px) {
        .apl-guarantee .content p {
          font-size: 14px; } }
    .apl-guarantee .content .small {
      font-size: 20px; }
      @media (max-width: 1024px) {
        .apl-guarantee .content .small {
          font-size: 17px; } }
      @media (max-width: 360px) {
        .apl-guarantee .content .small {
          font-size: 14px; } }
  .apl-guarantee .last {
    padding: 20px 30px; }
    @media (max-width: 1024px) {
      .apl-guarantee .last {
        padding: 6px 30px; } }
    @media (max-width: 430px) {
      .apl-guarantee .last {
        padding: 4px 10px; } }
    @media (max-width: 360px) {
      .apl-guarantee .last {
        padding: 6px 10px; } }

.apl-side-container {
  position: fixed;
  top: 20%;
  right: 3%;
  z-index: 1; }
  .apl-side-container .wechat-common {
    display: none;
    position: absolute;
    width: 220px;
    z-index: 3;
    background: #fff;
    padding: 20% 15%;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
    right: 130%;
    top: 18%; }
    @media (max-width: 480px) {
      .apl-side-container .wechat-common {
        width: 170px; } }
  .apl-side-container .wechat-sidelink:hover .wechat-common {
    display: block !important; }
  .apl-side-container .side-hidebtn p {
    display: inline-block;
    color: #fffaaf;
    border: 2px solid #efca78;
    font-size: 24px;
    background: #7e0d0d;
    line-height: 1em;
    border-radius: 50%;
    float: right;
    padding: 5px 0px;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 15px;
    cursor: pointer; }
    @media (max-width: 480px) {
      .apl-side-container .side-hidebtn p {
        font-size: 24px;
        padding: 0px 0px;
        min-width: 30px;
        min-height: 30px; } }
  .apl-side-container .apl-side-nav {
    display: inline-block; }
    .apl-side-container .apl-side-nav li {
      display: block; }
      .apl-side-container .apl-side-nav li a {
        display: inline-block; }
        @media (max-width: 480px) {
          .apl-side-container .apl-side-nav li a {
            padding-bottom: 10px; } }
        @media (max-width: 480px) {
          .apl-side-container .apl-side-nav li a img {
            width: 25px; } }
        .apl-side-container .apl-side-nav li a span {
          font-size: 20px;
          color: #fff;
          margin-left: 10px;
          vertical-align: super;
          margin-top: 12px;
          text-shadow: 0px 8px 5px black; }
          @media (max-width: 480px) {
            .apl-side-container .apl-side-nav li a span {
              font-size: 14px; } }

.honoroll-description {
  border: 4px solid #e0c173;
  border-radius: 22px 0 22px 0;
  padding: 32px 30px;
  margin: 20px 0; }

.honor-bg-1 {
  background-color: #5b1113; }

.honor-bg-2 {
  background-color: rgba(91, 17, 19, 0.6); }

/*apl-graph*/
    /*.apl-graph-bg {
	background: url(/assets/images/contents/apl/grungemapLeft.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	min-height:1080px;
}*/
.map-chart-container {
  position: relative; }
  @media (max-width: 1024px) {
    .map-chart-container {
      margin-bottom: 35px; } }
  .map-chart-container .legend {
    color: #fff;
    position: absolute;
    right: -90px;
    bottom: 50%;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 1024px) {
      .map-chart-container .legend {
        right: unset;
        margin-left: 10%;
        top: 0;
        position: relative;
        text-align: left;
        margin-bottom: 25px; } }
    @media (max-width: 768px) {
      .map-chart-container .legend {
        font-size: 14px; } }
    .map-chart-container .legend span {
      height: 10px;
      width: 20px;
      background-color: #a51c2b;
      padding: 10px;
      display: inline-block;
      position: absolute;
      border-radius: 5px;
      left: -22px;
      top: 7px; }
      @media (max-width: 1024px) {
        .map-chart-container .legend span {
          width: 10px;
          padding: 8px;
          left: -22px;
          top: 9px; } }
      @media (max-width: 768px) {
        .map-chart-container .legend span {
          width: 10px;
          padding: 8px;
          left: -22px;
          top: 4px; } }
      @media (max-width: 480px) {
        .map-chart-container .legend span {
          width: 10px;
          padding: 8px;
          left: -22px;
          top: 3px; } }
  .map-chart-container .chart {
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 300px;
    height: 300px;
    margin: 0 auto;
    background-size: 100% 50px;
    position: relative;
    background-position: left top;
    right: 10%; }
    @media (max-width: 1024px) {
      .map-chart-container .chart {
        right: 0; } }
    @media (max-width: 480px) {
      .map-chart-container .chart {
        min-height: 200px;
        height: 200px; } }
    .map-chart-container .chart li {
      position: relative;
      display: table-cell;
      vertical-align: bottom;
      padding: 0 10px; }
      .map-chart-container .chart li label {
        display: block;
        font-size: 15px;
        color: #aa784c;
        position: absolute;
        right: 0; }
        @media (max-width: 384px) {
          .map-chart-container .chart li label {
            font-size: 12px; } }
    .map-chart-container .chart span {
      display: block;
      animation: draw 1s ease-in-out;
      color: #adadad;
      text-align: center; }
      .map-chart-container .chart span i {
        writing-mode: vertical-rl;
        padding-top: 5px; }
      .map-chart-container .chart span.map-brown {
        background-color: #9a653b;
        color: wheat; }
      .map-chart-container .chart span.map-maroon {
        background-color: #a51c2b;
        color: #ffb8bf; }
      .map-chart-container .chart span.map-semi-brown {
        background-color: #a47650;
        color: #ffe1c8; }
      .map-chart-container .chart span.map-dark-maroon {
        background-color: #721313;
        color: #ff6e6e; }
      .map-chart-container .chart span.map-light-maroon {
        background-color: #a51c2b;
        color: #ffb0b9; }
      .map-chart-container .chart span.map-pale-blue {
        background-color: #135970;
        color: #6bdaff; }
      .map-chart-container .chart span.map-blue {
        background-color: #174885;
        color: #93c3ff; }
      .map-chart-container .chart span:before {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        padding: 10px 2px;
        display: block;
        text-align: center;
        content: attr(tag);
        word-wrap: break-word; }
        @media (max-width: 430px) {
          .map-chart-container .chart span:before {
            font-size: 13px; } }
        @media (max-width: 384px) {
          .map-chart-container .chart span:before {
            font-size: 12px; } }
        @media (max-width: 375px) {
          .map-chart-container .chart span:before {
            font-size: 11px; } }
        @media (max-width: 320px) {
          .map-chart-container .chart span:before {
            font-size: 10px; } }
@keyframes draw {
  0% {
    height: 0; } }
.spade-bottom-icon {
  height: 70px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media (max-width: 480px) {
    .spade-bottom-icon {
      height: 50px; } }
  @media (max-width: 384px) {
    .spade-bottom-icon {
      height: 45px; } }

.apl-border-bottom {
  border-bottom: 5px solid #dfc674; }
  @media (max-width: 480px) {
    .apl-border-bottom {
      border-bottom: 3px solid #dfc674; } }

.apl-vid-border {
  border: 3px solid #424242;
  box-shadow: 0px 1px 2px 2px #2e2e2e, 1px 2px 15px 3px #000000; }

/* ======== APL COMPLE TABLE ======== */
.tbl-apl-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-apl-scroll-pc {
      max-height: 400px; } }

.tbl-body-apl {
  border: 1px solid #190e3e !important; }

.table-apl {
  table-layout: auto;
  border: none;
  background-color: #321529;
  border-radius: 0;
  margin-bottom: 0; }
  .table-apl > thead > tr > th {
    background: #640c15 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-apl > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-apl > thead > tr > th {
        font-size: 9px; } }
    .table-apl > thead > tr > th:first-child {
      border-radius: 0; }
    .table-apl > thead > tr > th:last-child {
      border-radius: 0; }
  .table-apl tbody > tr .apl-tab2-date {
    background-color: #4f0505 !important; }
  .table-apl tbody > tr:hover {
    background-color: #9b1627 !important; }
    .table-apl tbody > tr:hover .apl-tab2-date {
      background-color: #4f0505 !important; }
  .table-apl tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-apl tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-apl tbody > tr > td {
        font-size: 9px; } }
    .table-apl tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-apl tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-apl tbody > tr > td:first-child {
          width: 22%; } }
      @media (max-width: 414px) {
        .table-apl tbody > tr > td:first-child {
          width: 20%; } }
      @media (max-width: 375px) {
        .table-apl tbody > tr > td:first-child {
          width: 24%; } }
      @media (max-width: 320px) {
        .table-apl tbody > tr > td:first-child {
          width: 24%; } }
    .table-apl tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-apl tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-apl tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-apl tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-apl tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-apl tbody > tr > td:nth-child(3) {
          width: 75%; } }
      @media (max-width: 414px) {
        .table-apl tbody > tr > td:nth-child(3) {
          width: 60%; } }
    .table-apl tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-apl tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-apl tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-apl tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-apl tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-apl tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-apl tbody > tr > td:last-child {
          width: 0; } }
  .table-apl > tbody > tr:nth-child(odd) {
    background-color: #78080c; }
  .table-apl > tbody > tr:nth-child(even) {
    background-color: #530507; }

.table-apl-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-apl-body {
      padding: 0; } }

.table-apl-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #530507; }

.table-apl-wrapper::-webkit-scrollbar-corner {
  background-color: #530507; }

.table-apl-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #78080c; }

.table-apl-wrapper::-webkit-scrollbar-track {
  background-color: #530507; }

/*Table-Country-APL*/
.table-apl-country {
  border-collapse: separate;
  /*border-spacing: 0 3px;*/
  overflow: hidden;
  table-layout: fixed;
  margin: 0 auto; }
  .table-apl-country .logo {
    padding: 0 5px; }
    @media only screen and (max-width: 768px) {
      .table-apl-country .logo img {
        width: 33%; } }
    @media only screen and (max-width: 414px) {
      .table-apl-country .logo img {
        width: 40%; } }
  @media (max-width: 1024px) {
    .table-apl-country {
      min-width: 100%; } }
  .table-apl-country > thead > tr > th {
    background: #000 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      .table-apl-country > thead > tr > th {
        font-size: 13px;
        padding: 5px 5px; } }
    @media only screen and (max-width: 480px) {
      .table-apl-country > thead > tr > th {
        font-size: 11px;
        padding: 5px 5px; } }
    @media only screen and (max-width: 414px) {
      .table-apl-country > thead > tr > th {
        font-size: 9px;
        padding: 3px 2px; } }
    .table-apl-country > thead > tr > th:first-child {
      border-radius: 0; }
    .table-apl-country > thead > tr > th:last-child {
      border-radius: 0; }
  .table-apl-country tbody > tr > td, .table-apl-country tfoot > tr > td {
    text-align: center;
    padding: 8px 5px;
    color: #fff;
    font-size: 18px;
    line-height: normal; }
    @media only screen and (max-width: 768px) {
      .table-apl-country tbody > tr > td, .table-apl-country tfoot > tr > td {
        font-size: 13px;
        padding: 5px 5px; } }
    @media only screen and (max-width: 480px) {
      .table-apl-country tbody > tr > td, .table-apl-country tfoot > tr > td {
        font-size: 11px;
        padding: 5px 5px; } }
    @media only screen and (max-width: 414px) {
      .table-apl-country tbody > tr > td, .table-apl-country tfoot > tr > td {
        font-size: 9px;
        padding: 3px 2px; } }
    .table-apl-country tbody > tr > td:last-child, .table-apl-country tfoot > tr > td:last-child {
      text-align: right;
      padding-right: 5%; }
      @media only screen and (max-width: 414px) {
        .table-apl-country tbody > tr > td:last-child, .table-apl-country tfoot > tr > td:last-child {
          width: 45%; } }
  .table-apl-country tbody > tr {
    border-bottom: 1px solid #eab16c; }
    .table-apl-country tbody > tr:last-child {
      border-bottom: none; }
    .table-apl-country tbody > tr:hover {
      background-color: #b90b11 !important; }
  .table-apl-country > tbody > tr:nth-child(odd),
  .table-apl-country > ul > li:nth-child(odd) {
    background-color: rgba(176, 10, 16, 0.7); }
  .table-apl-country > tbody > tr:nth-child(even),
  .table-apl-country > ul > li:nth-child(even) {
    background-color: rgba(121, 4, 7, 0.5); }

.national-region-table {
  background: url(/assets/images/contents/apl/side-flag.png?v=2421);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  padding: 0;
  width: 90%;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 800px) {
    .national-region-table {
      min-width: 100%; } }
  .national-region-table .map-tag {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    padding: 3%; }
    @media (max-width: 800px) {
      .national-region-table .map-tag {
        font-size: 13px; } }
    @media (max-width: 414px) {
      .national-region-table .map-tag {
        font-size: 11px; } }
    @media (max-width: 360px) {
      .national-region-table .map-tag {
        font-size: 9px; } }

.boat-container {
  position: relative;
  text-align: center; }
  .boat-container .details {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%); }
    .boat-container .details h3 {
      font-size: 28px;
      color: #f8eecf; }
      @media (max-width: 480px) {
        .boat-container .details h3 {
          font-size: 24px; } }
      @media (max-width: 375px) {
        .boat-container .details h3 {
          font-size: 20px; } }
    .boat-container .details p {
      font-size: 22px;
      color: #fff8f6; }
      @media (max-width: 375px) {
        .boat-container .details p {
          font-size: 18px; } }

.apl-card-float {
  position: absolute;
  z-index: 1;
  width: 15%;
  top: 70%;
  right: 8%; }

/*Zodiac Page*/
.zodiac-title-bg {
  background: linear-gradient(133deg, #9e7c44 18%, #b47c2d 100%); }

.zodiac-table2-bg {
  background: linear-gradient(1deg, #9e7c44 18%, #f0e2cf 100%); }

.tbl-zodiac-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-zodiac-scroll-pc {
      max-height: 400px; } }

.table-zodiac-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #2c393c; }

.table-zodiac-wrapper::-webkit-scrollbar-corner {
  background-color: #2c393c; }

.table-zodiac-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #1f2d30; }

.table-zodiac-wrapper::-webkit-scrollbar-track {
  background-color: #455558; }

.zodiac-table {
  table-layout: auto; }
  .zodiac-table tr {
    border-bottom: none;
    border-top: none; }
  .zodiac-table thead tr th {
    font-size: 18px;
    font-weight: 600;
    background: #2c393c;
    color: #c6b49d;
    border-top: 3px solid #455558;
    padding: 10px 0; }
    @media (max-width: 480px) {
      .zodiac-table thead tr th {
        font-size: 15px; } }
  .zodiac-table tbody tr {
    border: none;
    border-bottom: 1px solid #ccc; }
    .zodiac-table tbody tr:last-child {
      border-bottom: none; }
    .zodiac-table tbody tr td {
      font-size: 15px;
      line-height: 2em;
      color: #fff; }
      @media (max-width: 480px) {
        .zodiac-table tbody tr td {
          font-size: 14px; } }
    .zodiac-table tbody tr:nth-child(-n+2) {
      background: #455558 !important; }
  .zodiac-table > tbody > tr:nth-child(odd) {
    background-color: #b47a2f; }
  .zodiac-table > tbody > tr:nth-child(even) {
    background-color: #8f5a25; }

.zodiac-table2 {
  table-layout: auto; }
  .zodiac-table2 tr {
    border-bottom: none;
    border-top: none; }
  .zodiac-table2 thead tr th {
    font-size: 18px;
    font-weight: 600;
    background: #2c393c;
    color: #c6b49d;
    border-top: 3px solid #455558;
    border-bottom: 3px solid #455558;
    padding: 10px 0; }
    @media (max-width: 480px) {
      .zodiac-table2 thead tr th {
        font-size: 15px; } }
  .zodiac-table2 tbody tr {
    background: #455558;
    border: none; }
    .zodiac-table2 tbody tr td {
      font-size: 15px;
      line-height: 2em;
      color: #fff; }
      @media (max-width: 480px) {
        .zodiac-table2 tbody tr td {
          font-size: 14px; } }
  .zodiac-table2 > tbody > tr:nth-child(odd) {
    background-color: #597276; }
  .zodiac-table2 > tbody > tr:nth-child(even) {
    background-color: #455558; }

.zodiac-table3 {
  table-layout: auto; }
  .zodiac-table3 tr {
    border-bottom: none;
    border-top: none; }
  .zodiac-table3 thead tr th {
    font-size: 18px;
    font-weight: 600;
    background: #522415;
    color: #c6b49d;
    border-top: 3px solid #b47a2f;
    padding: 10px 0; }
    @media (max-width: 480px) {
      .zodiac-table3 thead tr th {
        font-size: 15px; } }
  .zodiac-table3 tbody tr {
    background: #455558;
    border: none; }
    .zodiac-table3 tbody tr td {
      font-size: 15px;
      line-height: 2em;
      color: #fff; }
      @media (max-width: 480px) {
        .zodiac-table3 tbody tr td {
          font-size: 14px; } }
  .zodiac-table3 > tbody > tr:nth-child(odd) {
    background-color: #b47a2f; }
  .zodiac-table3 > tbody > tr:nth-child(even) {
    background-color: #8f5a25; }

.zodiac-table4 {
  table-layout: auto;
  margin-top: 0; }
  .zodiac-table4 tr {
    border-bottom: none;
    border-top: none; }
  .zodiac-table4 thead tr th {
    font-size: 18px;
    font-weight: 600;
    background: #2c393c;
    color: #c6b49d;
    border-top: 3px solid #455558;
    padding: 10px 0; }
    @media (max-width: 480px) {
      .zodiac-table4 thead tr th {
        font-size: 15px; } }
  .zodiac-table4 tbody .special-tr {
    background-color: #b47a2f;
    font-weight: bold; }
  .zodiac-table4 tbody tr {
    border: none;
    background-color: #597276;
    border-bottom: 1px solid #ccc; }
    .zodiac-table4 tbody tr:last-child {
      border-bottom: 1px solid #ccc; }
    .zodiac-table4 tbody tr td {
      font-size: 15px;
      line-height: 2em;
      color: #fff; }
      @media (max-width: 480px) {
        .zodiac-table4 tbody tr td {
          font-size: 14px; } }
      .zodiac-table4 tbody tr td:first-child {
        background-color: #455558; }

.border-right-img {
  border-right: 2px solid #0d0805;
  border-image: -webkit-gradient(linear, left top, left bottom, from(#926f40), to(#0d0805)) 0 100% 0 0 stretch;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#926f40), to(#0d0805)) 0 100% 0 0 stretch; }
  @media (max-width: 768px) {
    .border-right-img {
      border-right: none;
      border-bottom: 1px solid #e0c172;
      padding-bottom: 10px;
      -webkit-border-image: none; } }

.flipgo-mt-bg {
  background: url(/assets/images/contents/march-promo/flipgo/flipgo-mt-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #498068; }

.flipgo-bg3 {
  background: url(/assets/images/contents/march-promo/flipgo/bg3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #498068; }

.flipgo-bg1 {
  background: url(/assets/images/contents/march-promo/flipgo/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #498068; }

.flipoints-bg {
  background-color: rgba(32, 2, 1, 0.75);
  border: 2px solid #d1a04c;
  border-radius: 10px 10px 0 0; }

.superm-mt-bg {
  background: url(/assets/images/contents/super-million/super-mt-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.super-mme-bg {
  background: url(/assets/images/contents/super-million/super-mme-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.super-m-highlight-bg {
  background: url(/assets/images/contents/super-million/super-m-highlight-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.brodcast-sched-bg {
  background: url(/assets/images/contents/super-million/brodcast-sched-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.full-event-bg {
  background: url(/assets/images/contents/super-million/full-event-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.big-winner-bg {
  background: url(/assets/images/contents/super-million/big-winner-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.million-bg1 {
  background: url(/assets/images/contents/multi-m/v2/millions-bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #2e1205; }

.million-bg3 {
  background: url(/assets/images/contents/super-million/superMsatellitesbg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #2e1205; }

.million-bg2 {
  background: url(/assets/images/contents/multi-m/v2/millions-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #2e1205; }

.super-m-goldbar {
  padding: 0;
  position: relative; }
  .super-m-goldbar .bar-text {
    position: absolute;
    top: 8%;
    width: 100%; }
    .super-m-goldbar .bar-text h3 {
      font-size: 20px;
      width: 100%;
      padding: 5% 10%;
      display: block;
      color: #6e3b0f;
      line-height: 1.3em; }
      @media (max-width: 1024px) {
        .super-m-goldbar .bar-text h3 {
          font-size: 16px; } }
      @media (max-width: 800px) {
        .super-m-goldbar .bar-text h3 {
          font-size: 13px; } }
      @media (max-width: 480px) {
        .super-m-goldbar .bar-text h3 {
          font-size: 20px; } }
      @media (max-width: 430px) {
        .super-m-goldbar .bar-text h3 {
          font-size: 17px; } }
      @media (max-width: 360px) {
        .super-m-goldbar .bar-text h3 {
          font-size: 15px; } }
    .super-m-goldbar .bar-text p {
      width: 100%;
      padding: 0 10%;
      color: #85532a;
      font-size: 15px; }
      @media (max-width: 800px) {
        .super-m-goldbar .bar-text p {
          font-size: 11px; } }
      @media (max-width: 480px) {
        .super-m-goldbar .bar-text p {
          font-size: 15px; } }
      @media (max-width: 384px) {
        .super-m-goldbar .bar-text p {
          font-size: 13px; } }
    .super-m-goldbar .bar-text .bottom {
      margin-top: 55%;
      color: #1b0606; }
      @media (max-width: 430px) {
        .super-m-goldbar .bar-text .bottom {
          margin-top: 52%; } }
      @media (max-width: 384px) {
        .super-m-goldbar .bar-text .bottom {
          margin-top: 50%; } }
      .super-m-goldbar .bar-text .bottom span {
        font-size: 16px;
        display: block; }
        @media (max-width: 430px) {
          .super-m-goldbar .bar-text .bottom span {
            font-size: 14px; } }

/* ========= OMAHA SERIES ========== */
.omahaseries-bg {
  background: url(/assets/images/contents/omaha/omahabg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.omahaseries-bg-2 {
  background: url(/assets/images/contents/omaha/omahabg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.omahaseries-bg-3 {
  background: url(/assets/images/contents/omaha/omahabg3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.omahaseries-bg-4 {
  background: url(/assets/images/contents/omaha/omahabg4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.omahaarena-bg {
  background: url(/assets/images/contents/omaha/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #0f102f; }

.omahaarena-bg2 {
  background: url(/assets/images/contents/omaha/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #0f102f; }

.omaha-series {
  padding: 10px;
  position: relative; }
  @media (max-width: 480px) {
    .omaha-series {
      padding: 5px; } }
  .omaha-series .bar-text {
    position: absolute;
    top: 10%;
    width: 90%; }
    .omaha-series .bar-text h3 {
      font-size: 22px;
      width: 100%;
      padding: 0% 10% 5%;
      display: block;
      color: #ffe79e;
      line-height: 1.3em; }
      @media (max-width: 1024px) {
        .omaha-series .bar-text h3 {
          font-size: 16px; } }
      @media (max-width: 480px) {
        .omaha-series .bar-text h3 {
          font-size: 20px; } }
      @media (max-width: 430px) {
        .omaha-series .bar-text h3 {
          font-size: 16px; } }
      @media (max-width: 375px) {
        .omaha-series .bar-text h3 {
          font-size: 14px; } }
      @media (max-width: 360px) {
        .omaha-series .bar-text h3 span {
          font-size: 13px; } }
    .omaha-series .bar-text h4, .omaha-series .bar-text p {
      font-size: 22px; }
      @media (max-width: 1024px) {
        .omaha-series .bar-text h4, .omaha-series .bar-text p {
          font-size: 16px; } }
      @media (max-width: 480px) {
        .omaha-series .bar-text h4, .omaha-series .bar-text p {
          font-size: 20px; } }
      @media (max-width: 430px) {
        .omaha-series .bar-text h4, .omaha-series .bar-text p {
          font-size: 16px; } }
      @media (max-width: 375px) {
        .omaha-series .bar-text h4, .omaha-series .bar-text p {
          font-size: 14px; } }
    .omaha-series .bar-text p {
      width: 100%;
      padding: 0 10%; }
    .omaha-series .bar-text .bottom {
      margin-top: 92%; }
      @media (max-width: 1024px) {
        .omaha-series .bar-text .bottom {
          margin-top: 90%; } }
      @media (max-width: 480px) {
        .omaha-series .bar-text .bottom {
          margin-top: 100%; } }
      @media (max-width: 320px) {
        .omaha-series .bar-text .bottom {
          margin-top: 87%; } }
      .omaha-series .bar-text .bottom span {
        font-size: 16px;
        display: block; }
        @media (max-width: 430px) {
          .omaha-series .bar-text .bottom span {
            font-size: 14px; } }
    .omaha-series .bar-text .bottom-2 {
      margin-top: 2% !important; }
      @media (max-width: 430px) {
        .omaha-series .bar-text .bottom-2 {
          margin-top: 10% !important; } }
      @media (max-width: 375px) {
        .omaha-series .bar-text .bottom-2 {
          margin-top: 11% !important; } }
    @media (max-width: 375px) {
      .omaha-series .bar-text .bottom-3 {
        margin-top: 0% !important; } }
    .omaha-series .bar-text .multi-span {
      font-size: 18px;
      margin-top: 15px; }
      @media (max-width: 1024px) {
        .omaha-series .bar-text .multi-span {
          font-size: 14px; } }
      @media (max-width: 800px) {
        .omaha-series .bar-text .multi-span {
          margin-top: 10px; } }
      @media (max-width: 480px) {
        .omaha-series .bar-text .multi-span {
          font-size: 15px; } }
      @media (max-width: 430px) {
        .omaha-series .bar-text .multi-span {
          font-size: 13px; } }
      @media (max-width: 375px) {
        .omaha-series .bar-text .multi-span {
          font-size: 12px; } }

.table-omaha-series {
  table-layout: auto;
  border: none;
  background-color: transparent;
  border-radius: 10px;
  margin-bottom: 0; }
  .table-omaha-series > thead > tr > th {
    background: #006fc5 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.5); }
    @media (max-width: 480px) {
      .table-omaha-series > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-omaha-series > thead > tr > th {
        font-size: 9px; } }
    .table-omaha-series > thead > tr > th:first-child {
      border-radius: 0; }
    .table-omaha-series > thead > tr > th:last-child {
      border-radius: 0;
      border-right: none; }
  .table-omaha-series tbody > tr:hover {
    background-color: #000 !important; }
  .table-omaha-series tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
                /*&:nth-child(5) {
                width: 10%;

                @media (max-width: 1024px) {
                    width: 4%;
                }
            }*/ }
    @media (max-width: 1024px) {
      .table-omaha-series tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-omaha-series tbody > tr > td {
        font-size: 9px; } }
    .table-omaha-series tbody > tr > td:first-child {
      width: 15%; }
      @media (max-width: 1024px) {
        .table-omaha-series tbody > tr > td:first-child {
          width: 9%; } }
      @media (max-width: 480px) {
        .table-omaha-series tbody > tr > td:first-child {
          width: 20%; } }
      @media (max-width: 375px) {
        .table-omaha-series tbody > tr > td:first-child {
          width: 25%; } }
    .table-omaha-series tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-omaha-series tbody > tr > td:nth-child(2) {
          width: 11%; } }
      @media (max-width: 375px) {
        .table-omaha-series tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-omaha-series tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-omaha-series tbody > tr > td:nth-child(3) {
          width: 19%; } }
      @media (max-width: 480px) {
        .table-omaha-series tbody > tr > td:nth-child(3) {
          width: 44%; } }
      @media (max-width: 414px) {
        .table-omaha-series tbody > tr > td:nth-child(3) {
          width: 29%; } }
      @media (max-width: 375px) {
        .table-omaha-series tbody > tr > td:nth-child(3) {
          width: 37%; } }
    .table-omaha-series tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-omaha-series tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-omaha-series tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-omaha-series tbody > tr > td:last-child {
          width: 7%; } }
      @media (max-width: 480px) {
        .table-omaha-series tbody > tr > td:last-child {
          width: 18%; } }
  .table-omaha-series > tbody > tr:nth-child(odd) {
    background-color: #0e2142; }
  .table-omaha-series > tbody > tr:nth-child(even) {
    background-color: #224c6d; }

.table-omahaseries-full {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-omahaseries-full > thead > tr > th {
    background: #0b407b !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    border-right: 1px solid #000; }
    @media (max-width: 480px) {
      .table-omahaseries-full > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-omahaseries-full > thead > tr > th {
        font-size: 9px; } }
    .table-omahaseries-full > thead > tr > th:first-child {
      border-radius: 0; }
    .table-omahaseries-full > thead > tr > th:last-child {
      border-radius: 0;
      border-right: none; }
  .table-omahaseries-full tbody > tr:hover {
    background-color: #000 !important; }
  .table-omahaseries-full tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-omahaseries-full tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-omahaseries-full tbody > tr > td {
        font-size: 9px; } }
    .table-omahaseries-full tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-omahaseries-full tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-omahaseries-full tbody > tr > td:first-child {
          width: 22%; } }
      @media (max-width: 414px) {
        .table-omahaseries-full tbody > tr > td:first-child {
          width: 14%; } }
      @media (max-width: 375px) {
        .table-omahaseries-full tbody > tr > td:first-child {
          width: 17%; } }
      @media (max-width: 360px) {
        .table-omahaseries-full tbody > tr > td:first-child {
          width: 19%; } }
    .table-omahaseries-full tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-omahaseries-full tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-omahaseries-full tbody > tr > td:nth-child(2) {
          width: 16%; } }
    .table-omahaseries-full tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-omahaseries-full tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-omahaseries-full tbody > tr > td:nth-child(3) {
          width: 75%; } }
      @media (max-width: 414px) {
        .table-omahaseries-full tbody > tr > td:nth-child(3) {
          width: 40%; } }
    .table-omahaseries-full tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-omahaseries-full tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-omahaseries-full tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-omahaseries-full tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-omahaseries-full tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-omahaseries-full tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-omahaseries-full tbody > tr > td:last-child {
          width: 0; } }
  .table-omahaseries-full > tbody > tr:nth-child(odd) {
    background-color: #131935; }
  .table-omahaseries-full > tbody > tr:nth-child(even) {
    background-color: #191f3c; }

.table-omahaseries-full-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #331509; }

.table-omahaseries-full-wrapper::-webkit-scrollbar-corner {
  background-color: #422012; }

.table-omahaseries-full-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #132d4d; }

.table-omahaseries-full-wrapper::-webkit-scrollbar-track {
  background-color: #191f3c; }

.table-superm-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-superm-body {
      padding: 0; } }

/*MILLIONS TABLE*/
.tbl-superm-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-superm-scroll-pc {
      max-height: 400px; } }

.tbl-body-superm {
  border: 1px solid #190e3e !important; }

.table-superm {
  table-layout: auto;
  border: none;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0; }
  .table-superm > thead > tr > th {
    background: #592e0c !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ff9c31; }
    @media (max-width: 480px) {
      .table-superm > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-superm > thead > tr > th {
        font-size: 9px; } }
    .table-superm > thead > tr > th:first-child {
      border-radius: 0; }
    .table-superm > thead > tr > th:last-child {
      border-radius: 0; }
  .table-superm tbody > tr:hover {
    background-color: #a56c2d !important; }
  .table-superm tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-superm tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-superm tbody > tr > td {
        font-size: 9px; } }
    .table-superm tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-superm tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-superm tbody > tr > td:first-child {
          width: 22%; } }
      @media (max-width: 414px) {
        .table-superm tbody > tr > td:first-child {
          width: 12%; } }
      @media (max-width: 375px) {
        .table-superm tbody > tr > td:first-child {
          width: 14%; } }
    .table-superm tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-superm tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-superm tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-superm tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-superm tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-superm tbody > tr > td:nth-child(3) {
          width: 75%; } }
      @media (max-width: 414px) {
        .table-superm tbody > tr > td:nth-child(3) {
          width: 60%; } }
    .table-superm tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-superm tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-superm tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-superm tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-superm tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-superm tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-superm tbody > tr > td:last-child {
          width: 0; } }
  .table-superm > tbody > tr:nth-child(odd) {
    background-color: rgba(142, 94, 40, 0.8); }
  .table-superm > tbody > tr:nth-child(even) {
    background-color: rgba(108, 64, 29, 0.8); }

.table-superm-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-superm-body {
      padding: 0; } }

/*FULL table*/
.tbl-supermfull-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-supermfull-scroll-pc {
      max-height: 400px; } }

.tbl-body-supermfull {
  border: 1px solid #190e3e !important; }

.table-supermfull {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-supermfull > thead > tr > th {
    background: #856120 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff; }
    @media (max-width: 480px) {
      .table-supermfull > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-supermfull > thead > tr > th {
        font-size: 9px; } }
    .table-supermfull > thead > tr > th:first-child {
      border-radius: 0; }
    .table-supermfull > thead > tr > th:last-child {
      border-radius: 0; }
  .table-supermfull tbody > tr:hover {
    background-color: #170904 !important; }
  .table-supermfull tbody > tr > td {
    color: #eeeeee;
    font-size: 14px;
    border-right: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-supermfull tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-supermfull tbody > tr > td {
        font-size: 9px; } }
    .table-supermfull tbody > tr > td:first-child {
      width: 9%; }
      @media (max-width: 1024px) {
        .table-supermfull tbody > tr > td:first-child {
          width: 10%; } }
      @media (max-width: 480px) {
        .table-supermfull tbody > tr > td:first-child {
          width: 22%; } }
      @media (max-width: 414px) {
        .table-supermfull tbody > tr > td:first-child {
          width: 20%; } }
      @media (max-width: 375px) {
        .table-supermfull tbody > tr > td:first-child {
          width: 24%; } }
      @media (max-width: 320px) {
        .table-supermfull tbody > tr > td:first-child {
          width: 24%; } }
    .table-supermfull tbody > tr > td:nth-child(2) {
      width: 9%; }
      @media (max-width: 480px) {
        .table-supermfull tbody > tr > td:nth-child(2) {
          width: 13%; } }
      @media (max-width: 375px) {
        .table-supermfull tbody > tr > td:nth-child(2) {
          width: 12%; } }
    .table-supermfull tbody > tr > td:nth-child(3) {
      width: 36%; }
      @media (max-width: 1024px) {
        .table-supermfull tbody > tr > td:nth-child(3) {
          width: 26%; } }
      @media (max-width: 480px) {
        .table-supermfull tbody > tr > td:nth-child(3) {
          width: 75%; } }
      @media (max-width: 414px) {
        .table-supermfull tbody > tr > td:nth-child(3) {
          width: 60%; } }
    .table-supermfull tbody > tr > td:nth-child(4) {
      width: 3%; }
      @media (max-width: 1024px) {
        .table-supermfull tbody > tr > td:nth-child(4) {
          width: 4%; } }
    .table-supermfull tbody > tr > td:nth-child(5) {
      width: 10%; }
      @media (max-width: 1024px) {
        .table-supermfull tbody > tr > td:nth-child(5) {
          width: 4%; } }
    .table-supermfull tbody > tr > td:last-child {
      width: 12%; }
      @media (max-width: 1024px) {
        .table-supermfull tbody > tr > td:last-child {
          width: 5%; } }
      @media (max-width: 480px) {
        .table-supermfull tbody > tr > td:last-child {
          width: 0; } }
  .table-supermfull > tbody > tr:nth-child(odd) {
    background-color: #331509; }
  .table-supermfull > tbody > tr:nth-child(even) {
    background-color: #422012; }

.table-supermfull-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-supermfull-body {
      padding: 0; } }

.table-supermfull-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #331509; }

.table-supermfull-wrapper::-webkit-scrollbar-corner {
  background-color: #422012; }

.table-supermfull-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #422012; }

.table-supermfull-wrapper::-webkit-scrollbar-track {
  background-color: #331509; }

/********USDT-TRC20********/
.usdt-banner-bg {
  background: url(/assets/images/contents/usdt/bannerbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #003034; }

/*.usdt-bar3bg-bg {
    background: url(/assets/images/contents/usdt/bar3bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #003034;
}*/
.usdt-bar3bg2-bg {
  background: url(/assets/images/contents/usdt/bar3bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #003034; }

.usdt-grad-bg {
  background: #50b99d;
  background: -moz-linear-gradient(left, #50b99d 0%, #008f85 100%);
  background: -webkit-linear-gradient(left, #50b99d 0%, #008f85 100%);
  background: linear-gradient(to right, #50b99d 0%, #008f85 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b99d', endColorstr='#008f85',GradientType=1 ); }

.usdt-wsop-grad-bg {
  background: #2d5b74;
  background: -moz-linear-gradient(left, #2d5b74 0%, #0c4a69 100%);
  background: -webkit-linear-gradient(left, #2d5b74 0%, #0c4a69 100%);
  background: linear-gradient(to right, #2d5b74 0%, #0c4a69 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5b74', endColorstr='#0c4a69',GradientType=1 ); }

.usdt-grad-top-bg {
  background: #171c55;
  background: -moz-linear-gradient(left, #171c55 20%, #694a4a 100%);
  background: -webkit-linear-gradient(left, #171c55 20%, #694a4a 100%);
  background: linear-gradient(to right, #171c55 20%, #694a4a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171c55', endColorstr='#694a4a',GradientType=1 ); }

.usdt-grad-top-bg2 {
  background: #242527;
  background: -moz-linear-gradient(bottom, #242527 20%, #0c223f 100%);
  background: -webkit-linear-gradient(bottom, #242527 20%, #0c223f 100%);
  background: linear-gradient(to top, #242527 20%, #0c223f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242527', endColorstr='#0c223f',GradientType=1 ); }

.usdt-btn-border {
  border: 2px solid #223f9b; }

/********GG Spring Festival********/
.sf-bg-1 {
  background: url(/assets/images/contents/ggsf/bg11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #003034; }

.sf-bg-2 {
  background: url(/assets/images/contents/ggsf/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #003034; }

.sf-bg-4 {
  background: url(/assets/images/contents/ggsf/bg4.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-color: transparent; }

.sf-bg-last {
  background: url(/assets/images/contents/ggsf/bg-last.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #003034; }

.sf-peach {
  background-color: #ede6c6; }

.sf-title {
  background: url(/assets/images/contents/ggsf/title-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #003034;
  margin-bottom: 15px;
  margin-top: 40px; }
  @media (max-width: 480px) {
    .sf-title {
      margin-top: 30px; } }

.sf-title2 {
  background-color: #154da9;
  text-align: center;
  text-decoration: none;
  outline: 0;
  padding: 10px 35px;
  transform: skew(-21deg);
  letter-spacing: 2px; }
  .sf-title2 span {
    display: inline-block;
    transform: skew(21deg); }

.sf-title3 {
  position: relative; }
  .sf-title3 h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.sf-crowd {
  position: absolute;
  bottom: 0; }

.sf-bg3 {
  position: absolute;
  bottom: 0; }

.sf-index2 {
  z-index: 2;
  position: relative; }

.pos-relative {
  position: relative; }

.sf-tag div:nth-child(2) {
  position: relative;
  top: -35px; }
  @media (max-width: 480px) {
    .sf-tag div:nth-child(2) {
      top: -25px; } }

.sf-min-padd {
  padding-bottom: 270px; }
  @media (max-width: 480px) {
    .sf-min-padd {
      padding-bottom: 70px; } }

.sf-clouds {
  overflow: hidden; }
  .sf-clouds img {
    position: absolute; }

/*Spring Festival table*/
.tbl-sf-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-sf-scroll-pc {
      max-height: 400px; } }

.tbl-body-sf {
  border: 1px solid #190e3e !important; }

.table-sf {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-sf > thead > tr > th {
    background: #45999b !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-sf > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-sf > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-sf > thead > tr > th {
        font-size: 9px; } }
    .table-sf > thead > tr > th:first-child {
      border-radius: 0; }
    .table-sf > thead > tr > th:last-child {
      border-radius: 0; }
  .table-sf tbody > tr:hover {
    background-color: #dadcbd !important; }
  .table-sf tbody > tr > td {
    color: #0a3335;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-sf tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-sf tbody > tr > td {
        font-size: 9px; } }
  .table-sf > tbody > tr:nth-child(odd) {
    background-color: #fffef2; }
  .table-sf > tbody > tr:nth-child(even) {
    background-color: #eeecd6; }
  .table-sf > thead > tr > .head-violet {
    background-color: #120924 !important;
    padding: 20px 0;
    font-size: 22px; }
    @media (max-width: 1024px) {
      .table-sf > thead > tr > .head-violet {
        font-size: 16px;
        padding: 15px 0; } }
    @media (max-width: 480px) {
      .table-sf > thead > tr > .head-violet {
        padding: 5px 0;
        font-size: 12px; } }

.table-sf-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-sf-body {
      padding: 0; } }

.table-sf-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #aad2c9; }

.table-sf-wrapper::-webkit-scrollbar-corner {
  background-color: #422012; }

.table-sf-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #eeecd6; }

.table-sf-wrapper::-webkit-scrollbar-track {
  background: #fffef2; }

.table-autumnzodiac {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-autumnzodiac > thead > tr > th {
    background: #fec96c !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
    border-top: 1px solid #000;
    border-right: 1px solid #000; }
    @media (max-width: 480px) {
      .table-autumnzodiac > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-autumnzodiac > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-autumnzodiac > thead > tr > th {
        font-size: 9px; } }
    .table-autumnzodiac > thead > tr > th:first-child {
      border-radius: 0; }
    .table-autumnzodiac > thead > tr > th:last-child {
      border-radius: 0; }
  .table-autumnzodiac > thead > tr > th.mzr {
    background: #d7cbd7 !important; }
  .table-autumnzodiac tbody > tr:hover {
    background-color: #dadcbd !important; }
  .table-autumnzodiac tbody > tr > td {
    color: #0a3335;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border-right: 1px solid #000; }
    @media (max-width: 1024px) {
      .table-autumnzodiac tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-autumnzodiac tbody > tr > td {
        font-size: 9px; } }
  .table-autumnzodiac tbody.mzr > tr:hover {
    background-color: #d9cfff !important; }
  .table-autumnzodiac > tbody > tr:nth-child(odd) {
    background-color: #ffffff; }
  .table-autumnzodiac > tbody > tr:nth-child(even) {
    background-color: #eaeaea; }
  .table-autumnzodiac > thead > tr > .head-maroon {
    padding: 8px 0;
    font-size: 19px;
    background-color: #832323 !important;
    color: #fff !important;
    border: none; }
    @media (max-width: 1024px) {
      .table-autumnzodiac > thead > tr > .head-maroon {
        font-size: 16px;
        padding: 15px 0; } }
    @media (max-width: 480px) {
      .table-autumnzodiac > thead > tr > .head-maroon {
        padding: 5px 0;
        font-size: 12px; } }
  .table-autumnzodiac > thead > tr > .head-purple {
    padding: 8px 0;
    font-size: 19px;
    background-color: #4f39a2 !important;
    color: #fff !important;
    border: none; }
    @media (max-width: 1024px) {
      .table-autumnzodiac > thead > tr > .head-purple {
        font-size: 16px;
        padding: 15px 0; } }
    @media (max-width: 480px) {
      .table-autumnzodiac > thead > tr > .head-purple {
        padding: 5px 0;
        font-size: 12px; } }
  .table-autumnzodiac > thead > tr > .head-light-maroon {
    background-color: #9a4f5b !important;
    color: #fff !important;
    border: none;
    font-size: 19px; }
    @media (max-width: 1024px) {
      .table-autumnzodiac > thead > tr > .head-light-maroon {
        font-size: 16px;
        padding: 15px 0; } }
    @media (max-width: 480px) {
      .table-autumnzodiac > thead > tr > .head-light-maroon {
        padding: 5px 0;
        font-size: 12px; } }
  .table-autumnzodiac > tfoot > tr > td {
    color: #fff;
    background-color: #fcf6d2;
    font-weight: bold; }
  .table-autumnzodiac > tfoot > tr > td.mzr {
    background-color: #fff; }

.table-iphonefun-body {
  margin: 0 20%; }
  @media (max-width: 480px) {
    .table-iphonefun-body {
      margin: 0 2%; } }

.table-iphonefun {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-iphonefun > thead > tr > th {
    background: #28306a !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px !important;
    color: #fff;
    border-top: none !important;
    border-right: none !important; }
    @media (max-width: 480px) {
      .table-iphonefun > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 15px !important; } }
    @media (max-width: 414px) {
      .table-iphonefun > thead > tr > th {
        font-size: 9px; } }
    .table-iphonefun > thead > tr > th:first-child {
      border-radius: 0; }
    .table-iphonefun > thead > tr > th:last-child {
      border-radius: 0; }
  .table-iphonefun tbody > tr:hover {
    background-color: #eee !important; }
  .table-iphonefun tbody > tr > td {
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    border-right: 1px solid #ffffff;
    vertical-align: middle;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .table-iphonefun tbody > tr > td:nth-child(1) {
      width: 30%; }
      @media (max-width: 480px) {
        .table-iphonefun tbody > tr > td:nth-child(1) {
          width: 35%; } }
    @media (max-width: 1024px) {
      .table-iphonefun tbody > tr > td {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px; } }
  .table-iphonefun > tbody > tr:nth-child(odd) {
    background-color: #4b4b4b !important; }
  .table-iphonefun > tbody > tr:nth-child(even) {
    background-color: #000000 !important; }

/* ================ PLO-5 ================= */
.highlight-plo {
  background: url(/assets/images/contents/plo/bg1.png) no-repeat;
  background-size: cover;
  background-position: center; }

.plo-5-content1 {
  background: url(/assets/images/contents/plo/bg4.png) no-repeat;
  background-size: cover;
  background-position: center; }

.plo-border-btm {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cacaca; }
  @media (max-width: 1024px) {
    .plo-border-btm {
      margin-bottom: 10px; } }

.mid-pad {
  padding-top: 24%; }
  @media (max-width: 1024px) {
    .mid-pad {
      padding-top: 20px; } }

.mid-pad-10 {
  padding-top: 6%; }
  @media (max-width: 1024px) {
    .mid-pad-10 {
      padding-top: 20px; } }

.plo-bet-option {
  padding: 2% 15% 0; }
  @media (max-width: 1024px) {
    .plo-bet-option {
      padding: 2% 0% 0; } }
  .plo-bet-option > div {
    padding: 30px; }
    @media (max-width: 1024px) {
      .plo-bet-option > div {
        padding: 20px 15px; } }
    .plo-bet-option > div p {
      font-size: 16px; }
      @media (max-width: 1024px) {
        .plo-bet-option > div p {
          font-size: 15px; } }
      .plo-bet-option > div p span {
        margin-right: 10px; }
        @media (max-width: 1024px) {
          .plo-bet-option > div p span {
            display: block;
            margin-bottom: 5px; } }

.tbl-plo thead tr th {
  background-color: #6e7681;
  color: #fff;
  border-right: 1px solid #ccc; }
  @media (max-width: 480px) {
    .tbl-plo thead tr th {
      font-size: 11px; } }

/*********WSOP-2021***********/
.blank-video {
  width: 85%;
  margin: 0 auto;
  height: 50vh; }

.highlight-wsop2021 {
  background: url(/assets/images/contents/wsop/2021/wsopc-2021-bg1.png) no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-2021-circuit-bg {
  background: url(/assets/images/contents/wsop/2021/wsopc-2021-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-2021-champ-bg {
  background: url(/assets/images/contents/wsop/2021/wsopc-2021-bg3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-2021-cash-bg {
  background: url(/assets/images/contents/wsop/2021/wsopc-2021-bg4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-2021-mainevent-bg {
  background: url(/assets/images/contents/wsop/2021/wsopc-2021-bg5.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.wsop2021-btn {
  background: rgba(201, 139, 51, 0.8);
  border-radius: 50px;
  border: 1px solid #fff;
  position: relative; }

.wsop2021-btn2 {
  background: rgba(155, 129, 58, 0.8);
  border-radius: 50px;
  border: 1px solid #fff;
  position: relative; }

.wsop2021-btn3 {
  background: #96652a;
  border-radius: 50px;
  position: relative; }

.wsop2022-btn {
  background: #aa8e51;
  border-radius: 50px;
  position: relative; }

.tclogo-float {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%); }
  .tclogo-float img {
    width: 85%; }
    @media (max-width: 768px) {
      .tclogo-float img {
        width: 65%; } }
    @media (max-width: 375px) {
      .tclogo-float img {
        width: 55%; } }
    @media (max-width: 320px) {
      .tclogo-float img {
        width: 45%; } }

.wsop-m-top {
  margin-top: 10%; }

/*WSOP 2021 Table*/
.tbl-wsop2021-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-wsop2021-scroll-pc {
      max-height: 400px; } }

.tbl-body-wsop2021 {
  border: 1px solid #190e3e !important; }

.table-wsop2021 {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-wsop2021 > thead > tr > th {
    background: #5d1717 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-wsop2021 > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-wsop2021 > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-wsop2021 > thead > tr > th {
        font-size: 9px; } }
    .table-wsop2021 > thead > tr > th:first-child {
      border-radius: 0; }
    .table-wsop2021 > thead > tr > th:last-child {
      border-radius: 0; }
  .table-wsop2021 tbody > tr:hover {
    background-color: #560909 !important; }
  .table-wsop2021 tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-wsop2021 tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wsop2021 tbody > tr > td {
        font-size: 9px; } }
  .table-wsop2021 > tbody > tr:nth-child(odd) {
    background-color: #330101; }
  .table-wsop2021 > tbody > tr:nth-child(even) {
    background-color: #2b0000; }

.table-wsop2021-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-wsop2021-body {
      padding: 0; } }

.table-wsop2021-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #5d1717; }

.table-wsop2021-wrapper::-webkit-scrollbar-corner {
  background-color: #560909; }

.table-wsop2021-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #560909; }

.table-wsop2021-wrapper::-webkit-scrollbar-track {
  background: #370a0a; }

/*WSOP-CASH-GAME-RINGS*/
.wsop-cgr-bg1 {
  background: url(/assets/images/contents/wsop/2021/cgr-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-cgr-bg2 {
  background: url(/assets/images/contents/wsop/2021/cgr-bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-prize-bg {
  background: url(/assets/images/contents/wsop/2021/prize-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-plate {
  background: url(/assets/images/contents/wsop/2021/plate.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-align: center;
  display: block;
  margin: 0 auto; }

.wsop-plate-text {
  padding: 5% 5%; }

.wsop-side-container {
  position: fixed;
  top: 35%;
  right: 3%;
  z-index: 1;
  text-align: right;
  width: 12%; }
  @media (max-width: 1600px) {
    .wsop-side-container {
      width: 14%; } }
  @media (max-width: 1440px) {
    .wsop-side-container {
      width: 15%; } }
  @media (max-width: 480px) {
    .wsop-side-container {
      width: 30%;
      top: 21%; } }
  @media (max-width: 414px) {
    .wsop-side-container {
      width: 35%;
      top: 23%; } }
  .wsop-side-container a {
    display: inline-block;
    width: 100%; }
    .wsop-side-container a img {
      width: 100%; }

/*TEAM CHAMPIONSHIP*/
.tc-banner-bg {
  background: url(/assets/images/contents/wsop-champion/champ-banner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.tc-bg1 {
  background: url(/assets/images/contents/wsop-champion/team-champions-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.tc-bg2 {
  background: url(/assets/images/contents/wsop-champion/team-champions-extra-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

/* BOOSTED WEEK */
/*.boosted-bg {
    position: absolute;
    width: 100%;
    height: auto;

    > img {
        height: 1250px;
        width: 100%;
    }
}*/
.boosted-bg {
  background: url(/assets/images/contents/boostedweek/bg-boostedweek.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.boosted-content {
  position: relative; }

.boosted-details {
  position: relative; }
  .boosted-details > p {
    font-size: 25px; }
    @media (max-width: 480px) {
      .boosted-details > p {
        font-size: 17px; } }

.bw-mid {
  position: relative;
  margin-bottom: 50px; }

.bw-text {
  background: rgba(14, 13, 43, 0.7);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  padding: 20px 0;
  border-radius: 5px; }
  @media (max-width: 480px) {
    .bw-text {
      width: 90%; } }
  .bw-text p {
    font-size: 20px; }
    @media (max-width: 480px) {
      .bw-text p {
        font-size: 14px; } }

.bigboost {
  background: rgba(14, 13, 43, 0.7); }

.table-boostedweek {
  table-layout: auto;
  /*border: 1px #000000 solid;
  background-color: rgba(7, 7, 7, 0.41);*/
  border: 1px solid #000;
  background-color: transparent;
  margin-bottom: 0; }
  .table-boostedweek > thead > tr > th {
    background: #362861; }
  .table-boostedweek > tbody > tr:nth-child(odd) {
    background-color: #17132a; }
  .table-boostedweek > tbody > tr:nth-child(even) {
    background-color: #0a0813; }
  .table-boostedweek > tbody > tr td {
    color: #fff; }
    .table-boostedweek > tbody > tr td:first-child {
      width: 12%; }
      @media (max-width: 480px) {
        .table-boostedweek > tbody > tr td:first-child {
          width: 15%; } }
    .table-boostedweek > tbody > tr td:nth-child(2) {
      width: 20%; }
      @media (max-width: 480px) {
        .table-boostedweek > tbody > tr td:nth-child(2) {
          width: 36%; } }
    .table-boostedweek > tbody > tr td:nth-child(3) {
      width: 14%; }
      @media (max-width: 480px) {
        .table-boostedweek > tbody > tr td:nth-child(3) {
          width: 14%; } }
    .table-boostedweek > tbody > tr td:nth-child(4) {
      /*text-align: right;*/
      width: 12%; }
    .table-boostedweek > tbody > tr td:last-child {
      width: 12%; }
  .table-boostedweek > tbody > tr:hover {
    background-color: #000000; }

/*HIGH ROLLERS WEEK JUNE*/
.hr-bg1 {
  background: url(/assets/images/contents/highrollers/hr-bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.hr-bg2 {
  background: url(/assets/images/contents/highrollers/hr-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.hr-crown-container {
  position: relative;
  min-height: 745px; }
  @media (max-width: 1024px) {
    .hr-crown-container {
      min-height: 635px; } }
  @media (max-width: 800px) {
    .hr-crown-container {
      min-height: 495px; } }
  .hr-crown-container .crown1 {
    width: 43%;
    left: 28.5%; }
    @media (max-width: 480px) {
      .hr-crown-container .crown1 {
        width: 80%;
        left: unset;
        margin: 0 auto; } }
    @media (max-width: 360px) {
      .hr-crown-container .crown1 {
        width: 90%; } }
  .hr-crown-container .crown2 {
    left: 0;
    bottom: 16%; }
  .hr-crown-container .crown3 {
    bottom: 0;
    left: 32.5%; }
  .hr-crown-container .crown4 {
    bottom: 16%;
    right: 0; }
  .hr-crown-container .crown2, .hr-crown-container .crown3, .hr-crown-container .crown4 {
    width: 35%; }
    @media (max-width: 480px) {
      .hr-crown-container .crown2, .hr-crown-container .crown3, .hr-crown-container .crown4 {
        width: 65%;
        left: unset;
        bottom: unset;
        margin: 0 auto; } }
    @media (max-width: 432px) {
      .hr-crown-container .crown2, .hr-crown-container .crown3, .hr-crown-container .crown4 {
        width: 70%; } }
    @media (max-width: 360px) {
      .hr-crown-container .crown2, .hr-crown-container .crown3, .hr-crown-container .crown4 {
        width: 75%; } }
  .hr-crown-container .crown-group {
    position: absolute; }
    @media (max-width: 480px) {
      .hr-crown-container .crown-group {
        position: relative; } }
    .hr-crown-container .crown-group .details {
      padding: 10% 0% 0 0%;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      transform: translate(-50%, -50%); }
      .hr-crown-container .crown-group .details h3 {
        line-height: 1.2em; }
        @media (max-width: 1024px) {
          .hr-crown-container .crown-group .details h3 {
            font-size: 18px; } }
        @media (max-width: 800px) {
          .hr-crown-container .crown-group .details h3 {
            font-size: 14px; } }
        @media (max-width: 480px) {
          .hr-crown-container .crown-group .details h3 {
            font-size: 18px; } }
        @media (max-width: 432px) {
          .hr-crown-container .crown-group .details h3 {
            font-size: 16px; } }
        .hr-crown-container .crown-group .details h3 span {
          font-size: 18px; }
          @media (max-width: 1024px) {
            .hr-crown-container .crown-group .details h3 span {
              font-size: 15px; } }
          @media (max-width: 800px) {
            .hr-crown-container .crown-group .details h3 span {
              font-size: 12px; } }
          @media (max-width: 480px) {
            .hr-crown-container .crown-group .details h3 span {
              font-size: 15px; } }
          @media (max-width: 432px) {
            .hr-crown-container .crown-group .details h3 span {
              font-size: 14px; } }
      .hr-crown-container .crown-group .details p {
        font-size: 15px;
        padding: 10px 0;
        line-height: 1.5em; }
        @media (max-width: 1024px) {
          .hr-crown-container .crown-group .details p {
            font-size: 12px; } }
        @media (max-width: 800px) {
          .hr-crown-container .crown-group .details p {
            font-size: 10px; } }
        @media (max-width: 480px) {
          .hr-crown-container .crown-group .details p {
            font-size: 14px; } }
        @media (max-width: 432px) {
          .hr-crown-container .crown-group .details p {
            font-size: 12px; } }
        @media (max-width: 384px) {
          .hr-crown-container .crown-group .details p {
            font-size: 10px; } }
      @media (max-width: 1024px) {
        .hr-crown-container .crown-group .details h4 {
          font-size: 15px; } }
      @media (max-width: 800px) {
        .hr-crown-container .crown-group .details h4 {
          font-size: 12px; } }
      @media (max-width: 480px) {
        .hr-crown-container .crown-group .details h4 {
          font-size: 15px; } }
      @media (max-width: 432px) {
        .hr-crown-container .crown-group .details h4 {
          font-size: 14px; } }

/*High Roller Table*/
.tbl-highroller21-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-highroller21-scroll-pc {
      max-height: 400px; } }

.tbl-body-highroller21 {
  border: 1px solid #190e3e !important; }

.table-highroller21 {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-highroller21 > thead > tr > th {
    background: #523009 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-highroller21 > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-highroller21 > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-highroller21 > thead > tr > th {
        font-size: 9px; } }
    .table-highroller21 > thead > tr > th:first-child {
      border-radius: 0; }
    .table-highroller21 > thead > tr > th:last-child {
      border-radius: 0; }
  .table-highroller21 tbody > tr:hover {
    background-color: #000 !important; }
  .table-highroller21 tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-highroller21 tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-highroller21 tbody > tr > td {
        font-size: 9px; } }
  .table-highroller21 > tbody > tr:nth-child(odd) {
    background-color: #110900; }
  .table-highroller21 > tbody > tr:nth-child(even) {
    background-color: #23120c; }

.table-highroller21-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-highroller21-body {
      padding: 0; } }

.table-highroller21-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

.table-highroller21-wrapper::-webkit-scrollbar-corner {
  background-color: #560909; }

.table-highroller21-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #382119; }

.table-highroller21-wrapper::-webkit-scrollbar-track {
  background: #1d110d; }

/*LIVE CASINO*/
.lc-title {
  position: relative; }
  .lc-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.live-casino-bg1 {
  background: url(/assets/images/contents/live-casino/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #24023d; }

.live-casino-bg2 {
  background: url(/assets/images/contents/live-casino/bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  background-color: #200f2c; }

.live-casino-bg3 {
  background: url(/assets/images/contents/live-casino/bg3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-color: #2c163d; }

.live-casino-bg4 {
  background: url(/assets/images/contents/live-casino/bg4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  background-color: #1f102c; }

.live-casino-bg5 {
  background: url(/assets/images/contents/live-casino/bg5.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-color: #2c153d; }

@media (max-width: 1680px) {
  .live-casino-bg2, .live-casino-bg3, .live-casino-bg4, .live-casino-bg5 {
    background-position: center; } }

/*Live Casino Table*/
.tbl-livecasino-scroll-pc {
  overflow: auto;
  max-height: 420px; }
  @media (max-width: 768px) {
    .tbl-livecasino-scroll-pc {
      max-height: 350px; } }
  @media (max-width: 480px) {
    .tbl-livecasino-scroll-pc {
      max-height: 240px; } }

.tbl-body-livecasino {
  border: 1px solid #190e3e !important; }

.table-livecasino {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-livecasino > thead > tr > th {
    background: #0c0319 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFF2DB; }
    @media (max-width: 480px) {
      .table-livecasino > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-livecasino > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-livecasino > thead > tr > th {
        font-size: 9px; } }
    .table-livecasino > thead > tr > th:first-child {
      border-radius: 0; }
    .table-livecasino > thead > tr > th:last-child {
      border-radius: 0; }
  .table-livecasino tbody > tr:hover {
    background-color: #170b28 !important; }
  .table-livecasino tbody > tr > td {
    color: #FFF2DB;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-livecasino tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-livecasino tbody > tr > td {
        font-size: 9px; } }
  .table-livecasino > tbody > tr:nth-child(odd) {
    background-color: #300f40; }
  .table-livecasino > tbody > tr:nth-child(even) {
    background-color: #3e1950; }

.table-livecasino-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-livecasino-body {
      padding: 0; } }

.table-livecasino-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

.table-livecasino-wrapper::-webkit-scrollbar-corner {
  background-color: #0c0319; }

.table-livecasino-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #3a134d; }

.table-livecasino-wrapper::-webkit-scrollbar-track {
  background: #180f1c; }

/*Battle Royale*/
.btr-main-title {
  position: relative; }
  .btr-main-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 1024px) {
      .btr-main-title h3 {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin-top: 10px; } }

.btr-bg1 {
  background: url(/assets/images/contents/battle-royale/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #13180c; }

.btr-bg2 {
  background: url(/assets/images/contents/battle-royale/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #13180c; }

.btr-bg3 {
  background: url(/assets/images/contents/battle-royale/bg3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #13180c; }

.arrow-royale {
  position: absolute;
  top: 35%;
  right: -32px;
  width: 18%; }
  @media (max-width: 480px) {
    .arrow-royale {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      right: 43%;
      top: unset;
      bottom: -15%;
      width: 13%; } }

@media (max-width: 480px) {
  .million-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }

.btr-title2 {
  font-size: 0; }
  .btr-title2 .title-rev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.btr-w-bullet {
  /*h3:before {
  	content: '';
  	background-image: url(/assets/images/contents/battle-royale/btr-bullet.png);
  	position: absolute;
  	background-repeat: no-repeat;
  	background-size: cover;
  	right: 12px;
  	width: 15px;
  	height: 9px;
  	top: 17px;
  	transition: linear .3s;
  }*/ }
  .btr-w-bullet span {
    padding-right: 15px; }
  .btr-w-bullet p {
    padding-left: 25px; }

.btr-prompt {
  position: relative;
  background-color: #242e1e;
  padding: 40px;
  margin-top: 5%; }
  .btr-prompt h3 {
    position: absolute;
    background: url(/assets/images/contents/battle-royale/topbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    width: 18%;
    padding: 5px 0px 5px 35px;
    top: -15px;
    left: -15px; }
    @media (max-width: 480px) {
      .btr-prompt h3 {
        background-position: right;
        width: 30%;
        padding: 5px 0px 5px 20px;
        left: 0px; } }
    @media (max-width: 432px) {
      .btr-prompt h3 {
        width: 35%;
        padding: 5px 0px 5px 15px; } }

.tbl-battle-royale-scroll-pc {
  overflow: auto;
  max-height: 420px; }
  @media (max-width: 768px) {
    .tbl-battle-royale-scroll-pc {
      max-height: 350px; } }
  @media (max-width: 480px) {
    .tbl-battle-royale-scroll-pc {
      max-height: 240px; } }

.tbl-body-battle-royale {
  border: 1px solid #190e3e !important; }

.table-battle-royale {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-battle-royale > thead > tr > th {
    background: #414632 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #FFF; }
    @media (max-width: 480px) {
      .table-battle-royale > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-battle-royale > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-battle-royale > thead > tr > th {
        font-size: 9px; } }
    .table-battle-royale > thead > tr > th:first-child {
      border-radius: 0; }
    .table-battle-royale > thead > tr > th:last-child {
      border-radius: 0; }
  .table-battle-royale tbody > tr:hover {
    background-color: #181c10 !important; }
  .table-battle-royale tbody > tr > td {
    color: #FFF;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-battle-royale tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-battle-royale tbody > tr > td {
        font-size: 9px; } }
  .table-battle-royale > tbody > tr:nth-child(odd) {
    background-color: #080d08; }
  .table-battle-royale > tbody > tr:nth-child(even) {
    background-color: #040704; }

.table-battle-royale-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-battle-royale-body {
      padding: 0; } }

.table-battle-royale-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #161910; }

.table-battle-royale-wrapper::-webkit-scrollbar-corner {
  background-color: #0c0319; }

.table-battle-royale-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #0f170f; }

.table-battle-royale-wrapper::-webkit-scrollbar-track {
  background: #040704; }

/* BATTLE ROYALE JUNE PROMO */
.battleroyale-pts {
  position: relative; }

.battleroyale-pts-detail {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

@media (max-width: 575px) {
  .battleroyale-pts-detail-1 h2 {
    font-size: 15px !important;
    margin-bottom: 5px; }
  .battleroyale-pts-detail-1 p {
    font-size: 12px;
    line-height: 18px; } }

/*Shortdeck-series*/
.sds-bg1 {
  background: url(/assets/images/contents/shortdeck/series-2022/sds-bgscroll1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #2a0732;
  background-attachment: fixed; }

.sds-bg2 {
  background: url(/assets/images/contents/shortdeck/series-2022/sds-bgscroll2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  background-color: #260737;
  background-attachment: fixed; }

.sds-bg3 {
  background: url(/assets/images/contents/shortdeck/series-2022/heartbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #260737;
  background-attachment: fixed; }

.sdc-quare-title {
  position: relative; }
  .sdc-quare-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px; }
    .sdc-quare-title h3 span {
      font-size: 35px; }
    @media (max-width: 480px) {
      .sdc-quare-title h3 {
        font-size: 25px; }
        .sdc-quare-title h3 span {
          font-size: 30px; } }
    @media (max-width: 384px) {
      .sdc-quare-title h3 {
        font-size: 20px; }
        .sdc-quare-title h3 span {
          font-size: 22px; } }

.sdc-anchor {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #fff59c;
  box-shadow: 1px 1px 5px #fff59c;
  -webkit-box-shadow: 1px 1px 5px #fff59c;
  -moz-box-shadow: 1px 1px 5px #fff59c;
  -o-box-shadow: 1px 1px 5px #fff59c; }

.sdc-anchor2 {
  position: relative;
  border: 2px solid #fff59c;
  box-shadow: 1px 1px 5px #fff59c, 3px 9px 5px #1f1f1f;
  -webkit-box-shadow: 1px 1px 5px #fff59c, 3px 9px 5px #1f1f1f;
  -moz-box-shadow: 1px 1px 5px #fff59c, 3px 9px 5px #1f1f1f;
  -o-box-shadow: 1px 1px 5px #fff59c, 3px 9px 5px #1f1f1f; }

.sds-logo-float {
  position: relative; }

.sds-pkvid-float {
  position: absolute;
  bottom: 20%;
  right: 8%;
  color: #ffed9f;
  font-size: 24px; }
  @media (max-width: 1024px) {
    .sds-pkvid-float {
      bottom: 5%;
      right: 2%;
      background: rgba(0, 0, 0, 0.5);
      padding: 20px;
      border-radius: 5px 0px 15px 5px; } }
  @media (max-width: 480px) {
    .sds-pkvid-float {
      bottom: 6.5%;
      right: 1.5%;
      padding: 10px;
      font-size: 14px; } }

/*Shortdeck Series Table*/
.tbl-shortdeck-series-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-shortdeck-series-scroll-pc {
      max-height: 400px; } }

.tbl-body-shortdeck-series {
  border: 1px solid #190e3e !important; }

.table-shortdeck-series {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-shortdeck-series > thead > tr > th {
    background: #250123 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #d6ced2; }
    @media (max-width: 480px) {
      .table-shortdeck-series > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-shortdeck-series > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-shortdeck-series > thead > tr > th {
        font-size: 9px; } }
    .table-shortdeck-series > thead > tr > th:first-child {
      border-radius: 0; }
    .table-shortdeck-series > thead > tr > th:last-child {
      border-radius: 0; }
  .table-shortdeck-series tbody > tr:hover {
    background-color: #000 !important; }
  .table-shortdeck-series tbody > tr > td {
    color: #d6ced2;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-shortdeck-series tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-shortdeck-series tbody > tr > td {
        font-size: 9px; } }
  .table-shortdeck-series > tbody > tr:nth-child(odd) {
    background-color: #40143e; }
  .table-shortdeck-series > tbody > tr:nth-child(even) {
    background-color: #361033; }

.table-shortdeck-series-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-shortdeck-series-body {
      padding: 0; } }

.table-shortdeck-series-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

.table-shortdeck-series-wrapper::-webkit-scrollbar-corner {
  background-color: #560909; }

.table-shortdeck-series-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #260124; }

.table-shortdeck-series-wrapper::-webkit-scrollbar-track {
  background: #40143e; }

/*BOM2021*/
.bom21-bg1 {
  background: url(/assets/images/contents/wpt/battle-malta/bom21-bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.bom21-bg2 {
  background: url(/assets/images/contents/wpt/battle-malta/bom21-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.bom21-bg3 {
  background: url(/assets/images/contents/wpt/battle-malta/bom21-bg3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.bom21-bg4 {
  background: url(/assets/images/contents/wpt/battle-malta/bom21-bg4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.bom21-bg5 {
  background: url(/assets/images/contents/wpt/battle-malta/bom21-bg5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

/*WSOP-ONLINE-2021*/
.wsop-ol-bg1 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg1.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-ol-bg2 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg2.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-ol-bg3 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg3.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-ol-bg4 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg4.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.wsop-ol-bg5 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg5.jpg) no-repeat;
  background-size: cover;
  background-position: top center; }

.wsop-ol-bg6 {
  background: url(/assets/images/contents/wsop-champion/online-2021/wsopbg6.jpg) no-repeat;
  background-size: cover;
  background-position: top center; }

.wsop-21grad {
  background: linear-gradient(140deg, #670000 0%, #b30000 47%, #670000 100%);
  display: inline-block;
  border: 2px solid #e0c173;
  text-align: center;
  vertical-align: top; }

.wsop-ol-lv {
  background: url(/assets/images/contents/wsop-champion/online-2021/bgLV.jpg?v=72921) no-repeat;
  background-size: cover;
  background-position: top center; }

/*WSOP 2021 online Table*/
.tbl-wsop2021-ol-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-wsop2021-ol-scroll-pc {
      max-height: 400px; } }

.tbl-body-wsop2021-ol {
  border: 1px solid #190e3e !important; }

.table-wsop2021-ol {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-wsop2021-ol > thead > tr > th {
    background: #661308 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffeec6; }
    @media (max-width: 480px) {
      .table-wsop2021-ol > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-wsop2021-ol > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-wsop2021-ol > thead > tr > th {
        font-size: 9px; } }
    .table-wsop2021-ol > thead > tr > th:first-child {
      border-radius: 0; }
    .table-wsop2021-ol > thead > tr > th:last-child {
      border-radius: 0; }
  .table-wsop2021-ol tbody > tr:hover {
    background-color: #261100 !important; }
  .table-wsop2021-ol tbody > tr > td {
    color: #dddbd8;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-wsop2021-ol tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wsop2021-ol tbody > tr > td {
        font-size: 9px; } }
  .table-wsop2021-ol > tbody > tr:nth-child(odd) {
    background-color: #130404; }
  .table-wsop2021-ol > tbody > tr:nth-child(even) {
    background-color: #000; }

.table-wsop2021-ol-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-wsop2021-ol-body {
      padding: 0; } }

.table-wsop2021-ol-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #000; }

.table-wsop2021-ol-wrapper::-webkit-scrollbar-corner {
  background-color: #560909; }

.table-wsop2021-ol-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #560909; }

.table-wsop2021-ol-wrapper::-webkit-scrollbar-track {
  background: #000; }

.hr-4949 {
  border-top: 1px solid #494949 !important; }

.hr-fff {
  border-top: 1px solid #494949 !important; }

.wsop-go-btn {
  position: absolute;
  right: 10%;
  bottom: 12%; }
  @media (max-width: 1024px) {
    .wsop-go-btn {
      right: 5%;
      bottom: 10%; } }
  @media (max-width: 800px) {
    .wsop-go-btn {
      font-size: 2.2vw !important; }
      .wsop-go-btn a img {
        width: 7vw; } }
  @media (max-width: 480px) {
    .wsop-go-btn {
      font-size: 2.8vw !important; }
      .wsop-go-btn a img {
        width: 8vw; } }

/****AOF SIT GO****/
.aof-sitgo-bg {
  background: url(/assets/images/contents/aof-sit-go/sitgo-bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #3d437f; }

.sitgo-title {
  position: relative; }
  .sitgo-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.table-aof-sitgo {
  table-layout: auto !important;
  border-radius: 10px;
  background: #d2d2d2; }
  @media (max-width: 480px) {
    .table-aof-sitgo {
      margin: 10px 0; } }
  .table-aof-sitgo thead > tr > th {
    border-right: 1px solid #ddd;
    background: #6e7681 !important;
    color: #fff !important; }
    @media (max-width: 480px) {
      .table-aof-sitgo thead > tr > th {
        font-size: 12px;
        padding: 5px 2px; } }
    .table-aof-sitgo thead > tr > th > :last-child {
      border-right: none; }
  .table-aof-sitgo tbody > tr td {
    border-right: 1px solid #ddd;
    font-size: 15px;
    color: #000; }
    .table-aof-sitgo tbody > tr td > :last-child {
      border-right: none; }
    @media (max-width: 480px) {
      .table-aof-sitgo tbody > tr td {
        font-size: 12px;
        padding: 5px 2px; } }
  .table-aof-sitgo tbody > tr > :last-child {
    width: 20%; }

/****GGXWSOP****/
.gxw-bg1 {
  background: url(/assets/images/contents/ggxwsop/gxw-bg1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.gxw-bg2 {
  background: url(/assets/images/contents/ggxwsop/gxw-bg2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.gxw-bg3 {
  background: url(/assets/images/contents/ggxwsop/gxw-bg3.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.gxw-bg4 {
  background: url(/assets/images/contents/ggxwsop/gxw-bg4.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000; }

.gxw-giftbox-container {
  position: relative;
  width: 70%;
  margin: 20px auto; }
  @media (max-width: 1024px) {
    .gxw-giftbox-container {
      width: 85%; } }
  @media (max-width: 480px) {
    .gxw-giftbox-container {
      width: 100%;
      margin: 10px auto; } }
  .gxw-giftbox-container .box-content-grp {
    position: absolute;
    width: 100%;
    top: 21%;
    font-size: 0;
    text-align: left; }
    @media (max-width: 480px) {
      .gxw-giftbox-container .box-content-grp {
        top: 24%; } }
    .gxw-giftbox-container .box-content-grp .box-left {
      width: 30%;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
      @media (max-width: 800px) {
        .gxw-giftbox-container .box-content-grp .box-left h3 {
          font-size: 18px; } }
      @media (max-width: 480px) {
        .gxw-giftbox-container .box-content-grp .box-left h3 {
          font-size: 14px; } }
      @media (max-width: 360px) {
        .gxw-giftbox-container .box-content-grp .box-left h3 {
          font-size: 12px; } }
    .gxw-giftbox-container .box-content-grp .box-right {
      width: 50%;
      text-align: left;
      display: inline-block;
      vertical-align: middle;
      padding-left: 6%; }
      @media (max-width: 480px) {
        .gxw-giftbox-container .box-content-grp .box-right {
          width: 60%; } }
      .gxw-giftbox-container .box-content-grp .box-right .main {
        font-size: 28px;
        margin-bottom: 10px; }
        @media (max-width: 800px) {
          .gxw-giftbox-container .box-content-grp .box-right .main {
            font-size: 24px; } }
        @media (max-width: 480px) {
          .gxw-giftbox-container .box-content-grp .box-right .main {
            font-size: 18px;
            margin-bottom: 8px; } }
        @media (max-width: 430px) {
          .gxw-giftbox-container .box-content-grp .box-right .main {
            font-size: 14px; } }
        @media (max-width: 360px) {
          .gxw-giftbox-container .box-content-grp .box-right .main {
            font-size: 12px; } }
      .gxw-giftbox-container .box-content-grp .box-right p {
        font-size: 16px; }
        @media (max-width: 800px) {
          .gxw-giftbox-container .box-content-grp .box-right p {
            font-size: 12px; } }
        @media (max-width: 430px) {
          .gxw-giftbox-container .box-content-grp .box-right p {
            font-size: 10px; } }
        @media (max-width: 360px) {
          .gxw-giftbox-container .box-content-grp .box-right p {
            font-size: 9px; } }

.bg-ggcare-2 {
  background: url(/assets/images/contents/ggcarecheers/bg22.jpg?v=083021);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.bg-ggcare-1 {
  background: url(/assets/images/contents/ggcarecheers/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.bg-ggcare-3 {
  background: url(/assets/images/contents/ggcarecheers/bgtoons.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center; }

.bg-man {
  background: url(/assets/images/contents/ggcarecheers/bgman.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center; }

/*Badbeat*/
@media (max-width: 480px) {
  .table-badbeat > thead > tr > th {
    font-size: 12px; } }

.table-badbeat > tbody > tr > td {
  color: #000;
  font-size: 16px;
  line-height: 1.5em; }
  @media (max-width: 480px) {
    .table-badbeat > tbody > tr > td {
      font-size: 12px; } }

.tbl-bbj {
  border: none !important; }
  .tbl-bbj > thead > tr > th {
    font-size: 16px; }
  .tbl-bbj tr {
    border: none !important; }
  .tbl-bbj > tbody > tr:nth-child(odd) {
    background-color: rgba(126, 32, 22, 0.5) !important; }
  .tbl-bbj > tbody > tr:nth-child(even) {
    background-color: rgba(50, 8, 16, 0.5) !important; }
  .tbl-bbj > tbody > tr > td {
    color: #fff !important;
    font-size: 15px; }

.black-header th {
  background: #000000 !important;
  color: #fff !important; }

.bbj-bg {
  background: url(/assets/images/contents/badbeatjackpot/bird.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: top center; }

.bbj-bg2 {
  background: url(/assets/images/contents/badbeatjackpot/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: top center;
  padding-bottom: 35px; }

.bbj-txt {
  padding-top: 29%; }

.bbj-txtbox {
  background: rgba(0, 0, 0, 0.15);
  padding: 20px 0; }
  .bbj-txtbox > img {
    padding-bottom: 25px; }

.bbj-txtbox2 {
  background: rgba(35, 0, 6, 0.5);
  padding: 20px 0; }

.bbj-hr {
  padding: 3% 0; }

.bbj-img {
  border-bottom: 2px solid #9e4a2e;
  padding-bottom: 20px; }

.bbj-rules {
  background: rgba(255, 255, 255, 0.1); }

/* RNC friday */
.rnc-bg-1 {
  background: url(/assets/images/contents/rushcashfri/bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center; }

.rnc-bg-2 {
  background: url(/assets/images/contents/rushcashfri/bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center; }

.rnc-bg-3 {
  background: url(/assets/images/contents/rushcashfri/bgip.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center; }

.rnc-bigtxt {
  color: #ffc230;
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
  margin-top: -8%; }
  @media (max-width: 768px) {
    .rnc-bigtxt {
      font-size: 30px;
      line-height: 40px; } }
  @media (max-width: 480px) {
    .rnc-bigtxt {
      font-size: 25px;
      line-height: 35px; } }

.rnc-bigtxt-2 {
  font-size: 28px;
  line-height: 38px;
  margin-top: -8%; }
  @media (max-width: 480px) {
    .rnc-bigtxt-2 {
      font-size: 16px;
      line-height: 22px; } }
  @media (max-width: 414px) {
    .rnc-bigtxt-2 {
      font-size: 14px;
      line-height: 20px; } }

.rnc-bg-transparent, .rnc-bg-transparent-2 {
  background: #0a0504;
  margin: 20px 15% 0; }
  @media (max-width: 768px) {
    .rnc-bg-transparent, .rnc-bg-transparent-2 {
      margin: 15px 2% 0; } }

.rnc-bg-transparent-2 {
  background: #1f100d !important; }

.rnc-bg-step {
  background: url(/assets/images/contents/rushcashfri/bgtab.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  border: 1px solid #d8c988;
  margin-bottom: 10px; }
  .rnc-bg-step li h3 {
    margin-top: 14%;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .rnc-bg-step li h3 {
        margin-top: 4%;
        margin-bottom: 12px;
        font-size: 18px; } }
  .rnc-bg-step li p {
    color: #dcd3bd; }
    @media (max-width: 768px) {
      .rnc-bg-step li p {
        font-size: 13px;
        line-height: 20px; } }

.rnc-iphonetxt {
  position: absolute;
  left: 17%;
  top: 43%;
  color: #ffc230;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 40px; }
  @media (max-width: 480px) {
    .rnc-iphonetxt {
      left: 5%;
      top: 25%; } }

/*SuperMweek September 2021*/
.super-mw1 {
  background: url(/assets/images/contents/super-million/bg1.png?v=1129);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #120301; }

.super-mw2 {
  background: url(/assets/images/contents/super-million/bg3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #210902; }

.super-mw3 {
  background: url(/assets/images/contents/super-million/bg4.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #43200b; }

.bg-superm-opac {
  background-color: rgba(139, 61, 38, 0.3);
  box-shadow: 1px 2px 7px black; }

.download-div {
  padding: 20px 40px;
  vertical-align: top;
  height: 436px; }
  @media (max-width: 495px) {
    .download-div {
      height: auto;
      width: 90%; } }
  .download-div button:hover {
    background-color: #a53535; }

.autumn-poster {
  height: 436px; }
  @media (max-width: 495px) {
    .autumn-poster {
      height: auto;
      width: 90%; } }

.iphonefun-content {
  margin: 0 15%; }
  @media (max-width: 1024px) {
    .iphonefun-content {
      margin: 0; } }

.bubble-list {
  padding-top: 8%; }
  @media (max-width: 600px) {
    .bubble-list {
      padding-top: 2%; } }
  .bubble-list li {
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 15px 5px; }
    .bubble-list li p {
      font-size: 16px; }
    .bubble-list li p:first-child {
      color: #3a7cc6;
      font-weight: bold;
      padding-bottom: 5px; }

.tbl-bubble {
  width: 60%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .tbl-bubble {
      width: 90%; } }
  .tbl-bubble table {
    width: 100% !important; }
  .tbl-bubble tr th {
    color: #fff !important;
    background: #6e7681 !important; }

.faqlist-bubble p:nth-child(odd) {
  font-size: 16px;
  border: none !important;
  border-radius: 5px !important;
  background-color: transparent !important;
  padding: 10px;
  display: inline-block; }
.faqlist-bubble p:nth-child(even) {
  margin: 5px 0 5px 50px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #e4e4e4 !important;
  background-color: #fff !important;
  padding: 10px; }
  @media (max-width: 768px) {
    .faqlist-bubble p:nth-child(even) {
      margin: 5px 0 5px 20px; } }

.mzrbtn-tooltip {
  position: relative; }
  .mzrbtn-tooltip > span {
    color: #4f39a2;
    font-size: 15px;
    display: inline-block;
    margin-left: 10px; }
    @media (max-width: 480px) {
      .mzrbtn-tooltip > span {
        display: block;
        font-size: 13px;
        margin-top: 5px;
        margin-left: 0; } }
    @media (max-width: 480px) {
      .mzrbtn-tooltip > span img {
        width: 20px;
        vertical-align: middle; } }

.table-rnc-zodiac {
  border: 1px #686868 solid !important;
  border-radius: 0; }
  .table-rnc-zodiac > thead > tr > th {
    background: #14112b; }
  .table-rnc-zodiac > thead > .headblue > th {
    background: #28306a !important;
    padding: 0;
    vertical-align: middle; }
  .table-rnc-zodiac > tbody > tr:nth-child(odd),
  .table-rnc-zodiac > ul > li:nth-child(odd) {
    background-color: #ffffff; }
  .table-rnc-zodiac > tbody > tr:nth-child(even),
  .table-rnc-zodiac > ul > li:nth-child(even) {
    background-color: #eaeaea; }
  .table-rnc-zodiac tfoot > tr > td {
    color: #fff;
    background-color: #87c09f;
    font-weight: bold; }

.table-wsopc-energy {
  border: 1px #686868 solid !important;
  border-radius: 0; }
  .table-wsopc-energy > thead > tr > th {
    background: #8c1f24; }
    .table-wsopc-energy > thead > tr > th:first-child {
      border-right: 1px solid #1c1c1c; }
  .table-wsopc-energy > thead > .headblue > th {
    background: #28306a !important;
    padding: 0;
    vertical-align: middle; }
  .table-wsopc-energy > tbody > tr > td:first-child {
    border-right: 1px solid #1c1c1c; }
  .table-wsopc-energy > tbody > tr:nth-child(odd),
  .table-wsopc-energy > ul > li:nth-child(odd) {
    background-color: #ffffff; }
  .table-wsopc-energy > tbody > tr:nth-child(even),
  .table-wsopc-energy > ul > li:nth-child(even) {
    background-color: #eaeaea; }
  .table-wsopc-energy tfoot > tr > td {
    color: #fff;
    background-color: #87c09f;
    font-weight: bold; }

/*Ask-fedor*/
.bg-fedor-1 {
  background: url(/assets/images/contents/ask-fedor/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.bg-fedor-2 {
  background: url(/assets/images/contents/ask-fedor/bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #102e1c; }

.fedor-title-1 {
  background-color: #153a24;
  border-radius: 10px;
  box-shadow: 1px 5px 4px 0px #062211;
  padding: 7px 0;
  position: relative; }
  .fedor-title-1 .tip {
    position: absolute;
    left: 80% !important; }

.fedor-title-2 {
  background-color: #3f845b;
  border-radius: 10px;
  padding: 7px 0;
  position: relative; }

.fedor-title-1 .tip, .fedor-title-2 .tip {
  position: absolute;
  left: 50%; }

.fedor-step {
  position: relative;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .fedor-step {
      margin-bottom: 10px;
      margin-top: 10px; } }
  .fedor-step img {
    width: 100%; }
  .fedor-step h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: 100%; }

.fedor-package {
  position: relative;
  margin-bottom: 20px; }
  @media (max-width: 480px) {
    .fedor-package {
      margin-bottom: 5px;
      margin-top: 5px; } }
  .fedor-package img {
    width: 100%; }
    @media (max-width: 480px) {
      .fedor-package img {
        width: 90%;
        margin: 0 auto;
        display: block; } }
    @media (max-width: 375px) {
      .fedor-package img {
        width: 100%; } }
  .fedor-package h4 {
    position: absolute;
    top: 8%;
    left: 30%;
    color: white;
    width: 100%;
    font-size: 17px;
    font-weight: bold; }
    @media (max-width: 768px) {
      .fedor-package h4 {
        font-size: 13px; } }
    @media (max-width: 480px) {
      .fedor-package h4 {
        font-size: 17px; } }
    .fedor-package h4 span {
      display: block;
      padding-left: 5%;
      font-size: 14px;
      padding-top: 5%;
      line-height: 1.3em;
      width: 65%;
      font-weight: normal; }
      @media (max-width: 1024px) {
        .fedor-package h4 span {
          font-size: 11px; } }
      @media (max-width: 768px) {
        .fedor-package h4 span {
          font-size: 9px; } }
      @media (max-width: 480px) {
        .fedor-package h4 span {
          font-size: 14px; } }

.fedorvip-title {
  position: relative; }
  .fedorvip-title h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; }
  .fedorvip-title img {
    width: 100%; }

/*WSOPC-WINTER2021*/
.win2021-bg {
  background: url(/assets/images/contents/wsop/winter/2021/win-mainbg.jpg);
  background-size: cover;
  background-position: center;
  background-color: #fff; }

.wincir-main-banner {
  position: relative;
  overflow: hidden; }
  .wincir-main-banner .wwgif {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  @media (max-width: 1440px) {
    .wincir-main-banner .mbanner-wd {
      width: 70%; } }
  @media (max-width: 1024px) {
    .wincir-main-banner .mbanner-wd {
      width: 80%; } }
  @media (max-width: 480px) {
    .wincir-main-banner .mbanner-wd {
      width: 70%; } }

.wwside-gif {
  position: relative;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 10%); }

.wincir-bg2 {
  background: url(/assets/images/contents/wsop/winter/2021/win-bg2.jpg);
  background-size: cover;
  background-position: top center;
  background-color: #eaebed; }
  @media (max-width: 1600px) {
    .wincir-bg2 {
      background-size: 105%; } }
  @media (max-width: 1280px) {
    .wincir-bg2 {
      background-size: 108%; } }
  @media (max-width: 1024px) {
    .wincir-bg2 {
      background-size: 370%;
      background-position: bottom center; } }

.wincir-bg3 {
  background: url(/assets/images/contents/wsop/winter/2021/win-bg3.jpg);
  background-size: cover;
  background-position: center;
  background-color: #eaebed; }

.wincir-bg4 {
  background: url(/assets/images/contents/wsop/winter/2021/win-bg4.jpg);
  background-size: cover;
  background-position: center;
  background-color: #eaebed; }

.wincir-bg5 {
  background: url(/assets/images/contents/wsop/winter/2021/win-bg5.jpg);
  background-size: cover;
  background-position: top center;
  background-color: #eaebed; }
  .wincir-bg5 .wn-p1 {
    background: rgba(0, 0, 0, 0.05); }

.wc-part1 {
  padding-bottom: 7%; }
  @media (max-width: 1600px) {
    .wc-part1 {
      padding-bottom: 8%; } }
  @media (max-width: 1024px) {
    .wc-part1 {
      padding-bottom: 0; } }

/*.win2021-bg {
    background: linear-gradient(rgba(109, 69, 31, 0.5), rgba(108, 75, 46, 0.5)), url(/assets/images/contents/wsop/winter/2021/win-mainbg.jpg);
    background-size: cover;
    background-position: center;
    background-color: #320b06;
}*/
/*WSOPC Winter 2021 Table*/
.tbl-wsopwinter2021-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-wsopwinter2021-scroll-pc {
      max-height: 400px; } }

.tbl-body-wsop2021 {
  border: 1px solid #190e3e !important; }

.table-wsopwinter2021 {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-wsopwinter2021 > thead > tr > th {
    background: #ba0d0d !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-wsopwinter2021 > thead > tr > th:nth-child(3) {
        width: 35%; } }
    @media (max-width: 480px) {
      .table-wsopwinter2021 > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-wsopwinter2021 > thead > tr > th {
        font-size: 9px; } }
    .table-wsopwinter2021 > thead > tr > th:first-child {
      border-radius: 0; }
    .table-wsopwinter2021 > thead > tr > th:last-child {
      border-radius: 0; }
  .table-wsopwinter2021 tbody > tr:hover {
    background-color: #fff !important; }
  .table-wsopwinter2021 tbody > tr > td {
    color: #000;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-wsopwinter2021 tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-wsopwinter2021 tbody > tr > td {
        font-size: 9px; } }
  .table-wsopwinter2021 > tbody > tr:nth-child(odd) {
    background-color: #edf0f2; }
  .table-wsopwinter2021 > tbody > tr:nth-child(even) {
    background-color: #e5e9ec; }

.table-wsopwinter2021-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    .table-wsopwinter2021-body {
      padding: 0; } }

.table-wsopwinter2021-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff; }

.table-wsopwinter2021-wrapper::-webkit-scrollbar-corner {
  background-color: #edf0f2; }

.table-wsopwinter2021-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #a5a5a5; }

.table-wsopwinter2021-wrapper::-webkit-scrollbar-track {
  background: #edf0f2; }

.wwdropshadow {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 4px 3px #141414); }

/*LIVE TRIVIA*/
.ltrvia-bg1 {
  background: url(/assets/images/contents/wsop/live-trivia/bg1.jpg);
  background-size: cover;
  background-position: center; }

.ltrivia-bar {
  position: relative; }
  .ltrivia-bar .description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; }
    @media (max-width: 768px) {
      .ltrivia-bar .description {
        width: 90%; } }
  .ltrivia-bar img {
    width: 100%; }
    @media (max-width: 480px) {
      .ltrivia-bar img {
        height: 155px; } }
    @media (max-width: 375px) {
      .ltrivia-bar img {
        height: 130px; } }

.ltrivia-note {
  position: relative; }
  .ltrivia-note h3 {
    font-size: 22px;
    position: absolute;
    top: 8%;
    left: 7%; }
    @media (max-width: 768px) {
      .ltrivia-note h3 {
        font-size: 16px; } }
    @media (max-width: 480px) {
      .ltrivia-note h3 {
        font-size: 13px; } }
    @media (max-width: 430px) {
      .ltrivia-note h3 {
        font-size: 11px;
        top: 9%;
        left: 7%; } }
    @media (max-width: 320px) {
      .ltrivia-note h3 {
        font-size: 9px; } }
  .ltrivia-note p {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 16px; }
    @media (max-width: 768px) {
      .ltrivia-note p {
        font-size: 13px;
        width: 85%; } }
    @media (max-width: 480px) {
      .ltrivia-note p {
        font-size: 9px;
        width: 90%; } }
  .ltrivia-note img {
    width: 100%; }
    @media (max-width: 430px) {
      .ltrivia-note img {
        height: 85px; } }

.ltrivia-steps {
  position: relative; }
  .ltrivia-steps .description {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%; }
  .ltrivia-steps img {
    width: 100%; }

/*LIVE TRIVIA 2*/
.ltrvia2-bg1 {
  background: url(/assets/images/contents/wsop/live-trivia/lt2-bg1.png);
  background-size: cover;
  background-position: top center;
  overflow: hidden; }

.ltrvia2-bg2 {
  background: url(/assets/images/contents/wsop/live-trivia/lt2-bg2.png);
  background-size: cover;
  background-position: top center;
  overflow: hidden; }

.lt-winbox {
  position: relative; }
  .lt-winbox .congrats {
    position: relative;
    top: 45px;
    z-index: 2; }
    @media (max-width: 1024px) {
      .lt-winbox .congrats {
        top: 0;
        padding: 10px 0; } }
  .lt-winbox .lt-girl {
    position: absolute;
    right: -44%;
    top: 36%;
    z-index: 2; }
    @media (max-width: 480px) {
      .lt-winbox .lt-girl {
        right: -16%;
        top: 0%;
        z-index: 0; } }

.lt-tit1 {
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  width: 95%; }

.lt-tit2 {
  margin-top: 95px;
  font-size: 35px; }
  @media (max-width: 1024px) {
    .lt-tit2 {
      margin-top: 60px; } }
  @media (max-width: 480px) {
    .lt-tit2 {
      margin-top: 35px; } }
  @media (max-width: 375px) {
    .lt-tit2 {
      margin-top: 28px; } }
  @media (max-width: 320px) {
    .lt-tit2 {
      margin-top: 19px; } }

.desc-custom {
  top: 66% !important; }

.lt-p {
  font-size: 90px;
  font-weight: bold; }
  @media (max-width: 1024px) {
    .lt-p {
      font-size: 50px; } }
  @media (max-width: 480px) {
    .lt-p {
      font-size: 30px; } }

.ltrivia2-bar {
  position: relative; }
  .ltrivia2-bar .description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; }
    @media (max-width: 768px) {
      .ltrivia2-bar .description {
        width: 95%; } }
    @media (max-width: 1024px) {
      .ltrivia2-bar .description .t1 {
        font-size: 2.2vw; } }
    @media (max-width: 480px) {
      .ltrivia2-bar .description .t1 {
        font-size: 3.3vw; } }
    @media (max-width: 1024px) {
      .ltrivia2-bar .description .t2 {
        font-size: 3vw; } }
    @media (max-width: 480px) {
      .ltrivia2-bar .description .t2 {
        font-size: 4vw; } }
    @media (max-width: 1024px) {
      .ltrivia2-bar .description .t3 {
        font-size: 1.8vw; } }
    @media (max-width: 480px) {
      .ltrivia2-bar .description .t3 {
        font-size: 2.5vw; } }
  .ltrivia2-bar img {
    width: 100%; }

.ltrivia-bar3 {
  position: relative; }
  .ltrivia-bar3 .description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%; }
    @media (max-width: 768px) {
      .ltrivia-bar3 .description {
        width: 90%; } }
  .ltrivia-bar3 img {
    width: 100%; }
    @media (max-width: 800px) {
      .ltrivia-bar3 img {
        height: 275px; } }
    @media (max-width: 480px) {
      .ltrivia-bar3 img {
        height: 245px; } }
    @media (max-width: 375px) {
      .ltrivia-bar3 img {
        height: 210px; } }
    @media (max-width: 320px) {
      .ltrivia-bar3 img {
        height: 225px; } }
  @media (max-width: 480px) {
    .ltrivia-bar3 .tbox-tb {
      height: 245px; } }
  @media (max-width: 384px) {
    .ltrivia-bar3 .tbox-tb {
      height: 245px; } }

.ltrivia2-steps {
  position: relative; }
  .ltrivia2-steps .description {
    position: absolute;
    top: 3%;
    width: 100%; }
    .ltrivia2-steps .description h3 {
      margin-bottom: 100%; }
      @media (max-width: 1024px) {
        .ltrivia2-steps .description h3 {
          font-size: 20px; } }
      @media (max-width: 800px) {
        .ltrivia2-steps .description h3 {
          font-size: 2vw; } }
      @media (max-width: 480px) {
        .ltrivia2-steps .description h3 {
          margin-bottom: 105%; } }
    .ltrivia2-steps .description p {
      font-size: 20px; }
      @media (max-width: 1024px) {
        .ltrivia2-steps .description p {
          font-size: 17px; } }
      @media (max-width: 800px) {
        .ltrivia2-steps .description p {
          font-size: 1.8vw; } }
  .ltrivia2-steps .special h3 {
    margin-bottom: 0; }
  .ltrivia2-steps .special .spc-p {
    margin: 39.5% 0;
    font-size: 22px;
    font-weight: bold; }
    @media (max-width: 1024px) {
      .ltrivia2-steps .special .spc-p {
        font-size: 20px; } }
    @media (max-width: 800px) {
      .ltrivia2-steps .special .spc-p {
        font-size: 1.8vw; } }
    @media (max-width: 480px) {
      .ltrivia2-steps .special .spc-p {
        margin: 43% 0; } }
    .ltrivia2-steps .special .spc-p span {
      font-size: 20px; }
      @media (max-width: 1024px) {
        .ltrivia2-steps .special .spc-p span {
          font-size: 17px; } }
      @media (max-width: 800px) {
        .ltrivia2-steps .special .spc-p span {
          font-size: 1.8vw; } }
  .ltrivia2-steps .special p {
    font-size: 20px; }
    @media (max-width: 1024px) {
      .ltrivia2-steps .special p {
        font-size: 17px; } }
    @media (max-width: 800px) {
      .ltrivia2-steps .special p {
        font-size: 2vw; } }
  .ltrivia2-steps img {
    width: 100%; }

/*Table-trivia*/
.table-trivia {
  border: none;
  border-collapse: collapse;
  overflow: hidden;
  table-layout: fixed;
  margin: 0 auto;
  min-width: 100%;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: rgba(98, 20, 25, 0.8); }
  @media (max-width: 1024px) {
    .table-trivia {
      min-width: 100%; } }
  .table-trivia .title-head > th {
    background-color: #621419;
    border-top: 1px solid #ffedb0;
    border-bottom: 1px solid #ffedb0; }
  .table-trivia tbody > tr > td, .table-trivia tfoot > tr > td {
    text-align: center;
    padding: 5px 5px;
    color: #ffeec6;
    /*word-break: break-word;*/
    font-size: 16px;
    line-height: normal;
    width: 50%;
        /*  &:first-child {
            text-align: right;
            padding-right: 10%
        }

        &:last-child {
            text-align: left;
            padding-left: 10%
        }*/ }
    @media only screen and (max-width: 480px) {
      .table-trivia tbody > tr > td, .table-trivia tfoot > tr > td {
        font-size: 11px; } }
  .table-trivia tbody > tr:last-child {
    border-bottom: none; }
  .table-trivia tbody > tr:hover {
    background-color: #2a0607 !important; }
  .table-trivia thead > tr {
    border-top: 1px solid #ffedb0;
    border-bottom: 1px solid #ffedb0; }
  .table-trivia > thead > tr > th {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0;
    word-break: break-word;
    line-height: normal;
    color: #ffeec6;
    background-color: #621419; }
    @media only screen and (max-width: 480px) {
      .table-trivia > thead > tr > th {
        font-size: 11px;
        padding: 5px 5px; } }
  .table-trivia > tbody > tr:nth-child(odd) {
    background-color: #33070a; }
  .table-trivia > tbody > tr:nth-child(even) {
    background-color: transparent; }
  .table-trivia tfoot > tr > td {
    color: #fff;
    background-color: #d2b068;
    font-weight: bold; }

.table-xmas > thead > tr > th {
  background: #7b0f0f !important;
  color: #fff;
  border-right: 1px solid #eaeaea;
  font-size: 16px; }

.table-xmas tbody > tr > td {
  color: #fff;
  border-right: 1px solid #eaeaea;
  font-size: 15px; }

.table-xmas > tbody > tr:nth-child(odd) {
  background-color: #4b4b4b !important; }

.table-xmas > tbody > tr:nth-child(even) {
  background-color: #000000 !important; }

/*Big5-Series*/
.big5-bg1 {
  background: url(/assets/images/contents/wsop/big5-series/big5-bg1.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.big5-bg2 {
  background: url(/assets/images/contents/wsop/big5-series/big5-bg2.jpg) no-repeat;
  background-size: cover;
  background-position: center; }

.big5-gradient-bg {
  background: url(/assets/images/contents/wsop/big5-series/big5-gradient-bg.png) no-repeat;
  background-size: 75%;
  background-position: center;
  padding: 15px 0; }
  @media (max-width: 480px) {
    .big5-gradient-bg {
      background-size: 100%; } }

.big5-grad-title {
  background: linear-gradient(to right, #b86127 0%, #eed178 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 4px 3px #141414); }

/*WSOP 2021 Table*/
.tbl-big5series-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-big5series-scroll-pc {
      max-height: 400px; } }

.tbl-body-big5series {
  border: 1px solid #190e3e !important; }

.table-big5series {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0; }
  .table-big5series thead, .table-big5series tbody, .table-big5series tr, .table-big5series td, .table-big5series th {
    display: block;
    overflow-x: hidden; }
  .table-big5series tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both; }
  .table-big5series tbody td, .table-big5series thead th {
    float: left; }
    @media (max-width: 360px) {
      .table-big5series tbody td, .table-big5series thead th {
        font-size: 8px; } }
    .table-big5series tbody td:first-child, .table-big5series thead th:first-child {
      width: 16%; }
    .table-big5series tbody td:nth-child(2), .table-big5series thead th:nth-child(2) {
      width: 13%; }
      @media (max-width: 768px) {
        .table-big5series tbody td:nth-child(2), .table-big5series thead th:nth-child(2) {
          width: 15%; } }
    .table-big5series tbody td:nth-child(3), .table-big5series thead th:nth-child(3) {
      width: 40%; }
      @media (max-width: 768px) {
        .table-big5series tbody td:nth-child(3), .table-big5series thead th:nth-child(3) {
          width: 38%; } }
    .table-big5series tbody td:nth-child(4), .table-big5series thead th:nth-child(4) {
      width: 15%; }
    .table-big5series tbody td:nth-child(5), .table-big5series thead th:nth-child(5) {
      width: 16%; }
  .table-big5series > thead > tr > th {
    background: #082e50 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
        /*&:nth-child(3) {

            @media (max-width: 480px) {
                width: 35%
            }
        }*/ }
    @media (max-width: 480px) {
      .table-big5series > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-big5series > thead > tr > th {
        font-size: 9px; } }
    .table-big5series > thead > tr > th:first-child {
      border-radius: 0; }
    .table-big5series > thead > tr > th:last-child {
      border-radius: 0; }
  .table-big5series tbody > tr:hover {
    background-color: #000309 !important; }
  .table-big5series tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-big5series tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-big5series tbody > tr > td {
        font-size: 9px; } }
  .table-big5series > tbody > tr:nth-child(odd) {
    background-color: #051022; }
  .table-big5series > tbody > tr:nth-child(even) {
    background-color: #000510; }

tbody.table-big5series-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    tbody.table-big5series-body {
      padding: 0; } }

tbody.table-big5series-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #040a1a; }
  @media (max-width: 480px) {
    tbody.table-big5series-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px; } }

tbody.table-big5series-wrapper::-webkit-scrollbar-corner {
  background-color: #082e50; }

tbody.table-big5series-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #082e50; }

tbody.table-big5series-wrapper::-webkit-scrollbar-track {
  background: #000510; }

/*====APL 2022===*/
/*APL2022*/
.bg-video-wrap {
  position: relative;
  width: 100%;
  height: 100vh; }

.bg-img-wrap {
  position: relative;
  width: 100%;
  height: 100vh; }

.apl-fixed-video {
  position: fixed;
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
  object-fit: cover;
  object-position: center center; }

.overlay {
  width: 100%;
  /* height: 100vh;*/
  position: absolute;
  top: 0;
  left: 0;
  /* background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;*/
  z-index: 2; }

.apl-arrow-down {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 10px; }
  .apl-arrow-down:hover {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer; }
    .apl-arrow-down:hover a {
      transform: scale(1.1); }
  .apl-arrow-down a {
    display: inline-block;
    width: 50%; }
    @media (max-width: 480px) {
      .apl-arrow-down a {
        width: 40%; } }

.apl-arrow-down-inde {
  position: relative;
  text-align: center;
  padding: 15px 10px;
  width: 10%;
  margin: 10% auto; }
  @media (max-width: 480px) {
    .apl-arrow-down-inde {
      width: 22%; } }
  .apl-arrow-down-inde:hover {
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer; }
    .apl-arrow-down-inde:hover a {
      transform: scale(1.1); }
  .apl-arrow-down-inde a {
    display: inline-block;
    width: 50%; }

.bg-apl-minheight {
  min-height: 125vh;
  position: relative; }
  @media (max-width: 480px) {
    .bg-apl-minheight {
      min-height: 100vh; } }

.apl-tigersched-bg {
  background: url(/assets/images/contents/apl/jan2022/apl-tiger-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: rgba(0, 0, 0, 0.9);
  background-attachment: fixed; }

.apl22-logo-scratch {
  position: relative;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  top: 25px; }
  @media (max-width: 768px) {
    .apl22-logo-scratch {
      top: 0; } }
  .apl22-logo-scratch .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 80%; }
  .apl22-logo-scratch .scratch {
    position: relative;
    z-index: 1;
    width: 100%; }

.apl22-painted-text {
  position: relative;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  top: -25px; }
  @media (max-width: 480px) {
    .apl22-painted-text {
      width: 100%; } }
  @media (max-width: 360px) {
    .apl22-painted-text {
      top: -20px; } }
  .apl22-painted-text .text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
    .apl22-painted-text .text h3 {
      color: #e13a44;
      line-height: 1.5em;
      font-size: 50px;
      font-weight: bold; }
      @media (max-width: 768px) {
        .apl22-painted-text .text h3 {
          font-size: 5vw;
          line-height: 1.2em; } }
    .apl22-painted-text .text h4 {
      color: #B80515;
      line-height: 1.5em;
      font-size: 25px; }
      @media (max-width: 768px) {
        .apl22-painted-text .text h4 {
          font-size: 3vw; } }
    .apl22-painted-text .text .highlights {
      color: #f2b339;
      font-size: 55px;
      font-weight: bold; }
      @media (max-width: 768px) {
        .apl22-painted-text .text .highlights {
          font-size: 5vw;
          line-height: 1.2em; } }
      .apl22-painted-text .text .highlights span {
        color: #d9c192;
        font-size: 20px;
        font-weight: normal; }
        @media (max-width: 768px) {
          .apl22-painted-text .text .highlights span {
            font-size: 3vw; } }
  .apl22-painted-text img {
    width: 100%; }

.apl22-titletag {
  position: relative; }
  .apl22-titletag h3 {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.apl22-subtext {
  position: relative;
  top: -25px; }

.apl22-btnlike {
  border: 1px solid #a7934c;
  border-radius: 0 10px 0 10px;
  padding: 10px 20px;
  margin: 0;
  box-shadow: 1px 1px #ffffff;
  filter: drop-shadow(2px 7px 1px black); }
  .apl22-btnlike p {
    color: #f8f7f5; }
  @media (max-width: 480px) {
    .apl22-btnlike {
      padding: 10px 5px; } }

.btnlike-bg {
  background-color: rgba(0, 0, 0, 0.33); }

/* ======== APL 2022 COMPLE TABLE ======== */
/*apl fix Table*/
.tbl-apl-fix-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-apl-fix-scroll-pc {
      max-height: 400px; } }

.tbl-body-apl-fix {
  border: 1px solid #190e3e !important; }

.table-apl-fix {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0; }
  .table-apl-fix thead, .table-apl-fix tbody, .table-apl-fix tr, .table-apl-fix td, .table-apl-fix th {
    display: block;
    overflow-x: hidden; }
  .table-apl-fix tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both; }
  .table-apl-fix tbody td, .table-apl-fix thead th {
    float: left; }
    @media (max-width: 360px) {
      .table-apl-fix tbody td, .table-apl-fix thead th {
        font-size: 8px; } }
    .table-apl-fix tbody td:first-child, .table-apl-fix thead th:first-child {
      width: 11%; }
      @media (max-width: 768px) {
        .table-apl-fix tbody td:first-child, .table-apl-fix thead th:first-child {
          width: 13%; } }
      @media (max-width: 430px) {
        .table-apl-fix tbody td:first-child, .table-apl-fix thead th:first-child {
          width: 12%; } }
    .table-apl-fix tbody td:nth-child(2), .table-apl-fix thead th:nth-child(2) {
      width: 12%; }
      @media (max-width: 768px) {
        .table-apl-fix tbody td:nth-child(2), .table-apl-fix thead th:nth-child(2) {
          width: 15%; } }
    .table-apl-fix tbody td:nth-child(3), .table-apl-fix thead th:nth-child(3) {
      width: 43%; }
      @media (max-width: 768px) {
        .table-apl-fix tbody td:nth-child(3), .table-apl-fix thead th:nth-child(3) {
          width: 34%; } }
      @media (max-width: 430px) {
        .table-apl-fix tbody td:nth-child(3), .table-apl-fix thead th:nth-child(3) {
          width: 33%; } }
      @media (max-width: 375px) {
        .table-apl-fix tbody td:nth-child(3), .table-apl-fix thead th:nth-child(3) {
          width: 31%; } }
    .table-apl-fix tbody td:nth-child(4), .table-apl-fix thead th:nth-child(4) {
      width: 7%; }
      @media (max-width: 768px) {
        .table-apl-fix tbody td:nth-child(4), .table-apl-fix thead th:nth-child(4) {
          width: 9%; } }
    .table-apl-fix tbody td:nth-child(5), .table-apl-fix thead th:nth-child(5) {
      width: 14%; }
      @media (max-width: 430px) {
        .table-apl-fix tbody td:nth-child(5), .table-apl-fix thead th:nth-child(5) {
          width: 15%; } }
    .table-apl-fix tbody td:nth-child(6), .table-apl-fix thead th:nth-child(6) {
      width: 13%; }
      @media (max-width: 768px) {
        .table-apl-fix tbody td:nth-child(6), .table-apl-fix thead th:nth-child(6) {
          width: 15%; } }
      @media (max-width: 430px) {
        .table-apl-fix tbody td:nth-child(6), .table-apl-fix thead th:nth-child(6) {
          width: 16%; } }
      @media (max-width: 375px) {
        .table-apl-fix tbody td:nth-child(6), .table-apl-fix thead th:nth-child(6) {
          width: 18%; } }
  .table-apl-fix > thead > tr > th {
    background: #610000 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-apl-fix > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 430px) {
      .table-apl-fix > thead > tr > th {
        font-size: 9px; } }
    @media (max-width: 320px) {
      .table-apl-fix > thead > tr > th {
        font-size: 6px; } }
    .table-apl-fix > thead > tr > th:first-child {
      border-radius: 0; }
    .table-apl-fix > thead > tr > th:last-child {
      border-radius: 0; }
  .table-apl-fix tbody > tr:hover {
    background-color: #000309 !important; }
  .table-apl-fix tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-apl-fix tbody > tr > td {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px; } }
    @media (max-width: 480px) {
      .table-apl-fix tbody > tr > td {
        font-size: 9px; } }
    @media (max-width: 430px) {
      .table-apl-fix tbody > tr > td {
        font-size: 8px; } }
    @media (max-width: 320px) {
      .table-apl-fix tbody > tr > td {
        font-size: 6px; } }
  .table-apl-fix > tbody > tr:nth-child(odd) {
    background-color: #070000; }
  .table-apl-fix > tbody > tr:nth-child(even) {
    background-color: #1c0101; }

tbody.table-apl-fix-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    tbody.table-apl-fix-body {
      padding: 0; } }

tbody.table-apl-fix-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #040a1a; }
  @media (max-width: 480px) {
    tbody.table-apl-fix-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px; } }

tbody.table-apl-fix-wrapper::-webkit-scrollbar-corner {
  background-color: #530507; }

tbody.table-apl-fix-wrapper::-webkit-scrollbar-thumb {
  background-color: #720603 !important;
  border: 1px solid #750408 !important; }

tbody.table-apl-fix-wrapper::-webkit-scrollbar-track {
  background-color: #4e0403 !important; }

/*Shortdeck-JAckpot*/
.table-shortdeck-jackpot {
  border: 2px #686868 solid !important;
  border-radius: 15px;
  background-color: #000; }
  .table-shortdeck-jackpot > thead > tr > th {
    background: #14112b; }
  .table-shortdeck-jackpot > thead > .headpurp > th {
    background: #453e9a !important;
    padding: 10px 0;
    vertical-align: middle; }
  .table-shortdeck-jackpot > thead > tr > th, .table-shortdeck-jackpot tbody > tr > td {
    font-size: 18px; }
  .table-shortdeck-jackpot > tbody > tr > td {
    padding: 7px 5px;
    font-size: 18px;
    line-height: normal;
    border: 1px solid #525252; }
  .table-shortdeck-jackpot > tbody > tr:nth-child(odd),
  .table-shortdeck-jackpot > ul > li:nth-child(odd) {
    background-color: #ffffff; }
  .table-shortdeck-jackpot > tbody > tr:nth-child(even),
  .table-shortdeck-jackpot > ul > li:nth-child(even) {
    background-color: #ffffff; }
  .table-shortdeck-jackpot tfoot > tr > td {
    color: #fff;
    background-color: #87c09f;
    font-weight: bold; }
  .table-shortdeck-jackpot .swap-body {
    position: relative; }
    .table-shortdeck-jackpot .swap-body .swap-icon {
      position: absolute;
      right: -11%;
      top: 45%; }
      @media (max-width: 430px) {
        .table-shortdeck-jackpot .swap-body .swap-icon {
          right: -12%; } }
      @media (max-width: 375px) {
        .table-shortdeck-jackpot .swap-body .swap-icon {
          right: -14%; } }

/*House game rules x*/
.hgr-title {
  color: #ffe53a;
  letter-spacing: 2px;
  font-style: italic;
  font-size: 32px;
  text-shadow: #0d355a 0px 5px 2px; }
  @media (max-width: 480px) {
    .hgr-title {
      font-size: 24px; } }

.table-hgr {
  table-layout: auto; }
  .table-hgr > thead > tr > th {
    background: #676d77 !important;
    color: #fff !important;
    text-align: left;
    padding-left: 20px; }
    @media (max-width: 480px) {
      .table-hgr > thead > tr > th {
        padding-left: 7px;
        font-size: 14px; } }
    @media (max-width: 375px) {
      .table-hgr > thead > tr > th {
        font-size: 12px; } }
  .table-hgr tr {
    border-bottom: 1px solid #7c8188;
    border-top: 1px solid #7c8188; }
  .table-hgr > tbody > tr > td {
    text-align: left;
    padding-left: 20px !important;
    color: #000 !important; }
    @media (max-width: 480px) {
      .table-hgr > tbody > tr > td {
        padding-left: 9px !important;
        font-size: 14px; }
        .table-hgr > tbody > tr > td:nth-child(2) {
          width: 18%; } }
    @media (max-width: 375px) {
      .table-hgr > tbody > tr > td {
        font-size: 12px; } }
    .table-hgr > tbody > tr > td span {
      font-size: 22px;
      vertical-align: text-bottom;
      padding: 0 1px; }

.tbl-shortdeckfix-scroll-pc {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 768px) {
    .tbl-shortdeckfix-scroll-pc {
      max-height: 400px; } }

.table-shortdeckfix {
  table-layout: auto;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0; }
  .table-shortdeckfix thead, .table-shortdeckfix tbody, .table-shortdeckfix tr, .table-shortdeckfix td, .table-shortdeckfix th {
    display: block;
    overflow-x: hidden; }
  .table-shortdeckfix tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both; }
  .table-shortdeckfix tbody td, .table-shortdeckfix thead th {
    float: left; }
    @media (max-width: 360px) {
      .table-shortdeckfix tbody td, .table-shortdeckfix thead th {
        font-size: 8px; } }
    .table-shortdeckfix tbody td:first-child, .table-shortdeckfix thead th:first-child {
      width: 16%; }
    .table-shortdeckfix tbody td:nth-child(2), .table-shortdeckfix thead th:nth-child(2) {
      width: 13%; }
      @media (max-width: 768px) {
        .table-shortdeckfix tbody td:nth-child(2), .table-shortdeckfix thead th:nth-child(2) {
          width: 15%; } }
    .table-shortdeckfix tbody td:nth-child(3), .table-shortdeckfix thead th:nth-child(3) {
      width: 40%; }
      @media (max-width: 768px) {
        .table-shortdeckfix tbody td:nth-child(3), .table-shortdeckfix thead th:nth-child(3) {
          width: 38%; } }
    .table-shortdeckfix tbody td:nth-child(4), .table-shortdeckfix thead th:nth-child(4) {
      width: 15%; }
    .table-shortdeckfix tbody td:nth-child(5), .table-shortdeckfix thead th:nth-child(5) {
      width: 16%; }
  .table-shortdeckfix > thead > tr > th {
    background: #6d3597 !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff; }
    @media (max-width: 480px) {
      .table-shortdeckfix > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 414px) {
      .table-shortdeckfix > thead > tr > th {
        font-size: 9px; } }
    .table-shortdeckfix > thead > tr > th:first-child {
      border-radius: 0; }
    .table-shortdeckfix > thead > tr > th:last-child {
      border-radius: 0; }
  .table-shortdeckfix tbody > tr:hover {
    background-color: #000309 !important; }
  .table-shortdeckfix tbody > tr > td {
    color: #fff;
    font-size: 14px;
    /*border-right: 1px solid #000;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
    @media (max-width: 1024px) {
      .table-shortdeckfix tbody > tr > td {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }
    @media (max-width: 480px) {
      .table-shortdeckfix tbody > tr > td {
        font-size: 9px; } }
  .table-shortdeckfix > tbody > tr:nth-child(odd) {
    background-color: #40143e; }
  .table-shortdeckfix > tbody > tr:nth-child(even) {
    background-color: #361033; }

tbody.table-shortdeckfix-body {
  border-radius: 0;
  background-color: transparent;
  padding: 10px;
  display: block; }
  @media (max-width: 480px) {
    tbody.table-shortdeckfix-body {
      padding: 0; } }

tbody.table-shortdeckfix-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

tbody.table-shortdeckfix-wrapper::-webkit-scrollbar-corner {
  background-color: #560909; }

tbody.table-shortdeckfix-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #260124; }

tbody.table-shortdeckfix-wrapper::-webkit-scrollbar-track {
  background: #40143e; }

@font-face {
  font-family: 'Bebas-Regular';
  src: url("/assets/fonts/Bebas-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.en-Outfont {
  font-family: 'Bebas-Regular'; }

.sdk-main-h2 h2 {
  font-size: 100px;
  margin: 0;
  line-height: 1.4em; }
  @media (max-width: 1024px) {
    .sdk-main-h2 h2 {
      font-size: 80px !important; } }
  @media (max-width: 768px) {
    .sdk-main-h2 h2 {
      font-size: 60px !important; } }
  @media (max-width: 480px) {
    .sdk-main-h2 h2 {
      font-size: 9vw !important; } }
.sdk-main-h2 .enfont {
  font-family: 'Bebas-Regular'; }

.shortdect-gif {
  position: relative; }
  .shortdect-gif .banner {
    border-radius: 30px; }
  .shortdect-gif .gif {
    position: absolute;
    bottom: -22px;
    right: -10px; }

/* ==== NIKE GIVEAWAY ==== */
.ent-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  color: #fff;
  font-family: Proxima Nova;
  z-index: 1;
  width: 100%;
  text-align: left; }
  @media (max-width: 1024px) {
    .ent-text {
      transform: translate(-50%, 30%);
      -webkit-transform: translate(-50%, 30%);
      -moz-transform: translate(-50%, 30%);
      -o-transform: translate(-50%, 30%);
      -ms-transform: translate(-50%, 30%); } }
  @media (max-width: 375px) {
    .ent-text {
      transform: translate(-50%, 15%);
      -webkit-transform: translate(-50%, 15%);
      -moz-transform: translate(-50%, 15%);
      -o-transform: translate(-50%, 15%);
      -ms-transform: translate(-50%, 15%); } }
  .ent-text div:first-child {
    margin-bottom: 11%;
    padding-left: 3%; }
    @media (max-width: 1024px) {
      .ent-text div:first-child {
        padding-left: 8%; } }
    @media (max-width: 1024px) {
      .ent-text div:first-child img {
        width: 47%; } }
    @media (max-width: 600px) {
      .ent-text div:first-child img {
        width: 22%; } }
    @media (max-width: 320px) {
      .ent-text div:first-child img {
        width: 17%; } }
  .ent-text div:last-child {
    padding-left: 3%; }
    @media (max-width: 1024px) {
      .ent-text div:last-child {
        padding-left: 8%; } }
  .ent-text h1 {
    font-size: 130px;
    vertical-align: middle; }
    @media (max-width: 1024px) {
      .ent-text h1 {
        font-size: 68px; } }
    @media (max-width: 600px) {
      .ent-text h1 {
        font-size: 33px; } }
    @media (max-width: 320px) {
      .ent-text h1 {
        font-size: 27px; } }
  .ent-text h2 {
    font-size: 70px !important;
    margin-top: 20px; }
    @media (max-width: 1024px) {
      .ent-text h2 {
        font-size: 45px !important;
        margin-top: 10px; } }
    @media (max-width: 600px) {
      .ent-text h2 {
        font-size: 23px !important;
        margin-top: 7px; } }
    @media (max-width: 320px) {
      .ent-text h2 {
        font-size: 17px !important; } }
  .ent-text h3 {
    font-size: 40px;
    margin-bottom: 10px; }
    @media (max-width: 1024px) {
      .ent-text h3 {
        font-size: 30px; } }
    @media (max-width: 600px) {
      .ent-text h3 {
        font-size: 18px;
        margin-bottom: 7px; } }
    @media (max-width: 320px) {
      .ent-text h3 {
        font-size: 15px; } }
  .ent-text h4 {
    font-size: 25px; }
    @media (max-width: 1024px) {
      .ent-text h4 {
        font-size: 22px; } }
    @media (max-width: 600px) {
      .ent-text h4 {
        font-size: 15px; } }
    @media (max-width: 320px) {
      .ent-text h4 {
        font-size: 13px; } }

.nike-activity {
  position: relative;
  margin-bottom: 10px; }

.act-img {
  position: relative;
  background-color: #fea2c2;
  border-radius: 50%;
  width: 175px;
  height: 175px;
  margin: 0 auto;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s; }
  .act-img:hover {
    width: 180px;
    height: 180px; }
  .act-img .weibo-img {
    margin-top: 35px; }

.act-desc-btn {
  display: inline-block;
  background: #e6162d;
  color: #fff;
  padding: 7px 15px;
  border-radius: 50px;
  font-size: 15px;
  margin-top: 5px;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s; }
  .act-desc-btn:hover {
    background: #e73d78; }

.ng-items h3 {
  border-bottom: 6px solid #e390b7;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    .ng-items h3 {
      font-size: 24px;
      border-bottom: 3px solid #e390b7; } }
  @media (max-width: 600px) {
    .ng-items h3 {
      padding-bottom: 10px;
      margin-bottom: 10px; } }

/*======== SLIDER ========*/
.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container .swiper-wrapper div {
    cursor: pointer; }

.swiper-slide {
  background-size: cover !important;
  background-position: center !important; }

.swiper-pagination .swiper-pagination-bullet-active {
  background: #f5a71e !important; }

.slider-container {
  height: 700px; }
  @media (max-width: 1440px) {
    .slider-container {
      height: 600px; } }
  @media (max-width: 1366px) {
    .slider-container {
      height: 460px; } }
  @media (max-width: 640px) {
    .slider-container {
      height: 300px; } }

.ggm-titletag {
  position: relative; }
  .ggm-titletag h3 {
    width: 90%;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 480px) {
      .ggm-titletag h3 {
        top: 15%; } }

.ggm-bg1 {
  background: url(/assets/images/contents/ggmaster/overlay-edition/ggm-bg1.png);
  background-repeat: no-repeat;
  background-size: 130%;
  background-position: center 100%;
  background-color: rgba(0, 0, 0, 0.1);
  /*background-attachment: fixed;*/ }
  @media (max-width: 1440px) {
    .ggm-bg1 {
      background-size: cover !important; } }

.ggm-bg2 {
  background: url(/assets/images/contents/ggmaster/overlay-edition/ggm-bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 10%;
  /*background-attachment: fixed;*/ }

.ggm-title-pad {
  padding-top: 10%; }

.ggm-grad-title {
  background: linear-gradient(to right, #ffefc0 0%, #f4d888 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(2px 4px 3px #141414); }

.ggm-arrow-down {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 10px; }
  .ggm-arrow-down img {
    display: inline-block;
    width: 100%; }
    @media (max-width: 480px) {
      .ggm-arrow-down img {
        width: 70%; } }

.bg-ggm-minheight {
  min-height: 125vh;
  position: relative; }
  @media (max-width: 480px) {
    .bg-ggm-minheight {
      min-height: 100vh; } }

.visible-hidden {
  visibility: hidden; }

.zoom-in-text {
  animation: zoom-in-text 2s ease-out; }

@keyframes zoom-in-text {
  0% {
    transform: scale(5); }
  100% {
    transform: scale(1); } }
.fade-in {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.sd-sidelink-box .sd-wechat-common {
  display: none;
  position: absolute;
  width: 210px;
  z-index: 3;
  background: #fff;
  padding: 20% 15%;
  border-radius: 5px;
  box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.24);
  right: -60%;
  top: -130%; }
  @media (max-width: 480px) {
    .sd-sidelink-box .sd-wechat-common {
      width: 170px;
      right: -20%;
      top: -110%; } }
.sd-sidelink-box .sd-wechat-sidelink:hover .sd-wechat-common {
  display: block !important; }

.bounty-bg1 {
  background: url(/assets/images/contents/bounty-series/bounty-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /*background-attachment: fixed;*/ }

.bounty-bg2 {
  background: url(/assets/images/contents/bounty-series/bounty-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /*background-attachment: fixed;*/ }

.defaultbg-titletag {
  position: relative; }
  .defaultbg-titletag h3 {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

@font-face {
  font-family: 'lihei';
  src: url("/assets/fonts/lihei.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
.mf-lihei-font {
  font-family: 'lihei'; }

.bounty-arrow-down {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 10px; }
  .bounty-arrow-down:hover {
    cursor: pointer; }
    .bounty-arrow-down:hover a {
      -webkit-transition: ease-in 0.3s;
      transition: ease-in 0.3s;
      transform: scale(0.6); }
  .bounty-arrow-down a {
    display: inline-block; }

.mystery-bounty-arrow-down {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 10px; }
  .mystery-bounty-arrow-down:hover {
    cursor: pointer; }
    .mystery-bounty-arrow-down:hover a {
      -webkit-transition: ease-in 0.3s;
      transition: ease-in 0.3s;
      transform: scale(1.6); }
  .mystery-bounty-arrow-down a {
    display: inline-block; }

.rtv-arrow-down {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 15px 10px; }
  .rtv-arrow-down:hover {
    cursor: pointer; }
    .rtv-arrow-down:hover a {
      -webkit-transition: ease-in 0.3s;
      transition: ease-in 0.3s;
      transform: scale(1.3); }
  .rtv-arrow-down a {
    display: inline-block; }

.table-bountyfix > thead > tr > th {
  background: #5b4123 !important; }
.table-bountyfix tbody > tr:hover {
  background-color: #3a2a19 !important; }
.table-bountyfix > tbody > tr:nth-child(odd) {
  background-color: #000000; }
.table-bountyfix > tbody > tr:nth-child(even) {
  background-color: #171009; }

tbody.table-bountyfix-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

tbody.table-bountyfix-wrapper::-webkit-scrollbar-corner {
  background-color: #171009; }

tbody.table-bountyfix-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #5b4123; }

tbody.table-bountyfix-wrapper::-webkit-scrollbar-track {
  background: #000000; }

.ggmaster-wechat {
  width: 220px !important;
  right: 15% !important;
  top: -145% !important;
  padding: 10% !important; }
  @media (max-width: 480px) {
    .ggmaster-wechat {
      padding: 6% !important;
      width: 200px !important;
      right: 25% !important; } }
  @media (max-width: 375px) {
    .ggmaster-wechat {
      padding: 10% !important;
      width: 190px !important;
      right: 22% !important; } }

.marpro-bg1 {
  background: url(/assets/images/contents/march-promo/main/marpro-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /*background-attachment: fixed;*/ }

.marpro-abso {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.table-bhs-4 {
  border: none;
  background-color: #020200;
  border-radius: 0; }
  .table-bhs-4 th {
    background: #6e5942 !important; }
  .table-bhs-4 tbody td, .table-bhs-4 thead th {
    word-break: break-word; }
    @media (max-width: 360px) {
      .table-bhs-4 tbody td, .table-bhs-4 thead th {
        font-size: 8px; } }
    .table-bhs-4 tbody td:first-child, .table-bhs-4 thead th:first-child {
      width: 15%; }
    .table-bhs-4 tbody td:nth-child(2), .table-bhs-4 thead th:nth-child(2) {
      width: 15%; }
    .table-bhs-4 tbody td:nth-child(3), .table-bhs-4 thead th:nth-child(3) {
      width: 50%; }
    .table-bhs-4 tbody td:nth-child(4), .table-bhs-4 thead th:nth-child(4) {
      width: 20%; }
  .table-bhs-4 > tbody > tr:nth-child(odd),
  .table-bhs-4 > ul > li:nth-child(odd) {
    background-color: #f1e7d7 !important; }
  .table-bhs-4 > tbody > tr:nth-child(even),
  .table-bhs-4 > ul > li:nth-child(even) {
    background-color: #e6d8c0 !important; }

.wsopring-font-xl {
  font-size: 80px; }
  @media (max-width: 800px) {
    .wsopring-font-xl {
      font-size: 7vw; } }
  @media (max-width: 480px) {
    .wsopring-font-xl {
      font-size: 8vw; } }

.wsopring-font-lg {
  font-size: 65px; }
  @media (max-width: 800px) {
    .wsopring-font-lg {
      font-size: 6vw; } }
  @media (max-width: 480px) {
    .wsopring-font-lg {
      font-size: 6vw; } }

.wsopring-font-md {
  font-size: 50px; }
  @media (max-width: 800px) {
    .wsopring-font-md {
      font-size: 5vw; } }
  @media (max-width: 480px) {
    .wsopring-font-md {
      font-size: 5vw; } }

.wsopring-font-sm {
  font-size: 30px; }
  @media (max-width: 800px) {
    .wsopring-font-sm {
      font-size: 3vw; } }
  @media (max-width: 480px) {
    .wsopring-font-sm {
      font-size: 3.5vw; } }

.wspring-border-bg {
  border: 10px solid #e6cd89;
  border-radius: 30px;
  padding: 5% 0; }
  @media (max-width: 480px) {
    .wspring-border-bg {
      border: 5px solid #e6cd89;
      border-radius: 15px; } }

.wsop-spring-bg3 {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/assets/images/contents/wsop/spring-circuit/wsop-spring-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center; }

.wsop-spring-bg1 {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9), black); }

.wsop-spring-bg2 {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/assets/images/contents/wsop/spring-circuit/wsop-spring-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center; }

.wspring-img-title {
  position: relative;
  padding-top: 10%; }
  .wspring-img-title .ws4rings {
    position: absolute;
    right: 0;
    bottom: 0; }

.wsop-badge-ring-box {
  font-size: 0; }
  .wsop-badge-ring-box .badge-ring-item {
    position: relative;
    width: 20%;
    display: inline-block;
    opacity: 0; }
    @media (max-width: 1024px) {
      .wsop-badge-ring-box .badge-ring-item {
        opacity: 1; } }
    @media (max-width: 800px) {
      .wsop-badge-ring-box .badge-ring-item {
        width: 50%; } }
    .wsop-badge-ring-box .badge-ring-item h3 {
      color: #f1cf86;
      text-align: center;
      font-size: 20px;
      line-height: 1.3em;
      font-weight: bold;
      width: 90%;
      position: absolute;
      top: 47%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 480px) {
        .wsop-badge-ring-box .badge-ring-item h3 {
          font-size: 4vw; } }
    .wsop-badge-ring-box .badge-ring-item .small {
      font-size: 18px; }
      @media (max-width: 480px) {
        .wsop-badge-ring-box .badge-ring-item .small {
          font-size: 3.5vw; } }
  .wsop-badge-ring-box .badge-fadein {
    animation: fadeInChamp 2s ease 0s normal forwards 1;
    -webkit-animation: fadeInChamp 2s ease 0s normal forwards 1;
    -moz-animation: fadeInChamp 2s ease 0s normal forwards 1;
    -o-animation: fadeInChamp 2s ease 0s normal forwards 1;
    -ms-animation: fadeInChamp 2s ease 0s normal forwards 1;
    opacity: 0; }
    .wsop-badge-ring-box .badge-fadein:nth-child(1) {
      animation-delay: 100ms; }
    .wsop-badge-ring-box .badge-fadein:nth-child(2) {
      animation-delay: 300ms; }
    .wsop-badge-ring-box .badge-fadein:nth-child(3) {
      animation-delay: 600ms; }
      @media (max-width: 800px) {
        .wsop-badge-ring-box .badge-fadein:nth-child(3) {
          display: block;
          margin: 0 auto; } }
    .wsop-badge-ring-box .badge-fadein:nth-child(4) {
      animation-delay: 900ms; }
    .wsop-badge-ring-box .badge-fadein:nth-child(5) {
      animation-delay: 1200ms; }

@keyframes fadeInChamp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInChamp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInChamp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInChamp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInChamp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.table-wsopspringfix > thead > tr > th {
  background: #ae9a65 !important; }
.table-wsopspringfix tbody > tr:hover {
  background-color: #2b261a !important; }
.table-wsopspringfix > tbody > tr:nth-child(odd) {
  background-color: #000000; }
.table-wsopspringfix > tbody > tr:nth-child(even) {
  background-color: #1b1b1b; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border: 1px solid #23120c; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar-corner {
  background-color: #171009; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ae9a65; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar-track {
  background: #000000; }

.ringBGwsop-box {
  position: relative; }
  .ringBGwsop-box .ringBG-title {
    position: absolute; }
    @media (max-width: 768px) {
      .ringBGwsop-box .ringBG-title {
        position: relative; } }
  .ringBGwsop-box .floatingContent {
    position: absolute;
    width: 100%;
    bottom: 30%;
    z-index: 2; }
    @media (max-width: 768px) {
      .ringBGwsop-box .floatingContent {
        position: relative; } }
    .ringBGwsop-box .floatingContent .textBG {
      position: relative; }
      .ringBGwsop-box .floatingContent .textBG h3 {
        color: #f1cf86;
        text-align: center;
        font-size: 18px;
        line-height: 1.5em;
        font-weight: bold;
        width: 90%;
        position: absolute;
        top: 47%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media (max-width: 480px) {
          .ringBGwsop-box .floatingContent .textBG h3 {
            font-size: 3vw; } }
    .ringBGwsop-box .floatingContent .col-lg-4 {
      padding: 0 5px; }
      @media (max-width: 480px) {
        .ringBGwsop-box .floatingContent .col-lg-4 {
          padding: 0; } }

.ringBGwsop-box2 {
  position: relative; }
  .ringBGwsop-box2 .ringBG-title2 {
    position: absolute; }
    @media (max-width: 768px) {
      .ringBGwsop-box2 .ringBG-title2 {
        position: relative; } }
  .ringBGwsop-box2 .floatingContent2 {
    position: absolute;
    width: 100%;
    top: 15%;
    height: 500px;
    z-index: 2; }
    @media (max-width: 800px) {
      .ringBGwsop-box2 .floatingContent2 {
        position: relative;
        height: unset;
        padding-bottom: 30px; } }
    .ringBGwsop-box2 .floatingContent2 .log1, .ringBGwsop-box2 .floatingContent2 .log2, .ringBGwsop-box2 .floatingContent2 .log3 {
      text-align: left; }
    .ringBGwsop-box2 .floatingContent2 .log4, .ringBGwsop-box2 .floatingContent2 .log5, .ringBGwsop-box2 .floatingContent2 .log6 {
      text-align: right; }
    .ringBGwsop-box2 .floatingContent2 .log1 {
      left: 10%;
      top: 0; }
    .ringBGwsop-box2 .floatingContent2 .log2 {
      top: 31%;
      left: 0; }
    .ringBGwsop-box2 .floatingContent2 .log3 {
      top: 62%;
      left: 10%; }
      .ringBGwsop-box2 .floatingContent2 .log3 a span {
        left: 37% !important;
        right: unset !important; }
        @media (max-width: 800px) {
          .ringBGwsop-box2 .floatingContent2 .log3 a span {
            left: unset !important;
            right: 5% !important; } }
    .ringBGwsop-box2 .floatingContent2 .log4 {
      right: 10%;
      top: 0; }
    .ringBGwsop-box2 .floatingContent2 .log5 {
      top: 31%;
      right: 0; }
    .ringBGwsop-box2 .floatingContent2 .log6 {
      top: 62%;
      right: 10%; }
    .ringBGwsop-box2 .floatingContent2 .log1, .ringBGwsop-box2 .floatingContent2 .log2, .ringBGwsop-box2 .floatingContent2 .log3, .ringBGwsop-box2 .floatingContent2 .log4, .ringBGwsop-box2 .floatingContent2 .log5, .ringBGwsop-box2 .floatingContent2 .log6 {
      position: absolute; }
      @media (max-width: 800px) {
        .ringBGwsop-box2 .floatingContent2 .log1, .ringBGwsop-box2 .floatingContent2 .log2, .ringBGwsop-box2 .floatingContent2 .log3, .ringBGwsop-box2 .floatingContent2 .log4, .ringBGwsop-box2 .floatingContent2 .log5, .ringBGwsop-box2 .floatingContent2 .log6 {
          position: relative;
          text-align: center;
          left: unset;
          top: unset;
          right: unset; } }
      @media (max-width: 1024px) {
        .ringBGwsop-box2 .floatingContent2 .log1 img, .ringBGwsop-box2 .floatingContent2 .log2 img, .ringBGwsop-box2 .floatingContent2 .log3 img, .ringBGwsop-box2 .floatingContent2 .log4 img, .ringBGwsop-box2 .floatingContent2 .log5 img, .ringBGwsop-box2 .floatingContent2 .log6 img {
          width: 60%; } }
      @media (max-width: 800px) {
        .ringBGwsop-box2 .floatingContent2 .log1 img, .ringBGwsop-box2 .floatingContent2 .log2 img, .ringBGwsop-box2 .floatingContent2 .log3 img, .ringBGwsop-box2 .floatingContent2 .log4 img, .ringBGwsop-box2 .floatingContent2 .log5 img, .ringBGwsop-box2 .floatingContent2 .log6 img {
          width: 100%; } }
      .ringBGwsop-box2 .floatingContent2 .log1 a, .ringBGwsop-box2 .floatingContent2 .log2 a, .ringBGwsop-box2 .floatingContent2 .log3 a, .ringBGwsop-box2 .floatingContent2 .log4 a, .ringBGwsop-box2 .floatingContent2 .log5 a, .ringBGwsop-box2 .floatingContent2 .log6 a {
        position: relative; }
        .ringBGwsop-box2 .floatingContent2 .log1 a span, .ringBGwsop-box2 .floatingContent2 .log2 a span, .ringBGwsop-box2 .floatingContent2 .log3 a span, .ringBGwsop-box2 .floatingContent2 .log4 a span, .ringBGwsop-box2 .floatingContent2 .log5 a span, .ringBGwsop-box2 .floatingContent2 .log6 a span {
          color: #f5edcc;
          transform: rotate(30deg);
          display: inline-block;
          position: absolute;
          top: -3%;
          right: 5%;
          font-size: 20px; }
          @media (max-width: 800px) {
            .ringBGwsop-box2 .floatingContent2 .log1 a span, .ringBGwsop-box2 .floatingContent2 .log2 a span, .ringBGwsop-box2 .floatingContent2 .log3 a span, .ringBGwsop-box2 .floatingContent2 .log4 a span, .ringBGwsop-box2 .floatingContent2 .log5 a span, .ringBGwsop-box2 .floatingContent2 .log6 a span {
              font-size: 3.5vw; } }
    .ringBGwsop-box2 .floatingContent2 .col-lg-4 {
      padding: 0; }
      @media (max-width: 800px) {
        .ringBGwsop-box2 .floatingContent2 .col-lg-4 {
          padding: 5px 5px; } }
      @media (max-width: 480px) {
        .ringBGwsop-box2 .floatingContent2 .col-lg-4 {
          padding: 3px 3px; } }

.ringSideBG .ringSideBg1 {
  left: -7%;
  position: absolute;
  bottom: 10%; }
  @media (max-width: 1600px) {
    .ringSideBG .ringSideBg1 {
      width: 28%; } }
.ringSideBG .ringSideBg2 {
  right: -6%;
  position: absolute;
  bottom: 40%;
  transform: rotate(327deg);
  opacity: .6; }
  @media (max-width: 1600px) {
    .ringSideBG .ringSideBg2 {
      width: 30%;
      bottom: 57%; } }
.ringSideBG .ringSideBg3 {
  right: -10%;
  position: absolute;
  bottom: 4%;
  transform: rotate(19deg);
  opacity: .6; }
  @media (max-width: 1600px) {
    .ringSideBG .ringSideBg3 {
      width: 26%; } }

.aprpro-bg1 {
  background: url(/assets/images/contents/april-promo/main/aprpro-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /*background-attachment: fixed;*/ }

.aprpro-abso-t {
  position: absolute;
  top: -5%;
  left: 55%;
  transform: translate(-50%, -50%);
  z-index: 1; }

.aprpro-abso-b {
  position: absolute;
  top: 105%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 1; }

.aprpro-main-padd {
  padding: 6% 0;
  border-radius: 40px;
  position: relative;
  z-index: 2; }
  @media (max-width: 800px) {
    .aprpro-main-padd {
      padding: 8%;
      border-radius: 25px; } }

.img-fix-bg {
  position: fixed;
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
  object-fit: cover;
  object-position: center center; }

.roadtovegas-bg-fade {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9), black); }

.rtv-bg2 {
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(/assets/images/contents/road-to-vegas/rtv-bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center; }

.rtv-bg3 {
  background: url(/assets/images/contents/road-to-vegas/rtv-bg3.png);
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.rtv-package-bg {
  position: relative; }
  .rtv-package-bg .inside-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; }
    @media (max-width: 800px) {
      .rtv-package-bg .inside-img {
        top: 40%; } }
  .rtv-package-bg h3 {
    width: 90%;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3; }
    @media (max-width: 800px) {
      .rtv-package-bg h3 {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        z-index: 3;
        font-size: 2.5vw; } }

.roadtovegas-btn {
  border-radius: 50px;
  position: relative;
  border: 3px solid #ff446a;
  color: #ff446a;
  font-weight: bold; }
  .roadtovegas-btn:hover {
    color: #f1627f;
    background-color: #290411; }

.bg-omaholic-2022 {
  background: url(/assets/images/contents/omaha/BG.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.omahaseries2022-bg1 {
  background: url(/assets/images/contents/omaha/BG1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.omahaseries2022-bg2 {
  background: url(/assets/images/contents/omaha/BG2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 10% 20%; }

.omahaseries2022-content-1 h1 {
  font-size: 90px; }
  @media (max-width: 1366px) {
    .omahaseries2022-content-1 h1 {
      font-size: 70px; } }
  @media (max-width: 480px) {
    .omahaseries2022-content-1 h1 {
      font-size: 45px; } }
  @media (max-width: 414px) {
    .omahaseries2022-content-1 h1 {
      font-size: 40px; } }
  @media (max-width: 375px) {
    .omahaseries2022-content-1 h1 {
      font-size: 35px; } }
  @media (max-width: 320px) {
    .omahaseries2022-content-1 h1 {
      font-size: 30px; } }
.omahaseries2022-content-1 h1.yellow-21 {
  font-family: 'Bebas-Regular'; }
.omahaseries2022-content-1 h2 {
  font-size: 46px; }
  @media (max-width: 1366px) {
    .omahaseries2022-content-1 h2 {
      font-size: 38px; } }
.omahaseries2022-content-1 > h3 {
  font-size: 38px;
  color: #006f9d;
  text-shadow: rgba(255, 255, 255, 0.5) -1px -1px 0px, rgba(255, 255, 255, 0.5) -1px 1px 0px, rgba(255, 255, 255, 0.5) 1px 1px 0px, rgba(255, 255, 255, 0.5) 1px -1px 0px;
  margin-top: 15%; }
  @media (max-width: 1366px) {
    .omahaseries2022-content-1 > h3 {
      margin-top: 7%; } }
  @media (max-width: 480px) {
    .omahaseries2022-content-1 > h3 {
      font-size: 30px; } }
  @media (max-width: 375px) {
    .omahaseries2022-content-1 > h3 {
      font-size: 26px; } }

.omaha-series2022 .bar-text {
  top: 8%; }
  .omaha-series2022 .bar-text h3 {
    -webkit-text-fill-color: #ebdbcc;
    font-size: 24px;
    letter-spacing: 0.05em;
    padding: 0% 10% 2%; }
    @media (max-width: 1024px) {
      .omaha-series2022 .bar-text h3 {
        font-size: 17px; } }
    @media (max-width: 480px) {
      .omaha-series2022 .bar-text h3 {
        font-size: 22px; } }
    @media (max-width: 414px) {
      .omaha-series2022 .bar-text h3 {
        font-size: 19px; } }
    @media (max-width: 375px) {
      .omaha-series2022 .bar-text h3 {
        font-size: 17px; } }
  .omaha-series2022 .bar-text span {
    font-size: 35px;
    letter-spacing: 0.05em; }
    @media (max-width: 1024px) {
      .omaha-series2022 .bar-text span {
        font-size: 25px; } }
    @media (max-width: 768px) {
      .omaha-series2022 .bar-text span {
        font-size: 20px; } }
    @media (max-width: 480px) {
      .omaha-series2022 .bar-text span {
        font-size: 30px; } }
    @media (max-width: 414px) {
      .omaha-series2022 .bar-text span {
        margin-top: 0px; } }
    @media (max-width: 375px) {
      .omaha-series2022 .bar-text span {
        font-size: 25px; } }
    @media (max-width: 320px) {
      .omaha-series2022 .bar-text span {
        font-size: 21px; } }
  .omaha-series2022 .bar-text .bottom {
    margin-top: 56%; }
    @media (max-width: 1024px) {
      .omaha-series2022 .bar-text .bottom {
        margin-top: 65%; } }
    @media (max-width: 768px) {
      .omaha-series2022 .bar-text .bottom {
        margin-top: 35%;
        font-size: 15px; } }
    @media (max-width: 480px) {
      .omaha-series2022 .bar-text .bottom {
        font-size: 18px;
        margin-top: 63%; } }
    @media (max-width: 414px) {
      .omaha-series2022 .bar-text .bottom {
        margin-top: 59%; } }
    @media (max-width: 375px) {
      .omaha-series2022 .bar-text .bottom {
        margin-top: 55%; } }
    @media (max-width: 320px) {
      .omaha-series2022 .bar-text .bottom {
        margin-top: 47%; } }
  .omaha-series2022 .bar-text .short-bottom {
    margin-top: 70.5%; }
    @media (max-width: 1024px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 77.5%; } }
    @media (max-width: 768px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 51.5%; } }
    @media (max-width: 480px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 77.5%; } }
    @media (max-width: 414px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 72.5%; } }
    @media (max-width: 375px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 69.5%; } }
    @media (max-width: 320px) {
      .omaha-series2022 .bar-text .short-bottom {
        margin-top: 63.5%; } }

.finalstage {
  position: absolute;
  top: -10px;
  left: -19px; }
  @media (max-width: 480px) {
    .finalstage {
      top: -10px;
      left: -6px; } }
  @media (max-width: 414px) {
    .finalstage {
      width: 55%; } }
  @media (max-width: 375px) {
    .finalstage {
      width: 60%; } }
  @media (max-width: 320px) {
    .finalstage {
      width: 67%; } }

.bebas {
  font-family: 'Bebas-Regular'; }

.text-stroke-omaha {
  text-shadow: rgba(0, 0, 0, 0.5) -1px -1px 0px, rgba(0, 0, 0, 0.5) -1px 1px 0px, rgba(0, 0, 0, 0.5) 1px 1px 0px, rgba(0, 0, 0, 0.5) 1px -1px 0px; }

.text-stroke-omaha2 {
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.56); }

.text-stroke-omaha-white {
  text-shadow: rgba(255, 255, 255, 0.5) -1px -1px 0px, rgba(255, 255, 255, 0.5) -1px 1px 0px, rgba(255, 255, 255, 0.5) 1px 1px 0px, rgba(255, 255, 255, 0.5) 1px -1px 0px; }

@media (max-width: 1366px) {
  .omaha-bottom-desc {
    margin-top: 0; } }
.omaha-bottom-desc h2 {
  font-size: 38px; }
  @media (max-width: 375px) {
    .omaha-bottom-desc h2 {
      font-size: 18px !important; } }
.omaha-bottom-desc h1 {
  font-size: 50px; }
  @media (max-width: 1024px) {
    .omaha-bottom-desc h1 {
      font-size: 35px; } }
  @media (max-width: 414px) {
    .omaha-bottom-desc h1 {
      font-size: 28px; } }
  @media (max-width: 375px) {
    .omaha-bottom-desc h1 {
      font-size: 22px; } }

.omahaseries2022-lastsec p {
  line-height: 40px;
  margin-bottom: 30px;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.75); }
  @media (max-width: 1024px) {
    .omahaseries2022-lastsec p {
      margin-bottom: 25px; } }
  @media (max-width: 480px) {
    .omahaseries2022-lastsec p {
      line-height: 22px;
      margin-bottom: 10px; } }

.omahaseries2022-pbtv {
  position: relative;
  margin-bottom: 6%; }
  @media (max-width: 1440px) {
    .omahaseries2022-pbtv {
      margin-bottom: 1%; } }
  .omahaseries2022-pbtv > div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    .omahaseries2022-pbtv > div ul li {
      width: 22%; }
      @media (max-width: 320px) {
        .omahaseries2022-pbtv > div ul li:first-child {
          width: 54%; } }
      .omahaseries2022-pbtv > div ul li:last-child {
        vertical-align: top; }
        @media (max-width: 320px) {
          .omahaseries2022-pbtv > div ul li:last-child {
            width: 46%; } }
      @media (max-width: 768px) {
        .omahaseries2022-pbtv > div ul li {
          width: 30%; } }
      @media (max-width: 480px) {
        .omahaseries2022-pbtv > div ul li {
          width: 40%; } }
      @media (max-width: 414px) {
        .omahaseries2022-pbtv > div ul li {
          width: 50%; } }
      .omahaseries2022-pbtv > div ul li p {
        margin-bottom: 0 !important; }
        @media (max-width: 480px) {
          .omahaseries2022-pbtv > div ul li p {
            margin-top: 3px; } }
      .omahaseries2022-pbtv > div ul li a {
        padding: 13px 30px;
        margin-top: 25px; }
        @media (max-width: 480px) {
          .omahaseries2022-pbtv > div ul li a {
            padding: 10px 20px;
            margin-top: 10px; } }
        @media (max-width: 320px) {
          .omahaseries2022-pbtv > div ul li a {
            padding: 8px 13px;
            margin-top: 10px; } }

.table-omahaseries2022fix {
  border: 1px solid #4cafd8; }
  .table-omahaseries2022fix tbody > tr {
    border-bottom: 1px solid #dedede; }
  .table-omahaseries2022fix > thead > tr > th {
    background: #4cafd8 !important;
    /*border-right: 1px solid #dedede;*/ }
    .table-omahaseries2022fix > thead > tr > th:last-child {
      border-right: none; }
  .table-omahaseries2022fix tbody > tr > td {
    color: #1e7295;
    /*border-bottom: 1px solid #dedede;*/
    /*border-right: 1px solid #dedede;*/ }
    .table-omahaseries2022fix tbody > tr > td:last-child {
      border-right: none; }

.table-omahaseries2022fix > tbody > tr:nth-child(odd) {
  background-color: #ffffff; }

.table-omahaseries2022fix > tbody > tr:nth-child(even) {
  background-color: #fafafa; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar {
  border: 1px solid #ffffff; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar-thumb {
  background-color: #fdfdfd; }

tbody.table-wsopspringfix-wrapper::-webkit-scrollbar-track {
  background: #d9d9d9; }

.table-omahaseries2022fix tbody > tr:hover {
  background-color: #f6f6f6 !important; }

.mystery-bg1 {
  background: url(../res2/mystery-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  /*background-attachment: fixed;*/ }

.mbounty-gif-bg {
  background: url(../res2/mbounty-wood-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.mystery-bounty-step {
  border: 3px solid #4f1b09;
  padding: 10px;
  background-color: #050201;
  position: relative; }
  .mystery-bounty-step .details-border {
    border: 3px solid #4f1b09;
    padding: 9%; }
    .mystery-bounty-step .details-border .text {
      position: relative;
      z-index: 2; }
  .mystery-bounty-step .ornament img {
    position: absolute;
    width: 90px;
    background: #050201;
    z-index: 1; }
    .mystery-bounty-step .ornament img:first-child {
      top: 1%;
      left: 1%; }
    .mystery-bounty-step .ornament img:nth-child(2) {
      top: 1%;
      right: 1%;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .mystery-bounty-step .ornament img:nth-child(3) {
      bottom: 1%;
      left: 1%;
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg); }
    .mystery-bounty-step .ornament img:nth-child(4) {
      bottom: 1%;
      right: 1%;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.mystery-bounty-step-small {
  border: 3px solid #4f1b09;
  padding: 10px;
  background-color: #050201;
  position: relative; }
  .mystery-bounty-step-small .details-border {
    padding: 4% 2%; }
    .mystery-bounty-step-small .details-border .text {
      position: relative;
      z-index: 2; }
  .mystery-bounty-step-small .ornament img {
    position: absolute;
    width: 8%;
    background: #050201;
    z-index: 1; }
    @media (max-width: 480px) {
      .mystery-bounty-step-small .ornament img {
        width: 10%; } }
    .mystery-bounty-step-small .ornament img:first-child {
      top: 0;
      left: 0; }
    .mystery-bounty-step-small .ornament img:nth-child(2) {
      top: 0;
      right: 0;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
    .mystery-bounty-step-small .ornament img:nth-child(3) {
      bottom: 0;
      left: 0;
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg); }
    .mystery-bounty-step-small .ornament img:nth-child(4) {
      bottom: 0;
      right: 0;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.bounty-activity-container {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 30px;
  border: 1px solid #fff;
  border-radius: 20px; }

.mbounty-hr {
  border-top: 2px solid #ffbe93 !important;
  margin: 20px 0; }

/********GGPUKE********/
.ggpuke-body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #000; }
  .ggpuke-body .image-box img {
    width: 100%; }
  @media (max-width: 1024px) {
    .ggpuke-body .image-box .pc-bg {
      display: none; } }
  .ggpuke-body .image-box .mobi-bg {
    display: none; }
    @media (max-width: 1024px) {
      .ggpuke-body .image-box .mobi-bg {
        display: block; } }

/********otc LANDING********/
.otc-landing-body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #0a0907; }
  .otc-landing-body .image-box {
    position: relative;
    text-align: center;
    width: 800px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .otc-landing-body .image-box {
        width: 100%; } }
    .otc-landing-body .image-box .pc-content {
      display: block;
            /*@media (max-width: 1024px) {
				display: none;
			}*/ }
    .otc-landing-body .image-box .pc-bg {
      width: 100%; }
    .otc-landing-body .image-box .mobi-bg {
      width: 100%; }

.faq-banner {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto; }
  .faq-banner img {
    width: 100%; }

.faq-top {
  padding: 8% 0; }
  @media (max-width: 1024px) {
    .faq-top {
      padding: 5px 0; } }

.faq-box-content {
  padding: 40px 35px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  min-height: 650px; }
  @media (max-width: 1024px) {
    .faq-box-content {
      min-height: 100px; } }

@media (max-width: 1024px) {
  .faq-list {
    border: none;
    min-height: initial;
    padding-left: 0 !important;
    padding-right: 0 !important; } }
.faq-list > label {
  position: relative; }
  @media (max-width: 1024px) {
    .faq-list > label {
      background: #fff;
      padding: 12px 10px;
      color: #212121;
      width: 50%; } }
  .faq-list > label:after {
    content: '\e915';
    font-family: icomoon;
    font-size: 10px;
    position: absolute;
    top: 16px;
    color: #000;
    right: 10px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: linear 0.3s; }
.faq-list .drop:after {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }
.faq-list hr {
  height: 4px;
  border: none;
  background-color: #cd171f;
  width: 53%;
  margin-top: 6px;
  text-align: center;
  display: inline-block; }
.faq-list ul {
  font-size: 14px;
  line-height: 27px;
  /*li.active {
      a {
          color: #cd171f;
      }
  }*/ }
  @media (max-width: 1024px) {
    .faq-list ul {
      background: #fff; } }
  .faq-list ul li a {
    color: #212121; }
    .faq-list ul li a:hover {
      color: #cd171f; }

@media (max-width: 1024px) {
  .faq-menu-title {
    color: #fff0c1;
    line-height: 23px;
    font-size: 18px;
    padding-top: 0; } }

.box-inner.faq-box-content a {
  word-break: break-all;
  font-size: 15px;
  line-height: 20px; }

.faq-section h1 {
  font-size: 1.8em;
  position: relative;
  text-align: right; }
  @media (max-width: 1024px) {
    .faq-section h1 {
      /*color: #fff0c1;*/
      text-align: left;
      font-size: 1.45em;
      padding: 20px 0 10px; } }
  @media (max-width: 480px) {
    .faq-section h1 {
      font-size: 1.10em; } }
.faq-section .box-inner {
  width: 100%;
  margin: 10px auto;
  border: 1px solid #cdcdcd; }
  @media (max-width: 1024px) {
    .faq-section .box-inner {
      border: 1px solid #969696;
      border-radius: 0; } }
  .faq-section .box-inner h3 {
    background-color: transparent;
    border-bottom: none;
    text-align: left;
    padding: 5px 0px; }
.faq-section .faq-box-content {
  padding: 15px 35px; }
  @media (max-width: 480px) {
    .faq-section .faq-box-content {
      padding: 15px 15px; } }
  .faq-section .faq-box-content h2, .faq-section .faq-box-content h3, .faq-section .faq-box-content p {
    color: #212121;
    /*@media (max-width: 1024px) {
        color: #fff;
    }*/ }
  .faq-section .faq-box-content h2 {
    padding: 12px 0px;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 18px;
    /*@media (max-width: 1024px) {
        color: #fff0c1;
    }*/ }
    @media (max-width: 480px) {
      .faq-section .faq-box-content h2 {
        padding: 10px 0px;
        font-weight: bold;
        font-size: 16px; } }
  .faq-section .faq-box-content h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px;
    /*@media (max-width: 1024px) {
        color: #fff0c1;
    }*/ }
    @media (max-width: 480px) {
      .faq-section .faq-box-content h3 {
        font-size: 14px; } }
  .faq-section .faq-box-content p {
    padding: 5px 0px;
    line-height: 1.6em;
    font-size: 15px; }
    @media (max-width: 480px) {
      .faq-section .faq-box-content p {
        font-size: 13px; } }
  .faq-section .faq-box-content hr {
    height: 1px;
    border: none;
    background-color: #dedede;
    width: 100%;
    margin-top: 12px;
    text-align: center;
    display: inline-block;
    margin: 10px 0; }
    @media (max-width: 1024px) {
      .faq-section .faq-box-content hr {
        background-color: #969696; } }

.faq-navbar > li {
  margin-bottom: 15px;
  position: relative; }
  @media (max-width: 1024px) {
    .faq-navbar > li {
      margin-bottom: 0; } }
  .faq-navbar > li > a {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0px 10px;
    border-bottom: 2px solid #cd171f;
    display: block;
    margin-bottom: 10px; }
    @media (max-width: 1024px) {
      .faq-navbar > li > a {
        margin-bottom: 0;
        border-bottom: none;
        padding: 5px 10px;
        font-weight: normal;
        position: relative; }
        .faq-navbar > li > a:after {
          content: '\e915';
          font-family: icomoon;
          font-size: 10px;
          position: absolute;
          top: 6px;
          color: #000;
          right: 10px;
          transition: linear 0.3s; } }
    @media (max-width: 480px) {
      .faq-navbar > li > a {
        font-size: 14px; } }

@media (max-width: 1024px) {
  .faq-dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    z-index: 1; } }
@media (max-width: 1024px) {
  .faq-dropdown-menu li a {
    padding: 4px 9px;
    display: block; } }
.faq-dropdown-menu .active a {
  color: #cd171f; }

.faq-nav-link {
  margin-top: 37px; }
  @media (max-width: 1024px) {
    .faq-nav-link {
      display: none; } }

@media (max-width: 1024px) {
  .faq-navbar {
    display: none;
    width: 50%; } }
@media (max-width: 1024px) {
  .faq-navbar > li.active > a {
    color: #cd171f; } }

.show {
  display: block; }

.arrow {
  font-size: 60px;
  position: absolute;
  right: -40px;
  top: 45%;
  color: #707070; }
  @media (max-width: 480px) {
    .arrow {
      font-size: 28px;
      right: -17px; } }

.faq-read {
  cursor: pointer; }

.faq-answer {
  display: none; }

.tabs {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 100%;
  padding-left: 10px; }
  @media (max-width: 384px) {
    .tabs {
      padding-left: 0; } }
  .tabs li {
    display: inline-block;
    text-align: center;
    list-style: none;
    color: #fff;
    cursor: pointer; }
    .tabs li .apl-leader-btn {
      color: #fff;
      background: linear-gradient(30deg, #112237 18%, #325b89 100%);
      text-align: center;
      text-decoration: none;
      outline: 0;
      padding: 15px 35px;
      display: inline-block;
      transform: skew(-21deg);
      letter-spacing: 2px;
      box-shadow: -2px -2px #cecdcd;
      font-size: 28px;
      min-width: 250px;
      border-radius: 10px 5px;
      margin: 0 2px;
      /* Un-skew the text */ }
      @media (max-width: 1024px) {
        .tabs li .apl-leader-btn {
          padding: 15px 20px;
          font-size: 15px;
          min-width: 190px; } }
      @media (max-width: 600px) {
        .tabs li .apl-leader-btn {
          padding: 15px 9px;
          font-size: 15px;
          min-width: 130px; } }
      @media (max-width: 480px) {
        .tabs li .apl-leader-btn {
          padding: 15px 10px;
          font-size: 14px;
          min-width: 40%; } }
      @media (max-width: 432px) {
        .tabs li .apl-leader-btn {
          padding: 15px 5px;
          font-size: 13px;
          min-width: 35%; } }
      @media (max-width: 384px) {
        .tabs li .apl-leader-btn {
          font-size: 12px; } }
      @media (max-width: 320px) {
        .tabs li .apl-leader-btn {
          font-size: 10px; } }
      .tabs li .apl-leader-btn:hover {
        background: #b61b29; }
      .tabs li .apl-leader-btn > span {
        display: inline-block;
        transform: skew(21deg); }
  .tabs li.active-tab > .apl-leader-btn {
    background: linear-gradient(30deg, #470000 18%, #b51c28 100%) !important; }

.tab-content li {
  display: none; }
.tab-content li.active {
  display: block; }

/********Flygram LANDING********/
.flygram-landing-body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #0a0907; }
  .flygram-landing-body .image-box {
    position: relative;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    		/*.mobile-content {
    			display: none;
    
    			@media (max-width: 1024px) {
    				display: block;
    			}
    		}*/ }
    @media (max-width: 1024px) {
      .flygram-landing-body .image-box {
        width: 100%; } }
    .flygram-landing-body .image-box .pc-content {
      display: block;
      /*@media (max-width: 1024px) {
      	display: none;
      }*/ }
    .flygram-landing-body .image-box .pc-btn {
      position: absolute;
      text-align: center;
      display: block;
      width: 100%;
      bottom: 8.2%;
      font-size: 0; }
      .flygram-landing-body .image-box .pc-btn .btn-1-box {
        width: 50%;
        margin: 0 auto;
        display: inline-block; }
        .flygram-landing-body .image-box .pc-btn .btn-1-box img {
          width: 90%; }
          .flygram-landing-body .image-box .pc-btn .btn-1-box img:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
      .flygram-landing-body .image-box .pc-btn .btn-2-box {
        width: 50%;
        margin: 0 auto; }
        .flygram-landing-body .image-box .pc-btn .btn-2-box img {
          width: 90%; }
    .flygram-landing-body .image-box .pc-btn-2 {
      bottom: 7% !important; }
    .flygram-landing-body .image-box .pc-bg {
      width: 100%; }
    .flygram-landing-body .image-box .mobi-bg {
      width: 100%; }
    .flygram-landing-body .image-box .ios-pop {
      position: fixed;
      width: 450px;
      padding: 20px 10px;
      text-align: center;
      background-color: white;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 20px;
      box-shadow: 5px 5px 5px #001a0f;
      display: none;
      z-index: 5; }
      @media (max-width: 1024px) {
        .flygram-landing-body .image-box .ios-pop {
          width: 85%; } }
      @media (max-width: 768px) {
        .flygram-landing-body .image-box .ios-pop {
          width: 85%; } }
      .flygram-landing-body .image-box .ios-pop h1 {
        font-size: 25px;
        padding: 20px 0;
        line-height: 1.5em;
        border-bottom: 1px solid #c2c2c2; }
        @media (max-width: 480px) {
          .flygram-landing-body .image-box .ios-pop h1 {
            font-size: 20px; } }
      .flygram-landing-body .image-box .ios-pop .close {
        color: #027ffd;
        font-size: 30px;
        cursor: pointer;
        display: inline-block;
        margin-top: 10px;
        padding: 20px; }
        @media (max-width: 480px) {
          .flygram-landing-body .image-box .ios-pop .close {
            font-size: 22px;
            padding: 10px 20px; } }
  .flygram-landing-body .win-droid {
    display: none; }
  .flygram-landing-body .mac-ios {
    display: none; }

footer {
  display: none; }

header {
  display: none; }

/*# sourceMappingURL=main.css.map */