@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap");
@font-face {
  font-family: gregular;
  src: url("../../fonts/gt/GTWalsheimProRegular.woff2") format("woff2"),
    url("../../fonts/gt/GTWalsheimProRegular.woff") format("woff"),
    url("../../fonts/gt/GTWalsheimProRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: gbold;
  src: url("../../fonts/gt/GTWalsheimProBold.woff2") format("woff2"),
    url("../../fonts/gt/GTWalsheimProBold.woff") format("woff"),
    url("../../fonts/gt/GTWalsheimProBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/*--------------------------------------------------------*/
body {
  background: white;
  color: black;
}
.color-gold {
  color: #dcba54;
}
.shadow-box {
  -webkit-box-shadow: 1px 1px 20px 0px #00ab4d;
  box-shadow: 1px 1px 20px 0px #00ab4d;
}
.bg_header {
  background: url(../images/bg-header.jpg) no-repeat top center;
  background-image: linear-gradient(#666161, #000000);
}
.bg_content {
  background: url(../images/account/bg.jpg) no-repeat center;
  background-size: cover;
}
.bg_info {
  background: url(../images/bg-info.jpg) no-repeat center;
  background-size: cover;
}
.bg_promotion {
  background: url(../images/promotion/bg-promotion-content.jpg) no-repeat center;
  background-size: cover;
}
.t-pimg {
  border-radius: 10px;
  border: 1px solid gold;
}
.t-pimg:hover {
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}
.btn-play {
  position: absolute;
  left: 30px;
  bottom: 20px;
}
.btn-home-play {
  position: absolute;
  left: 48px;
  bottom: 30px;
}
.bg_casino_content {
  background: url(../images/new_layout/bg-casino-content.jpg) no-repeat center;
  background-size: cover;
}
.bg_slot_content {
  background: url(../images/new_layout/bg-slot-content.jpg) no-repeat center;
  background-size: cover;
}
.bg_sportbook_content {
  background: url(../images/new_layout/bg-sport-content.jpg) no-repeat center;
  background-size: cover;
}
.bg_fishing_content {
  background: url(../images/new_layout/bg-fishing-content.jpg) no-repeat center;
  background-size: cover;
}
.bg_esport_content {
  background: url(../images/new_layout/bg-sportbook-content.jpg) no-repeat
    center;
  background-size: cover;
}
/* begin addon button and input css */
input.log_input {
  background: #555151;
  border: none;
  border-radius: 30px;
  padding: 2px 0px 2px 20px;
  font-size: 14px;
  border: 2px solid #c5b367;
}
[class*="bttn_"] {
  background-size: cover;
  color: #000;
  padding: 4px 30px 4px 10px;
  height: 27px;
  width: 120px;
  text-align: center;
  align-self: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  border: none;
}
.btn_login {
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #c5b367;
  padding: 2px;
  border-radius: 34px;
  text-align: center;
  width: 70px;
  transition: 0.3s;
  font-size: 14px;
}
.btn_login:hover {
  background: #ffc001;
  color: #000;
  transition: 0.3s;
  font-weight: bold;
}
.bttn_logout {
  background: url(../images/btn-red-bg.jpg) no-repeat;
}
.bttn_logout:hover {
  color: #000;
  letter-spacing: 1px;
  filter: brightness(1.1);
  transition: 0.3s;
}
.bttn_logout:hover::after {
  right: 3px;
  transition: 0.3s;
}
.bttn_logout::after {
  content: url(../images/arrow-circle-right-solid.svg);
  position: absolute;
  right: 7px;
  top: 7px;
  width: 15px;
  height: 15px;
  transition: 0.3s;
}
.bttn_join {
  background: url(../images/btn-gold-bg.jpg) no-repeat;
}
.bttn_join:hover {
  color: #000;
  letter-spacing: 1px;
  filter: brightness(1.1);
  transition: 0.3s;
}
.bttn_join:hover::after {
  right: 4px;
  transition: 0.3s;
}
.bttn_join::after {
  content: url(../images/arrow-circle-right-solid.svg);
  position: absolute;
  right: 7px;
  top: 8px;
  width: 15px;
  height: 15px;
  transition: 0.3s;
}
.bttn_deposit {
  background: url(../images/btn-green-bg.jpg) no-repeat;
}
.bttn_deposit:hover {
  color: #000;
  letter-spacing: 1px;
  filter: brightness(1.1);
  transition: 0.3s;
}
.bttn_deposit:hover::after {
  right: 3px;
  transition: 0.3s;
}
.bttn_deposit::after {
  content: url(../images/deposit-icon.png);
  position: absolute;
  right: 7px;
  top: 7px;
  width: 15px;
  height: 15px;
  transition: 0.3s;
}
.bttn_member {
  background: url(../images/btn-blue-bg.jpg) no-repeat;
  width: 170px;
}
.bttn_member:hover {
  color: #000;
  letter-spacing: 1px;
  filter: brightness(1.1);
  transition: 0.3s;
}
.bttn_member:hover::after {
  right: 9px;
  transition: 0.3s;
}
.bttn_member::after {
  content: url(../images/player-icon.png);
  position: absolute;
  right: 12px;
  top: 4px;
  width: 15px;
  height: 15px;
  transition: 0.3s;
}
.select-button {
  padding: 1px 10px;
  background: #252a2f;
  border-radius: 30px;
  color: #fff;
}
/* end addon button and input css */
/* begin custom bootstrap css */
a,
a:hover {
  text-decoration: none;
}
footer {
  background: #222629;
  color: #949494;
}
/* end custom bootstrap css */
/* begin content */
.card {
  display: flex;
  background-color: #17141d;
  border-radius: 10px;
  /*   box-shadow: -1rem 0 3rem #000; */
  /*   margin-left: -50px; */
  transition: 0.4s ease-out;
  position: relative;
  left: 0px;
}
.card:not(:first-child) {
  margin-left: -50px;
}
.card:hover {
  transform: translateY(-20px);
  transition: 0.4s ease-out;
  -webkit-box-shadow: 0px 0px 20px 5px #ffffff;
  box-shadow: 0px 0px 20px 5px #ffffff;
}
.card:hover ~ .card {
  position: relative;
  left: 50px;
  transition: 0.4s ease-out;
}
/* end content */
/* begin slot page */
.slot-page-bg {
  width: 100%;
  min-width: 1120px;
  margin: 0 auto;
  position: relative;
  /*background-image: url(../images/slots_bg.jpg);*/
  background-repeat: no-repeat;
  background-position: center top;
}
.slot-page-wrap {
  width: 1120px;
  height: 1477px;
  margin: 0 auto;
}
.slot-vendor-wrap {
  margin: 440px auto 0;
  width: 95%;
  height: 100px;
  display: flex;
}
.slot-vendor-nav {
  width: 845px;
  display: flex;
  flex-wrap: wrap;
  margin-left: 25px;
}
.slot-vendor-search {
  width: 185px;
}
.slot-vendor-icon {
  margin-right: 10px;
}
.slot-vendor-icon {
  filter: grayscale(100%);
  cursor: pointer;
}
.slot-vendor-icon.active,
.slot-vendor-icon:hover {
  filter: grayscale(0%);
}
.slot-gametab-nav {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  height: 60px;
}
.slot-gametab-nav li {
  padding: 0 15px;
  margin: 5px 0;
  border-right: 1px solid #fff;
  cursor: pointer;
  height: 20px;
}
.slot-gametab-nav li:last-child {
  border: 0;
}
.slot-gametab-nav li.active,
.slot-gametab-nav li:hover {
  color: orange;
}
.slot-game-container {
  /* height: 750px; */
  height: auto;
  color: #000;
}
.page-count {
  display: none;
  margin: 23px 0 0 40px;
  flex-wrap: wrap;
  width: 1055px;
}
.slot-game-wrap {
  position: relative;
}
.slot-game-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 195px;
}
.slot-game-title {
  width: 100%;
  height: 33px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 5px;
}
.slot-game-btn-hover {
  visibility: hidden;
  opacity: 0;
  display: flex;
  position: absolute;
  background-color: rgb(1 102 210 / 45%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.slot-game-wrap:hover .slot-game-btn-hover {
  visibility: visible;
  opacity: 1;
}
.slot-game-btn {
  width: 112px;
  height: 32px;
  background-color: #0166d2;
  color: #fff;
  line-height: 32px;
  margin: 3px auto;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}
.pagination-item-wrap {
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 30px;
}
.pagination-item-wrap li {
  width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 10px;
  background-color: #006de3;
  color: #fff;
  cursor: pointer;
  border-radius: 16px;
}
.pagination-item-wrap li.active,
.pagination-item-wrap li:hover {
  background-color: #013b7a;
  color: #fff;
}
/* end slot page */
/* begin faq page */
.sub-about-right {
  background: #eee;
}
.sub-side-nav {
}
.sub-about-wrap {
  width: 90%;
  margin: 30px auto;
  display: block;
  height: auto;
  color: #fff;
  background: none;
}
.sub-about-wrap:after {
  display: block;
  content: "";
  clear: both;
}
.sub-side-nav a,
.sub-side-nav a:hover,
.sub-side-nav a:link,
.sub-side-nav a:visited {
  color: #a9a8a8;
  text-decoration: none;
}
.sub-side-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-side-nav ul li {
  padding: 0;
  margin: 0;
}
.sub-side-nav ul li a {
  display: block;
  padding: 20px;
  background: transparent;
  border-bottom: 1px solid #a9a8a8;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sub-side-nav ul li a.active,
.sub-side-nav ul li a:hover {
  background: #7a0019;
  padding: 20px 0 20px 40px;
  color: #000;
  background: #fafac5;
  background: -moz-linear-gradient(
    top,
    #fafac5 0%,
    #c9b04f 40%,
    #ab8713 66%,
    #613c00 99%
  );
  background: -webkit-linear-gradient(
    top,
    #fafac5 0%,
    #c9b04f 40%,
    #ab8713 66%,
    #613c00 99%
  );
  background: linear-gradient(
    to bottom,
    #fafac5 0%,
    #c9b04f 40%,
    #ab8713 66%,
    #613c00 99%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafac5', endColorstr='#613c00', GradientType=0);
  background: url(../images/btn-gold1-bg.jpg) no-repeat;
  background-size: cover;
}
.sub-about-title {
  border-bottom: 1px solid #a9a8a8;
  padding: 5px 0 5px 40px;
}
.sub-about-title h2 {
  /*color: #d1ac49;*/
  font-size: 2rem;
}
.sub-about-con {
  padding: 40px;
}
.sub-about-con h3 {
  /*color: #d1ac49;*/
  font-size: 20px;
}
.sub-about-con h3.dropable {
  cursor: pointer;
  padding: 10px;
  background: #181818;
  border-radius: 10px;
}
.sub-about-con h3.dropable:hover {
  background: #2e2e2e;
}
.sub-form-wrap {
  margin: auto;
  width: 80%;
}
.sub-about-con p {
  margin-bottom: 10px;
}
/* end faq page */
/* begin casino page */
.single_casino_parent {
  width: 1100px;
  height: 309px;
  position: relative;
  z-index: 0;
}
.casino_img {
  position: absolute;
  z-index: 1;
  border: 1px solid #fcf2d1;
}
.casinosaposition-img,
.casinodgposition-img,
.casinoaeposition-img,
.casinoallbetposition-img,
.casinomgposition-img,
.casinogpiposition-img,
.casinoptposition-img,
.sportbtibtn-img,
.sportcmdbtn-img,
.sportibcbtn-img,
.fishingjdbbtn-img,
.fishingjokerbtn-img,
.fishingcq9btn-img,
.fishingmgbtn-img {
  position: absolute;
  z-index: 2;
  height: 65px;
  width: 160px;
}
.casino-btnposition {
  position: absolute;
  z-index: 2;
}
.chipbtnposition-dg {
  position: absolute;
  z-index: 2;
  height: 150px;
  width: 150px;
  border: 2px solid rgb(184, 178, 122);
  border-radius: 105px;
  box-shadow: 1px 1px 1px #f7ed9b;
  animation-name: stretch;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}
/* end casino page */
/*----------------------------選單-----------------------------*/
nav {
  height: 50px;
  width: 100%;
  position: relative;
}
nav > ul {
  width: 100%;
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
nav > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: auto;
  box-sizing: border-box;
}
nav > ul > li {
  cursor: pointer;
  height: 100%;
  box-sizing: border-box;
}
nav > ul > li:hover {
  box-sizing: border-box;
  height: 100%;
}
.navspan {
  width: 100%;
  font-size: 10px;
  -webkit-transform: scale(0.75);
  display: block;
  letter-spacing: 2px;
  margin-top: 5px;
  display: flex;
  text-align: center;
  justify-content: center;
}
nav > ul > li > a {
  font-size: 16px;
  color: #606870;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
nav > ul > li:nth-child(1) > a::after,
nav > ul > li:nth-child(8) > a::after,
nav > ul > li:nth-child(9) > a::after {
  content: "";
}
nav > ul > li:hover > a {
}
nav > ul > li:hover > a::after {
  transform: rotate(90deg);
  transition: all 0.5s;
}
nav > ul > li:hover .nav_secon {
  display: flex;
  justify-content: center;
}
.nav_secon {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+33 */
  background: #ededed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ededed 0%, #ffffff 33%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 33%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ededed 0%, #ffffff 33%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  /* background-image: linear-gradient(#000000, #333333); */
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  z-index: 2;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
  display: none;
}
.nav_secon ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  /* justify-content: space-between; */
}
.nav_secon .center ul {
  display: flex;
  position: absolute;
  top: 118px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.77);
  box-shadow: #eee 0 7px 10px;
}
.nav_secon ul a {
  text-align: center;
  display: inline-block;
  padding: 20px 10px;
  box-sizing: border-box;
}
.nav_secon ul li:last-child a {
  border-right: 0px #ededed solid;
}
.nav_secon ul li:hover {
  filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
}
nav > ul > li:hover > a {
  color: #fcb813 !important;
}
.nav_btn {
  background: linear-gradient(180deg, #fff 15%, #d5e0eb 67%, #f2f8fc 95%);
  border: 1px solid #ccd7e6;
  box-shadow: 0 2px 6px -1px #d5e5f4, inset -2px 0 4px 0 #fff,
    inset 2px -3px 4px 0 #fff;
  border-radius: 3px;
  width: 108px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  color: #606870;
  margin: 10px auto;
  position: relative;
  overflow: hidden;
}
.nav_btn:hover {
  color: #fff;
  background: linear-gradient(180deg, #fff6f3 8%, #c86f62 64%, #c79c95 95%);
  border: 1px solid #eec6b9;
  box-shadow: 0 2px 6px -1px #e4c3b8, inset 0 -2px 5px 0 hsl(0deg 0% 100% / 58%),
    inset -2px 0 5px 0 hsl(0deg 0% 100% / 88%),
    inset 2px 0 5px 0 hsl(0deg 0% 100% / 88%);
}
.live_img01,
.live_img02,
.live_img03,
.live_img15,
.live_img04,
.live_img05,
.live_img06,
.live_img07,
.live_img08,
.live_img09,
.video_img09,
.video_img09-n,
.lottery_img01,
.lottery_img02,
.lottery_img03,
.lottery_img04,
.sprts_img01,
.sprts_img02,
.sprts_img03,
.sprts_img04,
.fish_img01,
.fish_img02,
.fish_img03,
.video_img01,
.video_img02,
.video_img03,
.video_img04,
.video_img05,
.video_img06,
.video_img07,
.video_img08,
.liveg_img01,
.liveg_img02,
.chess_img01,
.chess_img02,
.chess_img03,
.live_img_sa,
.live_img_allbet,
.live_img_bbin,
.live_img_dg,
.live_img_pt,
.live_img_mg,
.live_img_pp,
.live_img_ae,
.live_img_wm,
.live_img_yb,
.sport_img_cmd,
.sport_img_ibc,
.sport_img_sbo,
.slot_img_cq9,
.slot_img_ep,
.slot_img_haba,
.slot_img_ig,
.slot_img_joker,
.slot_img_ka,
.slot_img_mg,
.slot_img_pp,
.slot_img_pt,
.slot_img_rtg,
.slot_img_sp,
.es_img_tf,
.es_img_es1,
.es_img_sbo,
.fish_img_joker,
.fish_img_sp,
.fish_img_yl,
.fish_img_mg {
  width: 206px;
  height: 147px;
  display: block;
  margin: 10px auto;
  background: url(../img/nav_logo/c-1.png) no-repeat;
}
.live_img_allbet {
  background: url("../../images/dropdown/new/web_dd_live_allbet.png") no-repeat;
}
.live_img_bbin {
  background: url("../../images/dropdown/new/web_dd_live_bbin.png") no-repeat;
}
.live_img_dg {
  background: url("../../images/dropdown/new/web_dd_live_dg.png") no-repeat;
}
.live_img_pt {
  background: url("../../images/dropdown/new/web_dd_live_pt.png") no-repeat;
}
.live_img_mg {
  background: url("../../images/dropdown/new/web_dd_live_mg.png") no-repeat;
}
.live_img_pp {
  background: url("../../images/dropdown/new/web_dd_live_pp.png") no-repeat;
}
.live_img_sa {
  background: url("../../images/dropdown/new/web_dd_live_sa.png") no-repeat;
}
.live_img_ae {
  background: url("../../images/dropdown/new/web_dd_live_aesexy.png") no-repeat;
}
.live_img_wm {
  background: url("../../images/dropdown/new/web_dd_live_wm.png") no-repeat;
}
.live_img_yb {
  background: url("../../images/dropdown/new/web_dd_live_yb.png") no-repeat;
}
.sport_img_cmd {
  background: url("../../images/dropdown/new/web_dd_sport_cmd.png") no-repeat;
}
.sport_img_ibc {
  background: url("../../images/dropdown/new/web_dd_sport_ibc.png") no-repeat;
}
.sport_img_sbo {
  background: url("../../images/dropdown/new/web_dd_sport_sbo.png") no-repeat;
}
.slot_img_cq9 {
  background: url("../../images/dropdown/new/web_dd_slot_cq9.png") no-repeat;
}
.slot_img_ep {
  background: url("../../images/dropdown/new/web_dd_slot_evoplay.png") no-repeat;
}
.slot_img_haba {
  background: url("../../images/dropdown/new/web_dd_slot_haba.png") no-repeat;
}
.slot_img_ig {
  background: url("../../images/dropdown/new/web_dd_slot_ig.png") no-repeat;
}
.slot_img_joker {
  background: url("../../images/dropdown/new/web_dd_slot_joker.png") no-repeat;
}
.slot_img_ka {
  background: url("../../images/dropdown/new/web_dd_slot_ka.png") no-repeat;
}
.slot_img_mg {
  background: url("../../images/dropdown/new/web_dd_slot_mg.png") no-repeat;
}
.slot_img_pp {
  background: url("../../images/dropdown/new/web_dd_slot_pp.png") no-repeat;
}
.slot_img_pt {
  background: url("../../images/dropdown/new/web_dd_slot_pt.png") no-repeat;
}
.slot_img_rtg {
  background: url("../../images/dropdown/new/web_dd_slot_rtg.png") no-repeat;
}
.slot_img_sp {
  background: url("../../images/dropdown/new/web_dd_slot_sp.png") no-repeat;
}
.es_img_tf {
  background: url("../../images/dropdown/new/web_dd_esport_tf.png") no-repeat;
}
.es_img_es1 {
  background: url("../../images/dropdown/new/web_dd_esport_wm.png") no-repeat;
}
.es_img_sbo {
  background: url("../../images/dropdown/new/web_dd_esport_ae.png") no-repeat;
}
.fish_img_joker {
  background: url("../../images/dropdown/new/web_dd_fish_joker.png") no-repeat;
}
.fish_img_sp {
  background: url("../../images/dropdown/new/web_dd_fish_sp.png") no-repeat;
}
.fish_img_yl {
  background: url("../../images/dropdown/new/web_dd_fish_yl.png") no-repeat;
}
.fish_img_mg {
  background: url("../../images/dropdown/new/web_dd_fish_mg.png") no-repeat;
}
.live_img01 {
  background: url("../../images/dropdown/web_dropdown_live_allbet.png")
    no-repeat;
}
.live_img02 {
  background: url("../../images/dropdown/web_dropdown_live_sa.png") no-repeat;
}
.live_img03 {
  background: url("../../images/dropdown/web_dropdown_live_wm.png") no-repeat;
}
.live_img04 {
  background: url("../../images/dropdown/web_dropdown_live_dg.png") no-repeat;
}
.fish_img01 {
  background: url("../../images/dropdown/web_dropdown_fishing_bwin.png")
    no-repeat;
}
.fish_img02 {
  background: url("../../images/dropdown/web_dropdown_fishing_rtg.png")
    no-repeat;
}
.fish_img03 {
  background: url("../../images/dropdown/web_dropdown_fishing_sp.png") no-repeat;
}
.live_img05,
.video_img04 {
  background: url(../img/nav_logo/c-3.png) no-repeat;
}
.live_img06,
.video_img06 {
  background: url(../img/nav_logo/c-4.png) no-repeat;
}
.live_img07,
.video_img05 {
  background: url(../img/nav_logo/c-6.png) no-repeat;
}
.live_img08 {
  background: url(../img/nav_logo/g-10.png) no-repeat;
}
.live_img09 {
  background: url(../img/nav_logo/c-7.png) no-repeat;
}
.lottery_img01 {
  background: url("../../images/dropdown/web_dropdown_lottery_super.png")
    no-repeat;
}
.lottery_img02 {
  background: url("../../images/dropdown/web_dropdown_lottery_9k.png") no-repeat;
}
.lottery_img03 {
  background: url("../../images/dropdown/web_dropdown_lottery_kk.png") no-repeat;
}
.lottery_img04 {
  background: url(../img/nav_logo/l-4.png) no-repeat;
}
.sprts_img01 {
  background: url("../../images/dropdown/web_dropdown_sport_super.png")
    no-repeat;
}
.sprts_img02 {
  background: url("../../images/dropdown/web_dropdown_sport_iwin.png") no-repeat;
}
.sprts_img03 {
  background: url(../img/nav_logo/g-9.png) no-repeat;
}
.sprts_img04 {
  background: url(../img/nav_logo/S-1.png) no-repeat;
}
.video_img01 {
  background: url("../../images/dropdown/web_dropdown_slot_rtg.png") no-repeat;
}
.video_img02 {
  background: url("../../images/dropdown/web_dropdown_slot_bwin.png") no-repeat;
}
.video_img03 {
  background: url("../../images/dropdown/web_dropdown_slot_sp.png") no-repeat;
}
.video_img04 {
  background: url("../../images/dropdown/web_dropdown_slot_dt.png") no-repeat;
}
.video_img07 {
  background: url(../img/nav_logo/g-12.png) no-repeat;
}
.video_img09 {
  background: url(../img/nav_logo/g-13.png) no-repeat;
}
.video_img09-n {
  background: url(../img/nav_logo/g-13-new.png) no-repeat;
}
.video_img08 {
  background: url(../img/nav_logo/g-8.png) no-repeat;
}
.liveg_img01 {
  background: url(../img/nav_logo/s-6.png) no-repeat;
}
.liveg_img02 {
  background: url(../img/nav_logo/s-5.png) no-repeat;
}
.chess_img01 {
  background: url(../img/nav_logo/s-7.png) no-repeat;
}
.chess_img02 {
  background: url(../img/nav_logo/s-8.png) no-repeat;
}
.chess_img03 {
  background: url(../img/nav_logo/s-9.png) no-repeat;
}
/*----------------------------選單-----------------------------*/
.color-e3b581 {
  color: #e3b581;
}
.color-aeb5bf {
  color: #aeb5bf;
}
.color-976e3a {
  color: #976e3a;
}
.color-c5b367 {
  color: #c5b367;
}
.color-966d35 {
  color: #966d35;
}
.title_position {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.col-content-20 {
  flex: 0 0 20%;
  max-width: 20%;
}
.layui-layer-dialog {
  color: #000;
}
.login-input {
  width: 116px;
  height: 31px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: white;
  border: 1px solid #003a76;
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 2px;
  box-sizing: border-box;
}
.login-btn {
  color: white;
  width: 100px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fdb813;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.register-btn {
  color: white;
  width: 100px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #cc001b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
}
.forgot-link {
  color: #6d6d6d;
  cursor: pointer;
  text-decoration: underline;
}
.bg-blue {
  background: #013b7a;
}
.bg-announcement {
  background: #0a1624;
}
.announcement-color {
  color: #c1c6cc;
}
.deposit-btn {
  color: white;
  width: 84px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #0166d2 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px;
}
.img-item {
  height: 230px;
  width: 266px;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 21px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 52px;
  background: #f2f2f2;
  position: relative;
}
.text-style {
  font-weight: bold;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  color: black;
}
.img-bg-register{
  background-image: url('../images/zuno_layout/bg_register.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  min-height: 700px;
}