@charset "UTF-8"; .v_deep_slot .aniModel {
  -webkit-animation: aniModel-45deb3a4 1s infinite;
  animation: aniModel-45deb3a4 1s infinite
}

@keyframes aniModel-45deb3a4 {
  0% {
      background-position-y: 0px
  }

  50% {
      background-position-y: 5px
  }

  to {
      background-position-y: 0px
  }
}

@media (max-width: 1572px) {
   .v_deep_slot .main_content_wrap {
      width:87%;
      margin-left: 6%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino01 .modelA {
      top: 6%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino02 .modelA {
      top: 7%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino03 .modelA, .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino04 .modelA {
      top: 5%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino05 .modelA {
      top: 6%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino06 .modelA {
      top: 7%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino07 .modelA {
      top: 6%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino08 .modelA {
      top: 5%
  }
}

@media (max-width: 1552px) {
   .v_deep_slot .rightContent .contents .slotZone .leftZone .pic {
      padding-bottom:52%
  }
}

@media (max-width: 1480px) {
   .v_deep_slot .rightContent .contents .slotZone .leftZone .pic {
      padding-bottom:54%
  }
}

@media (max-width: 1420px) {
   .v_deep_slot .rightContent .contents .casinoZone .content ul {
      justify-content:space-between
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li {
      width: 49%;
      height: 180px
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li .logo {
      background-size: cover;
      position: absolute;
      right: 24%;
      top: 17%;
      z-index: 2
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino01 .logoA {
      width: 8.9%;
      padding-bottom: 8.9%;
      right: 27%;
      top: 21%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino02 .logoA {
      width: 13%;
      padding-bottom: 7.1%;
      right: 25%;
      top: 24%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino03 .logoA {
      width: 13.2%;
      padding-bottom: 7.8%;
      top: 23%;
      right: 26%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino04 .logoA {
      width: 8.2%;
      right: 27%;
      top: 23%;
      padding-bottom: 8.1%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino05 .logoA {
      width: 8.3%;
      padding-bottom: 11.9%;
      right: 28%;
      top: 12%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino06 .logoA {
      width: 19%;
      padding-bottom: 7.5%;
      top: 24%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino07 .logoA {
      width: 11%;
      padding-bottom: 9.1%;
      top: 20%;
      right: 27%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino08 .logoA {
      width: 17%;
      padding-bottom: 8.1%;
      right: 23%;
      top: 21%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino01 .modelA {
      padding-bottom: 31%;
      width: 54%;
      top: 6%;
      left: -4%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino02 .modelA {
      padding-bottom: 34%;
      width: 43%;
      left: 6%;
      top: 4%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino03 .modelA {
      padding-bottom: 33.7%;
      width: 57%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino04 .modelA {
      padding-bottom: 36%;
      width: 60%;
      left: -5%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino05 .modelA {
      padding-bottom: 36%;
      width: 48%;
      left: 2%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino06 .modelA {
      padding-bottom: 36%;
      width: 54%;
      left: 4%;
      top: 4%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino07 .modelA {
      padding-bottom: 36%;
      width: 61%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li.casino08 .modelA {
      padding-bottom: 36%;
      width: 49%;
      top: 2%;
      left: 2%
  }

   .v_deep_slot .rightContent .contents .casinoZone .content ul li .txt {
      left: 50%;
      top: 54%;
      transform: translate(-32%,-17%)
  }

   .v_deep_slot .rightContent .contents .casinoZone {
      width: 85%
  }

   .v_deep_slot .rightContent .contents .slotZone {
      flex-direction: column-reverse
  }

   .v_deep_slot .rightContent .contents .slotZone .rightZone ul li {
      width: 32.8%
  }

   .v_deep_slot .rightContent .contents .slotZone .slotLeft {
      width: 100%
  }

   .v_deep_slot .rightContent .contents .slotZone .rightZone ul {
      display: flex;
      justify-content: space-between
  }

   .v_deep_slot .rightContent .contents .slotZone .rightZone {
      width: 100%
  }

   .v_deep_slot .main_content .main_content_wrap .infoZone {
      width: 85%
  }

   .v_deep_slot .main_content .main_content_wrap .infoZone .info01 .list .listA .message {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 183px
  }
}

 .v_deep_slot .main_content_wrap_slotGame {
  width: 95%;
  margin-bottom: 80px;
}

 .v_deep_slot .gameZoneA {
  margin-top: 20px;
}

 .v_deep_slot .gameZoneA .tabZone {
  animation: leftIn-45deb3a4 .4s;
  animation-fill-mode: forwards;
  opacity: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  width: 100%;
  /* margin-left: 3% */
}

 .v_deep_slot .gameZoneA .all-3party {
  width: 85%
}

 .v_deep_slot .gameZoneA .all-3party .more {
  width: 100%;
  height: 47px;
  /* margin-top: 60px; */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.v_deep_slot .gameZoneA .all-3party .more:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--bgColor085);
  position: absolute;
  top: 50%;
  left: 6%;
  transform: translate(-50%, -50%);
}

 .v_deep_slot .gameZoneA .all-3party .more:before {
  content: "";
  width: 94%;
  height: 2px;
  background-color: #d5aa83;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%,-50%)
}

.v_deep_slot .gameZoneA .all-3party .more span {
  position: absolute;
  left: 0%;
  color: var(--txtColor65);
  font-size: 1.4rem;
  white-space: nowrap;
  font-weight: bold;
}

  @media (max-width: 1023px) {
    .v_deep_slot .gameZoneA .all-3party .more:after {
      left: 17%
    }

    .v_deep_slot .gameZoneA .all-3party .more span {
      left: 2%;
    }

    .v_deep_slot .gameZoneA .all-3party .more:before {
      width: 72%;
    }
  }

  @media (max-width: 640px) {
    .v_deep_slot .gameZoneA .all-3party .more:after {
      left: 3%
    }

    .v_deep_slot .gameZoneA .all-3party .more {
      /* margin-top: 12px; */
    }

    .v_deep_slot .gameZoneA .all-3party .more span {
      display: none;
    }
    .v_deep_slot .gameZoneA .all-3party .more:before {
      content: "";
      width: 100%;
    }

    .v_deep_slot .gameZoneA .all-3party .more .arrow-zone {
      margin-right: 0%;
    }

    /* .tab-content {
      padding-bottom: 200px;
    } */
  }

 .v_deep_slot .gameZoneA .all-3party .more .arrow-zone {
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 1;
  padding: 12px;
  cursor: pointer;
  margin-right: 0%;
  background: #FBDDC2;
  border-radius: 22px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

@media (max-width: 640px) {
  .v_deep_slot .gameZoneA .all-3party .more .arrow-zone {
    margin-right: -2%;
  }
}

@media (max-width:1899px) {
  .v_deep_slot .gameZoneA .all-3party .more .arrow-zone {
    /* margin-right: -12%; */
    margin-right: 0%;
  }
}

 .v_deep_slot .gameZoneA .all-3party .more .arrow-zone .arrow-g {
  position: relative;
  height: 47px;
  width: 20px
}

 .v_deep_slot .gameZoneA .all-3party .more .arrow-zone .arrow-g span {
  color: #6a7391;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .4s ease-out;
  transform: translate(-50%,-50%) rotate(180deg)
}

 .v_deep_slot .gameZoneA .all-3party .more .arrowGO .arrow-g span {
  transform: translate(-50%,-50%) rotate(0)
}

 .v_deep_slot .gameZoneA .all-3party .more .arrow-zone .txt {
  color: #460e0a;
  font-size: 18px;
  padding: 0 9px;
  text-shadow: 0 1px #ffcb8a;
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame {
  height: 92px;
  /* background-color: var(--main); */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .4s ease-out;
  position: relative;
  margin-right: 2.3%
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame span {
  font-size: 2.5vw;
  background: rgb(161,170,195);
  background: linear-gradient(360deg,rgb(161,170,195) 0%,rgb(216,219,239) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: pointer;
  transition: .4s ease-out
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame h4 {
  color: var(--txtColor66);
  font-size: 14px;
  transition: .4s ease-out;
  white-space: nowrap;
  margin-top: 10px
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame:hover span {
  background: rgb(215,175,138);
  background: linear-gradient(360deg,rgb(215,175,138) 0%,rgb(215,175,138) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame:hover h4 {
  color: #d7af8a
}

 .v_deep_slot .gameZoneA .tabZone ul {
  display: flex;
  width: 100%
}

 .v_deep_slot .gameZoneA .tabZone ul li {
  height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .4s ease-out;
  position: relative;
  margin-right: 1.5%;
  width: 6vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span {
  font-size: 46px;
  background: rgb(161,170,195);
  background: linear-gradient(360deg,rgb(161,170,195) 0%,rgb(216,219,239) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: .4s ease-out;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconFavor {
  font-size: 46px
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconFavor, .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconALL {
  font-size: 2.4vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconMGP {
  font-size: 2.3vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconAG {
  font-size: 3.3vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconHABA, .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconPRG {
  font-size: 2.9vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconPG1 {
  font-size: 3.8vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconPT3 {
  font-size: 3.4vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconIDN {
  font-size: 2.4vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconSG {
  font-size: 2.6vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconJILI {
  font-size: 3.6vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconEVO {
  font-size: 2.2vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconBBIN {
  font-size: 1.5vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconJDB {
  font-size: 1.7vw
}

 .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconTPG, .v_deep_slot .gameZoneA .tabZone ul li span.icon-icconAMEBA {
  font-size: 2vw
}

 .v_deep_slot .gameZoneA .tabZone ul li h4 {
  color: var(--txtColor66);
  font-size: 14px;
  transition: .4s ease-out;
  white-space: nowrap;
  position: absolute;
  bottom: 0px
}

 .v_deep_slot .gameZoneA .tabZone ul li:hover h4, .v_deep_slot .gameZoneA .tabZone ul li.active h4 {
  color: var(--txtColor75)
}

 .v_deep_slot .gameZoneA .tabZone ul li.active span, .v_deep_slot .gameZoneA .tabZone ul li:hover span {
  background: rgb(215,175,138);
  background: linear-gradient(360deg,rgb(215,175,138) 0%,rgb(215,175,138) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

 .v_deep_slot .gameZoneA .tabZone ul li .pic {
  width: 3.5vw;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center
}

 .v_deep_slot .gameZoneA .tabZone ul li .innerPic {
  width: 100%;
  padding-bottom: 66.3%;
  background-size: cover;
  transition: .4s ease-out
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame {
  height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .4s ease-out;
  position: relative;
  margin-right: 0;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame .pic {
  width: 40px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: center
}

 .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame .innerPic {
  width: 100%;
  padding-bottom: 65%;
  background-size: contain;
  transition: .4s ease-out
}

 .v_deep_slot .gameZoneA .tabZone ul li.maintainGo .maintain {
  display: flex
}

 .v_deep_slot .gameZoneA .tabZone ul li .maintain {
  display: none;
  background-color: var(--bgColor084);
  border: 1px solid var(--bdColor052);
  border-radius: 10px;
  width: 121px;
  height: 90px;
  position: absolute;
  z-index: 2;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 7px;
  cursor: none
}

 .v_deep_slot .gameZoneA .tabZone ul li .maintain span, .v_deep_slot .gameZoneA .tabZone ul .active .maintain span {
  font-size: 46px;
  background: var(--txtColor85);
  -webkit-background-clip: text;
}

 .v_deep_slot .gameZoneA .tabZone ul li .maintain h4 {
  color: var(--txtColor85);
  font-size: 12px;
  font-weight: 700;
  transform: scale(.8)
}

 .v_deep_slot .gameZoneA .tabZone .searchZone {
  position: relative;
  width: 12%;
  margin-top: 32px
}

 .v_deep_slot .gameZoneA .tabZone .searchZone input {
  border-bottom: 1px solid var(--bdColor03)!important;
  color: var(--txtColor66);
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 3%;
  padding-bottom: 8px;
  margin-bottom: 0
}

 .v_deep_slot .gameZoneA .tabZone .searchZone input::placeholder {
  color: var(--txtColor36);
  font-size: 14px
}

 .v_deep_slot .gameZoneA .tabZone .searchZone .searchIcon {
  position: absolute;
  right: 0px;
  top: 9px
}

 .v_deep_slot .gameZoneA .tabZone .searchZone .searchIcon span {
  color: var(--txtColor66);
  font-size: 1.2vw
}

 .v_deep_slot .gameZoneA .slotZone {
  /* background-color: var(--bgColor017); */
  overflow: hidden;
  height: auto;
  width: 100%;
  padding-bottom: 200px;
  animation: downIn-45deb3a4 .4s;
  animation-fill-mode: forwards;
  opacity: 0
}

.v_deep_slot .gameZoneA .slotZone ul{
  display: flex;
  justify-content:center;
}

 .v_deep_slot .gameZoneA .slotZone.off {
  animation-name: none
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby {
  padding: 0px 0;
  height: 580px;
  overflow: auto;
  margin-bottom: 150px;
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li {
  margin-bottom: 50px;
  width: 100px;
  margin-right: 12px;
  min-height: 15.5vh;
  position: relative
}

@media (min-width:641px) {
  .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li {
    width: 200px;
    height: 200px;
  }
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a {
  text-decoration: none
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: var(--bgColor017);
  border: 1px solid var(--bdColor010);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
  overflow: hidden;
  border-radius: 10px
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic .logoFrame img {
  height: 23px;
  width: auto
}

.v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li:hover a .pic{
  border: 2px solid #f1ba3a !important;
  box-shadow: rgba(204, 171, 25, 0.4) 0px 2px 4px, 
    rgba(204, 171, 25, 0.3) 0px 7px 13px -3px, 
    rgba(204, 171, 25, 0.2) 0px -3px 0px inset;
}
.v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li:hover a .name span{
  color: #f1ba3a;
}


 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic .logoFrame {
  clip-path: polygon(41% 0%,100% 0%,100% 100%,55% 100%);
  background-color: #000;
  width: 115%;
  height: 37px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 57%
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic .ppPro {
  position: absolute;
  top: 0px;
  left: 0px
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic .ppPro img {
  width: 4.5vw
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic img {
  z-index: 1;
  position: relative;
  transition: .3s ease-out;
  width: 100%;
  height: 100%;
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .pic:before {
  content: "";
  position: absolute;
  width: 177px;
  height: 177px;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .name {
  position: relative;
  width: 95%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li a .name span {
  z-index: 1;
  color: var(--txtColor66);
  font-weight: bolder;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 196px;
  text-align: center;
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .mask {
  width: 100%;
  height: 100%;
  background-color: var(--bgColor013_op);
  z-index: 2;
  position: absolute;
  border-radius: 5px;
  display: none;
  transition: .4s ease-out;
  cursor: pointer
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .mask .imgFrame {
  height: 24%;
  width: 100%!important;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-116%);
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .mask .imgFrame img {
  height: auto!important;
  width: 42%!important
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .cubeLogo .imgFrame img {
  width: 26%!important
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .cubeLogo .imgFrame {
  transform: translate(-50%,-138%)!important
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li:hover .pic>img {
  transform: rotate(10deg) scale(1.1)
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .mask .gogo {
  width: 75%;
  height: 32px;
  position: relative;
  cursor: pointer;
  transition: .4s ease-out;
  box-shadow: 6px 5px 7px var(--shadow08) .5;
  background: rgb(242,208,155);
  background: linear-gradient(90deg,rgb(242,208,155) 0%,rgb(219,184,151) 40%,rgb(142,112,84) 100%);
  border-radius: 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,6%);
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .mask .gogo span {
  color: var(--txtColor02);
  font-size: 12px;
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li:hover .mask {
  display: block
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .heart01 {
  position: absolute;
  top: 4px;
  left: -4px;
  cursor: pointer
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .heart01 span {
  transition: all .2s linear;
  font-size: 25px!important;
  font-weight: 400!important;
  color: var(--txtColor76)!important;
  position: absolute
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .heart:before {
  display: none!important
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .heart {
  position: absolute;
  top: -7px;
  left: -15px
}

 .v_deep_slot .gameZoneA .slotZone ul li.slotLobby ul li .heart label:before {
  display: none
}

 .v_deep_slot [class^=fa] {
  font-style: normal
}

 .v_deep_slot input[name^=like], .v_deep_slot input[name^=favourite] {
  display: none
}

 .v_deep_slot input[name^=like]+label[for], .v_deep_slot input[name^=favourite]+label[for] {
  background-color: var(--bgColor020);
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  color: var(--txtColor02);
  cursor: pointer;
  font-weight: 300;
  margin: .35em;
  padding: 6px 12px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear
}

 .v_deep_slot input[name^=favourite]+label[for] {
  background-color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]+label[for]:hover, .v_deep_slot input[name^=like]+label[for]:focus, .v_deep_slot input[name^=favourite]+label[for]:hover, .v_deep_slot input[name^=favourite]+label[for]:focus {
  background-color: var(--txtColor21);
  outline: 0
}

 .v_deep_slot input[name^=favourite]+label[for]:hover, .v_deep_slot input[name^=favourite]+label[for]:focus {
  background-color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]+label[for].transparent {
  background-color: transparent;
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=favourite]+label[for].transparent {
  background-color: transparent;
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]+label[for].transparent:hover, .v_deep_slot input[name^=like]+label[for].transparent:focus, .v_deep_slot input[name^=favourite]+label[for].transparent:hover, .v_deep_slot input[name^=favourite]+label[for].transparent:focus {
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=favourite]+label[for].transparent:hover, .v_deep_slot input[name^=favourite]+label[for].transparent:focus {
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]+label[for].transparent:hover .icon-icconFavorFull, .v_deep_slot input[name^=like]+label[for].transparent:focus .icon-icconFavorFull, .v_deep_slot input[name^=favourite]+label[for].transparent:hover .icon-icconFavorFull, .v_deep_slot input[name^=favourite]+label[for].transparent:focus .icon-icconFavorFull {
  opacity: .25
}

 .v_deep_slot input[name^=favourite]+label[for].transparent :hover, .v_deep_slot input[name^=favourite]+label[for].transparent :focus {
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]+label[for] .do, .v_deep_slot input[name^=like]+label[for] .done, .v_deep_slot input[name^=favourite]+label[for] .do, .v_deep_slot input[name^=favourite]+label[for] .done {
  margin-left: .35em
}

 .v_deep_slot input[name^=like]+label[for] .done, .v_deep_slot input[name^=favourite]+label[for] .done, .v_deep_slot input[name^=like]:checked+label[for] .do, .v_deep_slot input[name^=favourite]:checked+label[for] .do {
  display: none
}

 .v_deep_slot input[name^=like]+label[for] .do, .v_deep_slot input[name^=favourite]+label[for] .do, .v_deep_slot input[name^=like]:checked+label[for] .done, .v_deep_slot input[name^=favourite]:checked+label[for] .done {
  display: inline-block
}

 .v_deep_slot input[name^=like]+label[for] .fa, .v_deep_slot input[name^=favourite]+label[for] .fa {
  display: inline-block;
  position: relative
}

 .v_deep_slot input[name^=like]+label[for] .fa .icon-icconFavor, .v_deep_slot input[name^=favourite]+label[for] .fa .icon-icconFavor {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  font-size: 25px;
  color: var(--txtColor76)
}

 .v_deep_slot input[name^=like]+label[for] .fa .icon-icconFavorFull, .v_deep_slot input[name^=favourite]+label[for] .fa .icon-icconFavorFull {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  font-size: 25px;
  color: var(--txtColor76)
}

 .v_deep_slot input[name^=like]+label[for] .fa .icon-icconFavorFull.fx {
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=favourite]+label[for] .fa .icon-icconFavorFull.fx {
  color: var(--txtColor21)
}

 .v_deep_slot input[name^=like]:checked+label[for] .fa .icon-icconFavor, .v_deep_slot input[name^=favourite]:checked+label[for] .fa .icon-icconFavor {
  opacity: 0
}

 .v_deep_slot input[name^=like]:checked+label[for] .fa .icon-icconFavorFull, .v_deep_slot input[name^=favourite]:checked+label[for] .fa .icon-icconFavorFull {
  opacity: 1
}

 .v_deep_slot input[name^=like]:checked+label[for] .fa .icon-icconFavorFull.fx, .v_deep_slot input[name^=favourite]:checked+label[for] .fa .icon-icconFavorFull.fx {
  -moz-animation: expand-45deb3a4 .65s cubic-bezier(.43,.475,1,.08);
  -o-animation: expand-45deb3a4 .65s cubic-bezier(.43,.475,1,.08);
  -webkit-animation: expand-45deb3a4 .65s cubic-bezier(.43,.475,1,.08);
  animation: expand-45deb3a4 .65s cubic-bezier(.43,.475,1,.08);
  opacity: 0
}

@keyframes expand-45deb3a4 {
  0% {
      -moz-transform: scale(1,1);
      -o-transform: scale(1,1);
      -webkit-transform: scale(1,1);
      transform: scale(1)
  }

  50% {
      -moz-transform: scale(2,2);
      -o-transform: scale(2,2);
      -webkit-transform: scale(2,2);
      transform: scale(2);
      opacity: .7
  }

  to {
      -moz-transform: scale(6,6);
      -o-transform: scale(6,6);
      -webkit-transform: scale(6,6);
      transform: scale(6);
      opacity: 0
  }
}

 .v_deep_slot .gameZoneA .slotZone .pager_block {
  float: left;
  width: 100%;
  display: flex;
  margin-top: 10px
}

 .v_deep_slot .gameZoneA .slotZone .pager_block .page-list {
  text-align: center;
  display: flex;
  margin: 0 auto
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul {
  width: auto;
  display: inline-block!important;
  padding: 0
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul li {
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-bottom: 0!important;
  width: auto!important;
  margin-right: 2px!important
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul .prev {
  margin-left: 0
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul li a {
  font-size: 12px;
  color: var(--txtColor88);
  border: 1px solid var(--bdColor058);
  padding: 0 12px;
  border-radius: 3px;
  transition: .4s ease-out;
  text-decoration: none
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul li a:hover {
  border: 1px solid var(--bdColor018)
}

 .v_deep_slot .gameZoneA .slotZone .pager_block ul .on, .v_deep_slot .gameZoneA .slotZone .pager_block ul li:hover a {
  color: var(--txtColor02);
  background: var(--bgColor121);
  border: 1px solid var(--bdColor057)
}

 .v_deep_slot .pager_block ul .first span, .v_deep_slot .pager_block ul .last span {
  position: relative
}

 .v_deep_slot .pager_block ul .first span:after {
  content: "";
  width: 1px;
  height: 10px;
  background-color: var(--bdColor043);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(25px,-50%)
}

 .v_deep_slot .pager_block ul .last span:after {
  content: "";
  width: 1px;
  height: 10px;
  background-color: var(--bdColor043);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-22px,-50%)
}

 .v_deep_slot .pager_block ul li.first:hover a, .v_deep_slot .pager_block ul li.prev:hover a, .v_deep_slot .pager_block ul li.next:hover a, .v_deep_slot .pager_block ul li.last:hover a {
  color: var(--txtColor89)!important;
  background: var(--bgColor092)!important;
  border: 1px solid var(--bdColor058)!important
}

 .v_deep_slot .activePlay {
  -webkit-animation: activePlay-45deb3a4 1s infinite;
  animation: activePlay-45deb3a4 1s infinite
}

@keyframes activePlay-45deb3a4 {
  0% {
      transform: translate(-50%,6%)
  }

  50% {
      transform: translate(-50%)
  }

  to {
      transform: translate(-50%,6%)
  }
}

 .v_deep_slot .aniTab {
  -webkit-animation: aniTab-45deb3a4 1s infinite;
  animation: aniTab-45deb3a4 1s infinite
}

@keyframes aniTab-45deb3a4 {
  0% {
      background: rgb(215,175,138);
      background: linear-gradient(360deg,rgb(215,175,138) 0%,rgb(215,175,138) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transform: scale(1)
  }

  50% {
      background: rgb(215,175,138);
      background: linear-gradient(360deg,rgb(215,175,138) 0%,rgb(215,175,138) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transform: scale(1.1)
  }

  to {
      background: rgb(215,175,138);
      background: linear-gradient(360deg,rgb(215,175,138) 0%,rgb(215,175,138) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transform: scale(1)
  }
}

@keyframes leftIn-45deb3a4 {
  0% {
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translate(50%);
      opacity: 0
  }

  to {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translate(0);
      opacity: 1
  }
}

@keyframes topIn-45deb3a4 {
  0% {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

@keyframes downIn-45deb3a4 {
  0% {
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%);
      opacity: 0
  }

  to {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
  }
}

 .v_deep_slot input::-webkit-calendar-picker-indicator {
  opacity: 0
}

 .v_deep_slot input[type=text]:not(.browser-default):focus:not([readonly]) {
  box-shadow: none
}


/* Override */
.rightContent {
  padding-left: 0px;
}

.swiper {
  height:500px;
}

.v_deep_slot .gameZoneA {
  margin-top: 22px;
}

.v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame .pic {
  width: 110px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame {
  height: 165px;
  width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .4s ease-out;
  position: relative;
  margin-right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #bfbfbf;
  margin: 12px;
  background:white;
  border-radius:8px;
  /* padding: 12px; */
}

.v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  justify-content: center;
}

/*  */


.slotgame-box {
  padding: 1.4vw;
}

.tab-content-box {
  height: auto;
  min-height: 100%;
  /* background: var(--bgColor01); */
  overflow-x: hidden;
  margin-top:2px;
}

@media (min-width:641px){
  .tab-content-box {
    margin-top: 80px;
  }
}

.line {
  margin-left:5%;
  width: 90%;
  border-top: 1px solid #dddddd;


}

.tab-content-box .tab-content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-animation: leftIn .5s;
  -moz-animation: leftIn .5s;
  -o-animation: leftIn .5s;
  animation: leftIn .5s;
  justify-content:center;
}

.search-block {
  background: #fff;
  padding: 2.4vw 0vw;
}

.slotgame-box .tab-content .item-box {
  position: relative;
  /* width: 115px;
  height: 140px; */
  flex: 0 1 26%;
  margin: 8px 8px 16px;
  border-radius:8px;
  box-shadow: 2px 4px 5px 1px rgba(167, 181, 204, 0.25), inset 0px 0px 6px 1px rgba(255, 255, 255, 0.25);
  min-width:85px;
}

.slotgame-box .tab-content .item-box .itme-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 26%;
  /* height: 115px; */
  z-index: 0;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAD1CAYAAACIsbNlAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGeGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NjQ4LCAyMDIxLzAxLzEyLTE1OjUyOjI5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAyLTIyVDE1OjU2OjAxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMi0yM1QxMDoyMTozNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMi0yM1QxMDoyMTozNSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MTg4ZmViMi0wOWVlLTRhMmItOTY4NC02OGQyYjIwYzA4MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVERDQ1REY2RDAyMTFFQjkxRUQ5OTgxMTMwNkE1OEMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERURENDVERjZEMDIxMUVCOTFFRDk5ODExMzA2QTU4QyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFREQ0NURDNkQwMjExRUI5MUVEOTk4MTEzMDZBNThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFREQ0NURENkQwMjExRUI5MUVEOTk4MTEzMDZBNThDIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQxODhmZWIyLTA5ZWUtNGEyYi05Njg0LTY4ZDJiMjBjMDgyNCIgc3RFdnQ6d2hlbj0iMjAyMS0wMi0yM1QxMDoyMTozNSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPnhtcC5kaWQ6REVERDQ1REY2RDAyMTFFQjkxRUQ5OTgxMTMwNkE1OEM8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tYVCiAAAFQklEQVR4nO3YPU4kZxiF0Y+BCCQsOXVE4hU4Yz+zL+dewUjjxCkbIbOxut0DDTgaC1xS+QeV+O7VOREPIniFKIrLyc3NzY8nJycfBhDt+fn56XA4HM4Oh8Ph+vr643sfBLzdp0+ff/pwPB6P730I8HZfvtyP++Pjd2cvP3l7ezv2+/0YY4zz8/MxxtBaB/TV1dX46tVDPcYYX1/cj4+PWuuAPjt7/Ri/qv1+Py4uLsYYY+x2uzHG0FpP3qenp+Ml//WGMq/e1Ofn5+Pu7m6MMcdvIK31P/ff//z2poYyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tdXjb1FDOptY6vG1qKGdTax3eNjWUs6m1Dm+bGsrZ1FqHt00N5WxqrcPbpoZyNrXW4W1TQzmbWuvwtqmhnE2tN+/dbjd2u924uLiYumf5fv3XtqmhnE2tN++ZblnrGW74P21TQzmbWm/eM92y1jPcYFMDCza13rxnumWtZ7jBpgYWbGq9ec90y1rPcINNDSzY1HrznumWtZ7hBpsaWLCp9eY90y1rPcMNNjWwYFPrzXumW9Z6hhtsamDBptab90y3rPUMN9jUwIJNrTfvmW5Z6xlusKmBBZtab94z3bLWM9xgUwMLNrXevGe6Za1nuMGmBhZsar15z3TLWs9wg00NLNjUevOe6Za1nuEGmxpYsKn15j3TLWs9ww02NbBgU+vNe6Zb1nqGG2xqYMGm1pv3TLes9Qw32NTAgk2tN++ZblnrGW6wqYEFm1pv3jPdstYz3GBTAws2td68Z7plrWe4waYmwgw/+P+mW9jUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWooZ1NrHd42NZSzqbUOb5saytnUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWooZ1NrHd42NZSzqbUOb5saytnUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWooZ1NrHd42NZSzqbUOb5saytnUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWooZ1NrHd42NZSzqbUOb5saytnUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWooZ1NrHd42NZSzqbUOb5saytnUWoe3TQ3lbGqtw9umhnI2tdbhbVNDOZta6/C2qaGcTa11eNvUUM6m1jq8bWoot9jUl5eXf308xtBaB/RLrx7qq6urxRcAWc4eHo7f/Prb7+P+/uG9bwHe4Hh8HE+PT9+e7f94+OHzz788jedn+xryff8nah5GsYVhgnMAAAAASUVORK5CYII=);
  border-radius:8px;
}

.slotgame-box .tab-content .item-box .itme-image {
  width: 26%;
  /* height: 140px; */
  padding-bottom:80%;
  position: relative;
  background-repeat: no-repeat;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}

.slotgame-box .tab-content .provider-box .itme-image {
  border: 1px solid #d3d3d3;
  border-bottom: 0px;
  background-color: #fff;
  -o-background-size: 100%;
  background-size: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 100%;
}

.slotgame-box .tab-content .provider-box.slot-tab-favorite .itme-image {
  background-image: url(/assets/slot-tab-favorite.936ce55a.png);
}

.slotgame-box .tab-content .item-box .btm-info .name {
  width: 100%;
  /* max-width: 26%; */
  height: 36px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px;
  text-align: center;
  font-weight: 600;
  color: var(--txtColor19);
  border: 1px solid #d3d3d3;
  font-size: 1rem;
  background-position: center center;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAAAvCAYAAAA7FIwsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDY0OCwgMjAyMS8wMS8xMi0xNTo1MjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzA1MzBDMzI2REE3MTFFQjlBM0FENjEwMjFGNUVENjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzA1MzBDMzM2REE3MTFFQjlBM0FENjEwMjFGNUVENjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzAwRTVBQjZEQTExMUVCOUEzQUQ2MTAyMUY1RUQ2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzAwRTVBQzZEQTExMUVCOUEzQUQ2MTAyMUY1RUQ2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtloTP0AAAGxSURBVHja7NxbTuNAFEXRKtvh/cf8pwdCrYZgxTgYP9odZEMYAHKV1pGsrZ1PpLon16UQp2l6CiHcz8/L/IxBRFLMND9383Mb50M9+XuI5JHmrQ3VIsMwhBhjKIri5OP4Wdqc8zS874dQ183XoT7197fS/lngnPNt+/LZeqjLslwbm3Oenv9v6lN720JE8srZTm3icZ62a2qRDLNeaS1LtonHeZredR/h+aXW1CJ2as75pnfq9VAvX78RMV2eHWoTj/O0fRx7TY2YdVObeJzbqRFxU4x2as5z8mEYNTWinZpzvlmPsdDUiDkxRvfUnGflyzdwTY2Y2dvv9VdaTdOYeJwn7FW18ystkRyzNnXbtiYe5wl7UZSnprZTI7qn5pxv0cuy8vYbMcemXnfqw+Fg4nGesO92F95+i2T99nu/35t4nCfs19c3mlok66au69rE4zxhv7y8ck+N6J6ac75pPzvUJh2i//vNOd+Ya2pEOzXn3E6NiHZqzrmdGhHt1JzbqRHRTs05/+2dOrbtcTq+d6HrPoKIpJu+H8Lx+B6qh8c/4e/z61l9i0iaiTGGfwIMAJXpiRdLHj+bAAAAAElFTkSuQmCC);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.slotgame-box .tab-content .item-box:hover,
.slotgame-box .tab-content .item-box.active{
  box-shadow: rgb(204 25 25 / 40%) 0px 2px 4px, 
  rgb(204 25 25 / 30%) 0px 7px 13px -3px, 
  rgb(204 25 25 / 20%) 0px -3px 0px inset;
}

.slotgame-box .tab-content .item-box:hover .itme-image,
.slotgame-box .tab-content .item-box.active .itme-image {
  /* border: 2px solid #f7ca7a; */
  border: none;
  border-bottom: 1px solid #d3d3d3;
  filter: sepia(100%) hue-rotate(-45deg) brightness(0.55) saturate(5) ; 
} 
.slotgame-box .tab-content .item-box:hover .btm-info .name,
.slotgame-box .tab-content .item-box.active .btm-info .name {
  /* border: 2px solid #f7ca7a; */
  border: none;
  border-top: 0px;
} 

.slotgame-box .tab-content .provider-box:hover .itme-image,
.slotgame-box .tab-content .provider-box.active .itme-image {
  /* background-color:#f7ca7a; */
  background-color: transparent;
}


.slotgame-box .tab-content .provider-box:hover .btm-info .name,
.slotgame-box .tab-content .provider-box.active .btm-info .name {
  color:#e45b4f;
}



@media (min-width: 641px) {
  /* .slotgame-box .tab-content .item-box .itme-bg {
    width: 250px;
    height: 250px;
  } */
  
  .v_deep_slot .gameZoneA .slotZone ul li.slotLobby {
    width: 90%;
  }

  .all-game.tab-content-box .tab-content {
    margin-left: -60px;
    margin-right: 55px;
  }

  .v_deep_slot .gameZoneA .all-3party {
    width: 90%
  }

  .slotgame-box .tab-content .item-box {
    flex: 0 1 20%;
  }

  .v_deep_slot .gameZoneA .all-3party .all-game .all-game-frame .game-frame {
    height: 175px;
    display: flex;
    margin-right: 0;
    width: 150px;
    margin: 12px;
    /* padding: 12px; */
  }
  
  /* .slotgame-box .tab-content .item-box .itme-image {
    width: 250px;
    height: 250px;
  }

  .slotgame-box .tab-content .item-box .btm-info .name {
    width: 250px;
    max-width: 250px;
  } */
}

@media (min-width: 1024px) {

  .all-game.tab-content-box .tab-content {
    margin-left: 0px;
    margin-right: 55px;
  }

  .slotgame-box .tab-content .item-box {
    flex: 0 1 11%;
  }

  .v_deep_slot .gameZoneA .all-3party {
    width: 100%;
    /* margin-right: 70px; */
  }

  /* .slotgame-box .tab-content .item-box .itme-bg {
    width: 180px;
    height: 180px;
  }
  .slotgame-box .tab-content .item-box {
    width: 180px;
    height: 215px;
  }
  .slotgame-box .tab-content .item-box .itme-image {
    width: 180px;
    height: 180px;
  }

  .slotgame-box .tab-content .item-box .btm-info .name {
    width: 180px;
    max-width: 180px;
  } */
}

@media (min-width: 1024px) {
  .v_deep_slot .gameZoneA .all-3party {
    width: 100%;
    /* margin-right: 250px; */
  }

}

/* @media (min-width:1900px) {
  .v_deep_slot .gameZoneA .all-3party .more {
    width: 84%;
  }
} */

.choose-provider {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--txtColor30);
  font-size: 12px;
  margin: 0vw auto;
}

.choose-provider.on {
  color: var(--txtColor44);
}


.active-container {
  display:flex;
  justify-content:center;
}

.active-item {
  /* margin-left: 28px; */
  margin-top: 32px;
  border: 2px solid #f7ca7a;
  border-radius: 8px;
  display:flex;
  align-items:center;
  padding: 4px 12px;
  font-size: 18px;
  font-weight:bold;

}

.active-item .active-item-pic{
  width: 60px;
  height: 40px;
  background-size:cover;
  background-position: center;
  margin-right:8px;
}

@media (max-width: 640px) {
  .active-item {
    margin-top: 28px;  
  }
}


@media (max-width: 640px) {
  #favorites.slotgame-box .tab-content .item-box:nth-child(7),
  #favorites.slotgame-box .tab-content .item-box:nth-child(8) {
    display:none;
  }
}