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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

* {
  font-family: 'Chakra Petch', sans-serif; }

a :hover {
  cursor: pointer;
  opacity: 0.5; }

.wrap {
  width: 100%;
  max-width: 1000px; }

@-webkit-keyframes casino-red-top-m {
  0% {
    top: 24%; }
  50% {
    top: 22%; }
  100% {
    top: 24%; } }

@keyframes casino-red-top-m {
  0% {
    top: 24%; }
  50% {
    top: 22%; }
  100% {
    top: 24%; } }

@-webkit-keyframes casino-red-top {
  0% {
    top: -10%; }
  50% {
    top: -8%; }
  100% {
    top: -10%; } }

@keyframes casino-red-top {
  0% {
    top: -10%; }
  50% {
    top: -8%; }
  100% {
    top: -10%; } }

@-webkit-keyframes casino-red-bottom {
  0% {
    bottom: -20%; }
  50% {
    bottom: -18%; }
  100% {
    bottom: -20%; } }

@keyframes casino-red-bottom {
  0% {
    bottom: -20%; }
  50% {
    bottom: -18%; }
  100% {
    bottom: -20%; } }

@-webkit-keyframes casino-red-bottom-m {
  0% {
    bottom: 8%; }
  50% {
    bottom: 6%; }
  100% {
    bottom: 8%; } }

@keyframes casino-red-bottom-m {
  0% {
    bottom: 8%; }
  50% {
    bottom: 6%; }
  100% {
    bottom: 8%; } }

@-webkit-keyframes casino-blue-top {
  0% {
    top: 0%; }
  50% {
    top: 2%; }
  100% {
    top: 0%; } }

@keyframes casino-blue-top {
  0% {
    top: 0%; }
  50% {
    top: 2%; }
  100% {
    top: 0%; } }

@-webkit-keyframes casino-blue-top-m {
  0% {
    top: 28%; }
  50% {
    top: 26%; }
  100% {
    top: 28%; } }

@keyframes casino-blue-top-m {
  0% {
    top: 28%; }
  50% {
    top: 26%; }
  100% {
    top: 28%; } }

@-webkit-keyframes casino-blue-bottom {
  0% {
    top: 30%; }
  50% {
    top: 28%; }
  100% {
    top: 30%; } }

@keyframes casino-blue-bottom {
  0% {
    top: 30%; }
  50% {
    top: 28%; }
  100% {
    top: 30%; } }

@-webkit-keyframes casino-blue-bottom-m {
  0% {
    top: 50%; }
  50% {
    top: 52%; }
  100% {
    top: 50%; } }

@keyframes casino-blue-bottom-m {
  0% {
    top: 50%; }
  50% {
    top: 52%; }
  100% {
    top: 50%; } }

@-webkit-keyframes light01 {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-filter: brightness(200%);
    filter: brightness(200%); }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@keyframes light01 {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-filter: brightness(200%);
    filter: brightness(200%); }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@-webkit-keyframes light02 {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-filter: brightness(150%);
    filter: brightness(150%); }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@keyframes light02 {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-filter: brightness(150%);
    filter: brightness(150%); }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@-webkit-keyframes scale-light01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: brightness(150%);
    filter: brightness(150%); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@keyframes scale-light01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: brightness(150%);
    filter: brightness(150%); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@-webkit-keyframes scale01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scale01 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes scale02 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: brightness(120%);
    filter: brightness(120%); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@keyframes scale02 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: brightness(120%);
    filter: brightness(120%); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: brightness(100%);
    filter: brightness(100%); } }

@-webkit-keyframes blue-club {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 1; } }

@keyframes blue-club {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 1; } }

@-webkit-keyframes blue-heart {
  0% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0.7; }
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: 1; } }

@keyframes blue-heart {
  0% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 0.7; }
  100% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: 1; } }

@-webkit-keyframes blue-spade {
  0% {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: 1; } }

@keyframes blue-spade {
  0% {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: 1; } }

@-webkit-keyframes red-spade {
  0% {
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    opacity: 1; } }

@keyframes red-spade {
  0% {
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(26deg);
    transform: rotate(26deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(-26deg);
    transform: rotate(-26deg);
    opacity: 1; } }

@-webkit-keyframes red-diamond {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1; } }

@keyframes red-diamond {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1; } }

@-webkit-keyframes red-heart {
  0% {
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    opacity: 1; } }

@keyframes red-heart {
  0% {
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    opacity: 1; }
  50% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    opacity: 0.8; }
  100% {
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    opacity: 1; } }

/* 01 */
.section01 {
  position: relative;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(../images/section01-bg-m.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden; }

.section01-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.header-text {
  position: absolute;
  bottom: 30px;
  z-index: 99; }
  .header-text li {
    text-align: center; }
  .header-text .header-logo {
    width: 90%;
    max-width: 600px;
    -webkit-animation-name: scale01;
    animation-name: scale01;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .header-text .header-title01 {
    width: 88%;
    max-width: 600px;
    -webkit-animation-name: scale02;
    animation-name: scale02;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.header-model-wrap {
  position: relative; }

.header-main {
  position: absolute;
  left: 50%;
  top: 42%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .header-main .header-model {
    position: absolute;
    left: 50%;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 50;
    width: 50%;
    max-width: 340px; }
  .header-main .header-neon {
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30;
    width: 60%;
    max-width: 360px;
    -webkit-animation-name: light01;
    animation-name: light01;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .header-main .casino {
    position: relative;
    width: 1000px;
    height: 500px;
    bottom: 0;
    z-index: 10; }
  .header-main .casino-blue-bottom {
    position: absolute;
    width: 40%;
    max-width: 200px;
    top: 50%;
    right: 24%;
    -webkit-animation-name: casino-blue-bottom-m;
    animation-name: casino-blue-bottom-m;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .header-main .casino-blue-top {
    position: absolute;
    width: 50%;
    max-width: 150px;
    top: 28%;
    right: 29%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-animation-name: casino-blue-top-m;
    animation-name: casino-blue-top-m;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .header-main .casino-red-bottom {
    position: absolute;
    width: 50%;
    max-width: 240px;
    bottom: 8%;
    right: 48%;
    -webkit-animation-name: casino-red-bottom-m;
    animation-name: casino-red-bottom-m;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .header-main .casino-red-top {
    position: absolute;
    width: 40%;
    max-width: 240px;
    top: 24%;
    right: 48%;
    -webkit-animation-name: casino-red-top-m;
    animation-name: casino-red-top-m;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.poker-blue {
  position: absolute;
  width: 1000px;
  height: 500px;
  bottom: 0;
  z-index: 20; }
  .poker-blue .blue-club {
    position: absolute;
    width: 100%;
    max-width: 44px;
    right: 43%;
    top: 12%;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-animation-name: blue-club;
    animation-name: blue-club;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .poker-blue .blue-heart {
    position: absolute;
    width: 100%;
    max-width: 51px;
    right: 36%;
    top: 11%;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-animation-name: blue-heart;
    animation-name: blue-heart;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .poker-blue .blue-spade {
    position: absolute;
    width: 100%;
    max-width: 64px;
    right: 30%;
    top: 19%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-animation-name: blue-spade;
    animation-name: blue-spade;
    -webkit-animation-duration: 3.0s;
    animation-duration: 3.0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.poker-red {
  position: absolute;
  width: 1000px;
  height: 500px;
  bottom: 0;
  z-index: 20; }
  .poker-red .red-spade {
    position: absolute;
    width: 100%;
    max-width: 50px;
    left: 44%;
    top: 11%;
    -webkit-transform: rotate(-26deg);
    -ms-transform: rotate(-26deg);
    transform: rotate(-26deg);
    -webkit-animation-name: red-spade;
    animation-name: red-spade;
    -webkit-animation-duration: 2.7s;
    animation-duration: 2.7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .poker-red .red-diamond {
    position: absolute;
    width: 100%;
    max-width: 45px;
    left: 374px;
    top: 14%;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-animation-name: red-diamond;
    animation-name: red-diamond;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .poker-red .red-heart {
    position: absolute;
    width: 100%;
    max-width: 69px;
    left: 30%;
    top: 18%;
    -webkit-transform: rotate(-33deg);
    -ms-transform: rotate(-33deg);
    transform: rotate(-33deg);
    -webkit-animation-name: red-heart;
    animation-name: red-heart;
    -webkit-animation-duration: 3.1s;
    animation-duration: 3.1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.header-sign {
  position: absolute;
  width: 50%;
  max-width: 200px;
  bottom: 120px;
  right: 20px; }

.gradient-bg {
  position: absolute;
  width: 100%;
  height: 65%;
  bottom: 0;
  left: 0;
  z-index: 70; }

/* 02 */
.section02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(../images/section02-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0; }

.section02-wrap {
  width: 92%;
  margin: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .section02-wrap ul {
    width: 30%;
    margin: 0 2%; }
  .section02-wrap li {
    text-align: center; }
  .section02-wrap p {
    color: #FFF;
    text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
    font-family: Chakra Petch;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 5px; }

.feature-bg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 250px;
  -webkit-animation-name: light02;
  animation-name: light02;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.feature-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.feature-img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .feature-img-wrap img {
    width: 100%;
    max-width: 120px;
    -webkit-animation-name: scale01;
    animation-name: scale01;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* 03 */
.section03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 50px 0;
  background-image: url(../images/section03-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .section03 .section03-wrap {
    width: 92%;
    margin: 0 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .section03 video {
    width: 100%;
    max-width: 260px;
    margin: 10px 0;
    padding: 16px;
    border-radius: 12px;
    border: 4px solid #32B5FF;
    -webkit-box-shadow: 0px 0px 20px 20px rgba(26, 145, 255, 0.3);
    box-shadow: 0px 0px 20px 20px rgba(26, 145, 255, 0.3); }
  .section03 link {
    width: 100%; }
  .section03 ul:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px; }
    .section03 ul:nth-child(1) li {
      width: 50%;
      margin: 4px 0;
      -webkit-animation-name: light02;
      animation-name: light02;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .section03 ul:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .section03 ul:nth-child(2) li {
      width: 50%;
      margin: 4px 0;
      -webkit-animation-name: light02;
      animation-name: light02;
      -webkit-animation-duration: 1.8s;
      animation-duration: 1.8s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .section03 img {
    width: 100%; }

/* 04 */
.section04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 50px 0;
  background-image: url(../images/section04-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .section04 .section04-wrap {
    width: 92%;
    margin: 0 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.lincense-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30%; }
  .lincense-wrap .partner-img img {
    width: 100%;
    max-width: 60px; }

.partner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70%; }
  .partner-wrap .partner-img img {
    width: 20%;
    max-width: 90px; }

.lincense-text {
  color: #FF6B6B;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  font-family: Chakra Petch;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px; }

.lincense-line {
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  background-color: #FF6B6B; }

.partner-line {
  width: 100%;
  height: 2px;
  margin-bottom: 20px;
  background-color: #48A7FF; }

.partner-text {
  color: #48A7FF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  font-family: Chakra Petch;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px; }

/* 05 */
.section05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: url(../images/section05-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0; }

.section05-wrap {
  width: 92%;
  margin: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.top-game-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background: -webkit-linear-gradient(355deg, rgba(5, 3, 55, 0.77) 0%, rgba(60, 4, 4, 0.78) 96.21%);
  background: -o-linear-gradient(355deg, rgba(5, 3, 55, 0.77) 0%, rgba(60, 4, 4, 0.78) 96.21%);
  background: linear-gradient(95deg, rgba(5, 3, 55, 0.77) 0%, rgba(60, 4, 4, 0.78) 96.21%);
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); }

.top-game-title {
  width: 100%;
  text-align: center; }
  .top-game-title img {
    width: 60%;
    max-width: 360px;
    -webkit-animation-name: scale01;
    animation-name: scale01;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.top-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2% 0; }
  .top-game ul {
    width: 22%;
    margin: 1%; }
  .top-game li {
    color: #FFF;
    font-family: Chakra Petch;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-top: 5px; }
    .top-game li img {
      width: 100%;
      height: auto; }

/* 06 */
.section06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0f1379), to(black));
  background: -webkit-linear-gradient(top, #0f1379 0%, black 100%);
  background: -o-linear-gradient(top, #0f1379 0%, black 100%);
  background: linear-gradient(180deg, #0f1379 0%, black 100%); }

.section06-wrap {
  width: 92%;
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.footer-logo {
  width: 40%;
  max-width: 240px; }

.footer-social {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.footer-social ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.footer-social li {
  margin: 0 2%; }

.footer-social img {
  width: 100%;
  margin: 0 2%;
  max-width: 50px;
  -webkit-animation-name: scale-light01;
  animation-name: scale-light01;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@media screen and (min-width: 330px) {
  .header-sign {
    position: absolute;
    width: 50%;
    max-width: 150px;
    bottom: 150px;
    right: 20px; }
  .section02-wrap p {
    font-size: 12px; }
  .top-game li {
    font-size: 12px; } }

@media screen and (min-width: 767px) {
  /* 01 */
  .section01 {
    height: 100vw;
    max-height: 1000px;
    background-image: url(../images/section01-bg.jpg); }
  .header-main {
    top: 50%; }
    .header-main .header-model {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 50%;
      max-width: 600px; }
    .header-main .header-neon {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 30;
      width: 60%;
      max-width: 700px; }
    .header-main .header-text .header-logo {
      width: 100%;
      max-width: 600px; }
    .header-main .header-text .header-title01 {
      width: 100%;
      max-width: 600px; }
    .header-main .casino {
      position: relative;
      width: 1000px;
      height: 500px;
      bottom: 0;
      z-index: 10; }
    .header-main .casino-blue-bottom {
      position: absolute;
      width: 40%;
      max-width: 500px;
      top: 30%;
      right: 4%;
      -webkit-animation-name: casino-blue-bottom;
      animation-name: casino-blue-bottom;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .header-main .casino-blue-top {
      position: absolute;
      width: 50%;
      max-width: 250px;
      top: 0%;
      right: 14%;
      -webkit-animation-name: casino-blue-top;
      animation-name: casino-blue-top;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .header-main .casino-red-bottom {
      position: absolute;
      width: 60%;
      max-width: 500px;
      bottom: -20%;
      right: 45%;
      -webkit-animation-name: casino-red-bottom;
      animation-name: casino-red-bottom;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .header-main .casino-red-top {
      position: absolute;
      width: 40%;
      max-width: 600px;
      top: -10%;
      right: 50%;
      -webkit-animation-name: casino-red-top;
      animation-name: casino-red-top;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .poker-blue {
    position: absolute;
    width: 1000px;
    height: 500px;
    bottom: 0;
    z-index: 20; }
    .poker-blue .blue-club {
      position: absolute;
      width: 100%;
      max-width: 80px;
      right: 5%;
      top: 0%;
      -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      transform: rotate(15deg); }
    .poker-blue .blue-heart {
      position: absolute;
      width: 100%;
      max-width: 100px;
      right: -10%;
      top: 10%;
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg); }
    .poker-blue .blue-spade {
      position: absolute;
      width: 100%;
      max-width: 150px;
      right: -5%;
      top: 35%;
      -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
      transform: rotate(20deg); }
  .poker-red {
    position: absolute;
    width: 1000px;
    height: 500px;
    bottom: 0;
    z-index: 20; }
    .poker-red .red-spade {
      position: absolute;
      width: 100%;
      max-width: 100px;
      left: -15%;
      top: -3%;
      -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      transform: rotate(10deg); }
    .poker-red .red-diamond {
      position: absolute;
      width: 100%;
      max-width: 80px;
      left: 0;
      top: 10%;
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      transform: rotate(30deg); }
    .poker-red .red-heart {
      position: absolute;
      width: 100%;
      max-width: 140px;
      left: -5%;
      top: 35%;
      -webkit-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      transform: rotate(-40deg); }
  .header-sign {
    position: absolute;
    width: 40%;
    max-width: 200px;
    bottom: 220px;
    right: 40px; }
  .gradient-bg {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 70; }
  /* 02 */
  .section02-wrap p {
    font-size: 22px; }
  /* 03 */
  .section03 video {
    width: 100%;
    max-width: 400px; }
  .section03 link {
    width: 70%; }
  .section03 img {
    width: 100%; }
  /* 04 */
  .section04-wrap {
    width: 100%;
    margin: initial; }
  .lincense-wrap {
    width: 15%; }
    .lincense-wrap .partner-img img {
      width: 100%;
      max-width: 90px; }
  .partner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85%; }
    .partner-wrap .partner-img img {
      width: 11.5%;
      max-width: 90px; }
  .lincense-text {
    font-size: 24px; }
  .partner-text {
    font-size: 24px; }
  /* 05 */
  .section05-wrap {
    width: 100%;
    margin: initial; }
  .top-game-wrap {
    border-radius: 30px; }
  .top-game li {
    font-size: 18px; } }

@media screen and (min-width: 1000px) {
  /* 01 */
  .section01 {
    height: 50vw;
    max-height: 1000px;
    background-image: url(../images/section01-bg.jpg); } }