@charset "UTF-8";
/*內含常見問題、關於我們、權責頁*/
.faq ul, .about ul, .rules ul {
  padding-left: 20px;
  list-style: decimal;
}
.faq ul li, .about ul li, .rules ul li {
  margin-bottom: 1rem;
}
.faq p, .faq ul li, .about p, .about ul li, .rules p, .rules ul li {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.faq ul li.active .collapsible-body {
  display: block;
}

.faq ul li, .faq ul {
  list-style: none;
}

.faq ul {
  padding-left: 0;
}

/*faq*/
.faq .border-b-0 {
  border-bottom: 0;
}

.faq .collapsible {
  margin: 0.5rem 0 1rem 0;
}
.faq .collapsible img {
  width: 100%;
}
.faq .collapsible .collapsible-header {
  color: #fff;
}
.faq .collapsible .collapsible-header .fontIcon.close {
  display: none;
}
.faq .collapsible .collapsible-header .fontIcon.open {
  display: inline-block;
}
.faq .collapsible .collapsible-body {
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem;
}
.faq .collapsible .collapsible-body a {
  color: #008d66;
}
.faq .collapsible .collapsible-body a:hover {
  color: #00a174;
}
.faq .collapsible .collapsible-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 1rem;
  border-bottom: 1px solid #555;
}
.faq .collapsible .collapsible-header .fontIcon {
  width: 2rem;
  font-size: 1.6rem;
  text-align: center;
  margin-right: 1rem;
}
.faq .collapsible .tabContent {
  display: none;
}
.faq .collapsible .tabContent.active {
  display: block;
}

/*faq*/
/*rules*/
/*about*/
.gameCircle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
  cursor: pointer;
}

.gameCircle, .overlay {
  overflow: hidden;
}

.hover {
  width: 100%;
  height: 100%;
}

.hoverEffect .overlay::before {
  content: "";
}

.hover {
  float: left;
  position: relative;
}

.hover .overlay {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

.hover img {
  display: block;
  position: relative;
}

.hoverEffect {
  background: -webkit-linear-gradient(45deg, #008d66 0, #0c353f 100%);
  background: linear-gradient(45deg, #008d66 0, #0c353f 100%);
}

.hoverEffect img {
  max-width: none;
  width: calc(100% + 60px);
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

.hoverEffect .overlay::before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  opacity: 0;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.hoverEffect .overlay {
  text-align: center;
  padding: 75px 0;
  width: 100%;
}

.hoverEffect h2 {
  background-color: transparent;
  padding: 15% 0 10px;
  text-align: left;
}

.hoverEffect .goBtn {
  color: #FFF;
  opacity: 0;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 20px;
  line-height: 22px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.hoverEffect:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.hoverEffect:hover .overlay::before, .hoverEffect:hover .goBtn {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.allbet .hoverEffect {
  background-image: url("/images/pc/about/casino_3_bg.jpg");
}

.sa .hoverEffect {
  background-image: url("/images/pc/about/casino_1_bg.jpg");
}

.bingoex .hoverEffect {
  background-image: url("/images/pc/about/lottery_2_bg.jpg");
}

.dg .hoverEffect {
  background-image: url("/images/pc/about/casino_2_bg.jpg");
}

.super .hoverEffect {
  background-image: url("/images/pc/about/sport_1_bg.jpg");
}

.xl .hoverEffect {
  background-image: url("/images/pc/about/sport_2_bg.jpg");
}

.GTR .hoverEffect {
  background-image: url("/images/pc/about/lottery_3_bg.jpg");
}

.booongo .hoverEffect {
  background-image: url("/images/pc/about/slot_1_bg.jpg");
}

/*about*/

/*# sourceMappingURL=other.css.map */