body {
  font-size: 100%;
  font-family: 'Kanit', sans-serif;
  color: #fff;
  background-color: #000;
}

a:link, a:hover, a:visited {
  text-decoration: none;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
}

p {
  font-size: 1em;
}

span, li {
  font-size: 0.8em;
}

.fz05 {
  font-size: 0.5em
}

.fz08 {
  font-size: 0.5em;
}

.fz10 {
  font-size: 0.8em;
}

.fz12 {
  font-size: 1.2em
}

.fz15 {
  font-size: 1.5em;
}

.f-roboto {
  font-family: 'Roboto', sans-serif;
}

.fc-white {
  color: #fff;
}

.fc-black {
  color: #000;
}

.fc-gold {
  color: #ffc500;
}

.fc-red {
  color: red;
}

.bc-silver {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+50,eeeeee+100 */
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 50%, #eeeeee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 50%, #eeeeee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 50%, #eeeeee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */
}

.bc-silver-g {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.bg-black-g {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-red {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
padding: 15px;
border-radius: 10px;
margin: 0 auto;
text-align: center;
width: 100%;
color:white;
}

.bg-orange {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
padding: 15px;
border-radius: 10px;
margin: 0 auto;
text-align: center;
width: 100%;
font-weight: 900;
}

.bg-green {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: #299a0b; /* Old browsers */
background: -moz-linear-gradient(top,  #299a0b 0%, #299a0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #299a0b 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #299a0b 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
padding: 15px;
border-radius: 10px;
margin: 0 auto;
text-align: center;
width: 100%;
font-weight: 900;
}

.b-black {
  background-color: rgba(0, 0, 0, 0.8);
}

.tab-new-2 {
  font-size: 0.5em;
  padding: 2px 5px;
  color: #f8f8ff;
  background: red;
  position: absolute;
  bottom: 40px;
  left: 100px;
  border-radius: 2px;
}


.tab-new-mobile {
  font-size: 0.6em;
  padding: 2px 5px;
  color: #f8f8ff;
  background: red;
  border-radius: 2px;
}

.tab-new-mobile-bottom {
  position: absolute;
  top: 10px;
  right: 1px;
  font-size: 0.6em;
  padding: 2px 5px;
  color: #f8f8ff;
  background: red;
  border-radius: 2px;
}

.flashit {
  color: white;
  -webkit-animation: flash linear 2s infinite;
  animation: flash linear 2s infinite;
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .1;
  }

  100% {
    opacity: 1;
  }
}


.topmenu {
  background-color: #000;
  margin: 0 auto;
  width: 100%;
  height: 65px
}

.topmenu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.topmenu ul li {
  transition: 0.5s;
}

.topmenu ul li a {
  float: left;
  color: #fff;
  text-align: center;
  padding: 18px 36px;
  font-size: 1.1em;
  position: relative;
}



.link-play {
  background-color: #999;
  color: #000;
  padding: 5px 15px;
  font-size: 0.8em;
  border-radius: 10px;
  text-align: center;
}

.link-play:hover {
  background-color: #3399ff;
  color: #fff;
}

.link-line {
  background-color: #00c300;
  color: #fff;
  padding: 5px 15px;
  font-size: 0.8em;
  border-radius: 50px;
  text-align: center;
}
.navbar {
  width: 100%;
}

.navbar-toggler {
  border: 1px solid #fff
}

.navbar-toggler-icon {
  color: #fff;
  padding-top: 5px
}

.bg-jackpot {
  z-index: 3;
  position: absolute;
  margin-top: -340px;
  margin-left: 740px;
}

.bg-jackpot-xs {
  width: 100%;
  z-index: 4;
  position: relative;
}

.text-jackpot {
  position: relative;
  z-index: 200;
  top: 30px;
  text-align: right;
  margin-right: 80px;
  font-size: 3em;
}

.text-jackpot-xs {
  position: relative;
  z-index: 200;
  top: 220px;
  margin-left: 150px;
  font-size: 1.5em;
}

.line-gold {
  height: 8px;
  background-color: #ffc500;
  width: 100%;
}

.carousel-indicators {
  display: none;
}

.bg-dw {
  padding: 15px;
  color: #fff;
}

.bg-guide {width:100%; background:rgba(255,255,255,0.3); border-radius:5px; padding:15px;}

.bg-contact {padding:15px;border-radius:15px; border:3px solid #898989; background-color: rgba(255,255,255,0.1)}
.f-contact {font-size:3em; color:#fff;}
.f-subcontact {font-size:1.5em; line-height: 0;}

.img-blur {filter: blur(3px);}
.register-button {position:fixed; bottom:350px; right:20px;}
.facebook-button {position:fixed; bottom:120px; right:20px;}
.line-button {position:fixed; bottom:240px; right:20px;}

.accordion {
   color:#FFFFFF;
   cursor: pointer;
   padding: 18px;
   width : 100%;
   text-align: left;
   outline: none;
   transition: 0.8s;
   -webkit-transition:0.8s;
}

.active, .accordion:hover {
  background-color: transparent;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.panel {
   padding: 0 18px;
   background-color: transparent;
   overflow: hidden;
   max-height: 0;
   -webkit-transition: max-height 0.5s ease-out;
   transition: max-height 0.5s ease-out;
}

@media only screen and (min-width:1367px) {
  .container {
    max-width: 1344px;
    width: 1344px;
  }
}


.popup-fixed {
  position: fixed;
  bottom: 30px;
  right: 0;
  width: 360px;
  height: auto;
  z-index: 9999;
  transform: translateX(0%);
  transition: transform .3s ease, -webkit-transform .3s ease;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  text-align: center;

}

.open {
  transform: translateX(100%);
}



.close {
  visibility: hidden;
}

.close-popup {
  position: absolute;
  right: 10px;
  top: -35px;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid #ffc500;
  padding: 10px 12px;
  text-align: center;
  color: #ffc500;
}

.button1 {
  margin: 310px 0 0;
}

.wrap-login-mobile {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.flex-box-mobile {
  width: 25%;
}

.wrap-button-head {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.flexbox-head {
  width: 50%;
  padding-left: .25rem;
  padding-right: .25rem;
}
.item-mobile{
display:none;
}
#slide-brand .thumb{
text-align:center;
}
#slide-brand .lSSlideOuter .lSPager.lSpg{
display:none;
}
.slide-all-brand .lSSlideOuter .lSPager.lSpg{
display:none;
}
@media only screen and (max-width:991px) {
.item-mobile{
display:block;
}
.item-pc{
display:none;
}
}