@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  padding-right: 0px !important;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: none !important; }

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

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

/* body {
      line-height: 1;
  } */
blockquote,
q {
  quotes: none; }

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

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

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

/* custom */
a {
  color: #7e8c8d;
  text-decoration: none;
  -webkit-backface-visibility: hidden; }

li {
  list-style: none; }

::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px; }

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px; }

html,
body {
  width: 100%;
  height: 100%; }

input {
  outline-style: none; }

/* body {
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  } */
.noWrap,
.button_y,
.button_b {
  word-break: keep-all;
  white-space: nowrap;
  box-sizing: border-box; }

.rotate180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.button_y {
  font-family: "buttonBold";
  color: white;
  height: 33px;
  line-height: 33px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fcb813;
  padding: 0 20px;
  cursor: pointer;
  display: inline-block;
  min-width: 120px;
  border: 0px; }

.button_b {
  font-family: "buttonBold";
  display: inline-block;
  color: white;
  height: 33px;
  line-height: 33px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fcb813;
  padding: 0 20px;
  cursor: pointer;
  background: #003b79;
  border: 0px;
  min-width: 120px; }

html,
body {
  min-width: 1000px; }

html *,
body * {
  font-family: "system-ui"; }

/*.container {
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 19px; }
*/
@media screen and (max-width: 1440px) {
  #liveScore .live-score-container {
    width: 100% !important; }
  .liveScore-container {
    width: 100% !important; }
  .livetv-container {
    width: unset !important;
    min-width: 980px !important; }
  #livetvpage > .livetv-container {
    width: unset !important; }
  #scr888 .scr-container {
    width: 99% !important; }
  #mega888 .mega-container {
    width: 99% !important; } }

@media screen and (max-width: 1500px) {
  #brSportpage .brSportContainer {
    width: 100% !important;
    box-sizing: border-box !important; } }

@media screen and (max-width: 1400px) {
  .lotteryMain .lotteryGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  .gamesMain .gamesGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  .slotMain .slotGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  .slotGameList .imgItem .img {
    height: 152px !important; }
  .slotGameList .slotGameList_top .swiper {
    width: 100% !important;
    height: 462px !important; }
  .slotGameList .slotGameList_top .swiper .slider .mainContentContainer .page_no {
    bottom: 33px !important; }
  #cmdpage .cmdmain .cmdmainright,
  #brSportpage .brSportmain .brSportmainright {
    display: none; }
  #cmdpage .cmdmain {
    justify-content: center; }
  #cmdpage .cmdContainer {
    width: 100% !important; }
  #cmdpage .cmd iframe {
    width: 1020px !important; }
  #brSportpage .brSport iframe {
    height: 934px !important; }
  .games-container > .brSportContainer .brSport {
    margin: 0 auto !important; } }

@media screen and (max-width: 1443px) {
  .casinoGameList .topimgItem > div:nth-child(3n) {
    margin-right: 20px !important; }
  #brSportpage .brSportContainer {
    width: 100% !important;
    box-sizing: border-box !important; } }

@media screen and (min-width: 1000px) and (max-width: 1370px) {
  .recommendedContent .recommendedBottom {
    justify-content: space-between !important; }
  .recommendedContent .recommendedBottom .bigItem {
    flex-grow: 1 !important; }
  .recommendedContent .recommendedBottom .bigItem .detail {
    flex-grow: 1 !important;
    justify-content: flex-start !important; }
  .recommendedContent .recommendedBottom .bigItem .detail > div {
    margin-right: unset !important;
    flex-basis: auto;
    flex-grow: 1 !important; } }

@media screen and (max-width: 1360px) {
  .lotteryMain {
    width: 100% !important; }
  .gamesMain {
    width: 100% !important; }
  .slotTabPage .tabPage {
    width: 100% !important; }
  .slotMain .slottabAndSearchBox .slotTabPage {
    width: 75% !important; }
  .liveTvWatchList .liveTvWatchItem .tr.tr3 .teamname {
    font-size: 14px !important; }
  .top-first-hr {
    flex-basis: 87% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 9.5% !important; } }

@media screen and (max-width: 1300px) {
  html, body {
    height: calc(100%) !important; }
  .portal-common-banner,
  .portal-home-banner {
    min-height: unset !important; }
  .bannerInner {
    background-size: contain !important;
    height: unset !important; }
  .sliderBanner .slider img {
    min-width: 100%;
    height: calc(50%) !important; }
  .top-first-hr {
    flex-basis: 88% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 9.5% !important; } }

@media screen and (max-width: 1200px) {
  .liveStreamingContent .dateAndList {
    padding-right: 10%; }
  .top-first-hr {
    flex-basis: 87% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 9.5% !important; }
  .ambassadorImg {
    top: -1.1rem !important;
    height: 12rem !important; }
  #scr888 .scr-container {
    flex-direction: column !important; }
  #mega888 .mega-container {
    flex-direction: column !important; }
  .scrCredential-iframe {
    height: 760px !important;
    margin-top: 40px !important; }
  .scr888-container-iframe {
    margin-top: 40px !important;
    min-width: 920px !important;
    margin: 0 auto !important; }
  .instrcutionTitle {
    margin-top: 30px !important; } }

@media screen and (max-width: 1180px) {
  .casinoGameList .topimgItem {
    margin-top: 2% !important; }
  .casinoGameList {
    flex-direction: column !important; }
  .top-first-hr {
    flex-basis: 100% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 10.5% !important; }
  .ambassadorImg {
    top: 0.4rem !important;
    left: 7.5rem;
    height: 10rem !important; } }

@media screen and (max-width: 1125px) {
  .liveTvWatchList .liveTvWatchItem .tr.tr3 .img {
    width: 40px !important; }
  footer .footertop .footertopContent .footertopItem .iconText .pheader {
    line-height: unset !important; }
  #brSportpage .brSportContainer, #brSportpage .brSport iframe {
    width: 985px !important;
    margin: 0 auto !important;
    padding: 0 !important; } }

@media screen and (max-width: 1080px) {
  .liveStreamingContent .dateAndList {
    padding-right: 20%; }
  .liveStreamingContent .dateAndList .dateBox > span {
    padding-right: 10%; }
  .container.contact-us {
    min-width: 946px !important; }
  .top-first-hr {
    flex-basis: 100% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 11.5% !important; } }

@media screen and (max-width: 1000px) {
  .lotteryMain {
    width: 75% !important; }
  .lotteryMain .lotteryGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  .gamesMain {
    width: 75% !important; }
  .gamesMain .gamesGrid {
    grid-template-columns: 243.5px 243.5px 243.5px 243.5px !important; }
  .right-support-sidebar {
    display: none; }
  .headerContent > a {
    padding-left: 15px; }
  .header .headerContent .right {
    padding-right: 15px; }
  .menu .menuBox .menuContent {
    padding: 0 15px; }
  .menu .menuBox .menuContent .menunav {
    padding-left: 0px !important; }
  .liveStreamingContent .dateAndList {
    padding-right: 25%; }
  .liveStreamingContent .dateAndList .dateBox > span {
    padding-right: 10%; }
  .liveStreamingContent .dateAndList .streamingList .streamingItem .left {
    width: 470px; }
  .sliderBanner .slider .mainContentContainer {
    width: 1080px !important; }
  .sliderBanner .slider .mainContentContainer .page_no {
    padding-right: 10% !important;
    right: 0 !important; }
  #mobilePage .mobileMainContent .downloadList {
    padding: 0px 50px; }
  .casinoFirmsContent {
    overflow-x: auto !important; }
  #cmdpage .cmdContainer {
    width: 975px !important; }
  #brSportpage .brSportContainer {
    width: 1000px !important;
    box-sizing: border-box !important; }
  .games-container .br-subcontainer {
    width: 1000px !important;
    flex-wrap: wrap !important; }
  .games-container .br-subcontainer .game-category {
    background-repeat: no-repeat;
    padding-bottom: 10px; }
  .slotFirmsContent {
    overflow-x: auto !important; }
  .slotTabPage .tabPage {
    width: 100% !important; }
  .slotMain .slottabAndSearchBox .slotTabPage {
    width: 75% !important; }
  .slotMain .slotGrid {
    grid-template-columns: 243.5px 243.5px 243.5px 243.5px !important; }
  .slotGameList .slotGameList_top .swiper .bottomNotice .pheader {
    width: 70% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; }
  .slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
    display: none !important; }
  .top-first-hr {
    flex-basis: 100% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 12.5% !important; } }

.slider-container-background {
  background-color: #0a1624 !important; }

.sliderBanner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a1624; }

.portal-home-banner {
  width: 2000px;
  min-height: 582px; }

.portal-common-banner {
  width: 2000px;
  min-height: 582px; }

#seo-footer .container {
  box-sizing: border-box;
  border: 0; }

#seo-footer.container-fluid {
  box-sizing: border-box;
  border: 0;
  padding-left: 0;
  padding-right: 0; }

.header {
  width: 100%; }

.header .headerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 82px; }

.headerContent > a {
  margin-top: auto; }

.header .headerContent .icons_header_logo {
  float: left;
  cursor: pointer; }

.header .headerContent .right {
  float: right;
  font-size: 12px;
  height: 90px;
  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;
  margin-bottom: 8px; }

.header .headerContent .right .loginBar {
  float: left;
  height: 100%;
  min-width: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.header .headerContent .right .loginBar .tools {
  position: absolute;
  padding-left: 46px;
  left: 0;
  bottom: 10px;
  width: 100%;
  color: #6d6d6d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.header .headerContent .right .loginBar .tools > div {
  line-height: 100%; }

.header .headerContent .right .loginBar .tools > div.forgot > span {
  color: #6d6d6d; }

.header .headerContent .right .loginBar .tools .username-container,
.header .headerContent .right .loginBar .tools .funds-container,
.header .headerContent .right .loginBar .tools .main-wallet-balance-container {
  position: relative; }

.header .headerContent .right .loginBar .tools .main-wallet-balance-container,
.header .headerContent .right .loginBar .tools .navbar-member-group-container,
.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container,
.member-group-leaderboard-ranking-container .navbar-leaderboard-ranking-container {
  display: flex;
  align-items: center;
  white-space: nowrap; }

.header .headerContent .right .loginBar .tools .username-container .floating-menu {
  position: absolute;
  z-index: 4;
  background: #f5f5f5;
  width: 135px;
  padding: 2px;
  left: -1.5rem;
  top: 29px; }

.header .headerContent .right .loginBar .tools .main-wallet-balance-container .floating-menu {
  position: absolute;
  z-index: 100;
  width: 15rem;
  right: -6.5rem;
  top: 32px; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .floating-menu {
  position: absolute;
  z-index: 100;
  width: 15rem;
  right: -6.5rem;
  top: 23px; }

.header .headerContent .right .loginBar .tools .username-container .triangle {
  position: absolute;
  z-index: 4;
  left: 2.5rem;
  top: 15px;
  border-bottom: solid 15px #f5f5f5;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.header .headerContent .right .loginBar .tools .main-wallet-balance-container .triangle {
  position: absolute;
  z-index: 4;
  right: -0.5rem;
  top: 17px;
  border-bottom: solid 15px #efefef;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .triangle {
  position: absolute;
  z-index: 4;
  right: 0.5rem;
  top: 10px;
  border-bottom: solid 15px #0063ca;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item {
  padding: 10px 8px;
  pointer: cursor; }

.header .headerContent .right .loginBar .tools .main-wallet-balance-container .floating-menu .menu-item {
  padding: 0.8rem;
  pointer: cursor;
  border-bottom: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8; }

.header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item {
  padding: 10px 8px;
  pointer: cursor;
  display: flex; }

.header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item .menu-span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item:hover,
.header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item:hover {
  color: white;
  background: #0166d2; }

.header .headerContent .right .loginBar .tools .funds-container .floating-menu {
  position: absolute;
  z-index: 4;
  background: #f5f5f5;
  width: 115px;
  padding: 2px;
  left: -40px;
  top: 29px; }

.header .headerContent .right .loginBar .tools .funds-container .triangle {
  position: absolute;
  z-index: 4;
  width: 18px;
  left: 4px;
  top: 15px;
  border-bottom: solid 15px #f5f5f5;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item > img {
  height: 20px;
  margin-left: 5px; }

.header .headerContent .right .loginBar .tools .username,
.header .headerContent .right .loginBar .tools .main-wallet-balance {
  color: #3e7cda;
  font-weight: 900; }

.header .headerContent .right .loginBar .tools .main-wallet-balance {
  margin-right: 0.3rem; }

.header .headerContent .right .loginBar .tools .timeNow {
  font-size: 12px; }

.header .headerContent .right .loginBar input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.header .headerContent .right .loginBar ::-webkit-input-placeholder,
.header .headerContent .right .loginBar ::-moz-placeholder,
.header .headerContent .right .loginBar :-ms-input-placeholder {
  font-size: 12px; }

.header .headerContent .right .loginBar > div {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px; }

.header .headerContent .right .loginBar > div.username,
.header .headerContent .right .loginBar > div.password {
  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; }

.header .headerContent .right .loginBar > div.username > input::placeholder,
.header .headerContent .right .loginBar > div.password > input::placeholder {
  text-align: center; }

.header .headerContent .right .loginBar > div.username > input,
.header .headerContent .right .loginBar > div.password > input {
  width: 98%;
  border: 0; }

.header .headerContent .right .loginBar .login {
  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;
  font-family: "buttonBold";
  cursor: pointer; }

.header .headerContent .right .loginBar .joinnow {
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap; }

.header .headerContent .right .loginBar .login > span,
.header .headerContent .right .loginBar .joinnow > span {
  font-family: "buttonBold";
  font-size: 12px; }

.header .headerContent .right .languageTog {
  float: right;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 46px;
  margin-left: 15px; }

.header .headerContent .right .languageTog .region,
.header .headerContent .right .languageTog .icons_header_more {
  cursor: pointer; }

.header .headerContent .right .loginBar .space,
.header .headerContent .right .tools .space {
  flex-grow: 1; }

.header .headerContent .right .loginBar .livechat {
  background: url("../images/icon/contact_dd_livechat.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  cursor: pointer; }

.header .headerContent .right .loginBar .message {
  background: url("../images/icon/nav_mail_icon.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  position: relative;
  cursor: pointer; }

.header .headerContent .right .loginBar .message .nav-mail-counter {
  position: absolute;
  top: -6px;
  right: 18px;
  background: red;
  color: white;
  width: 16px;
  height: 16px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 17px;
  text-align: center; }

.header .headerContent .right .loginBar .deposit {
  color: white;
  width: 84px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #0166d2 !important;
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px; }

.header .headerContent .right .loginBar .logout {
  color: white;
  width: 86px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #959595 !important;
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
  margin-right: 5px; }

.langOverlay {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; }

.langOverlay.on {
  opacity: 1;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; }

.langOverlay.off {
  opacity: 0; }

@-webkit-keyframes langAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes backdropAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.5; } }

.langBox {
  width: 322px;
  height: auto;
  background: #ffffff;
  padding: 10px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1001;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  box-sizing: border-box;
  animation-duration: 0.1s;
  animation-name: langAnimation;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.modal-backdrop {
  cursor: pointer !important;
  transition: all 0.1s !important;
  animation-duration: 0.1s !important;
  animation-name: backdropAnimation !important; }

.modal-backdrop.off {
  opacity: 0 !important; }

.modal-md > .modal-content > .popup-dns-download {
  height: 570px; }

.dns-custom-modal .modal-content {
  margin-top: 26%; }

.langBox.off {
  opacity: 0 !important;
  -webkit-transform: translateY(20px) !important;
  -ms-transform: translateY(20px) !important;
  transform: translateY(20px) !important; }

.langBox.on {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.langBox .icons_language_closed {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  cursor: pointer; }

.langBox .top {
  width: 300px;
  height: 36px;
  background: #003b79;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  color: white;
  font-family: "mainBoldFont"; }

.langBox .bottom {
  padding-left: 18px; }

.langBox .bottom .reginItem {
  margin-top: 12px;
  margin-bottom: 8px;
  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; }

.langBox .bottom .reginItem .title {
  font-size: 12px;
  line-height: 100%; }

.langBox .bottom .reginItem .iconsAndText {
  margin-top: 5px;
  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-left: 5px; }

.langBox .bottom .reginItem .iconsAndText.login {
  padding-left: 0; }

.langBox .bottom .reginItem .iconsAndText > ul {
  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;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.langBox .bottom .reginItem .iconsAndText > ul > li {
  height: 32px;
  border-right: 2px solid #cccccc;
  padding: 0 14px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.langBox .bottom .reginItem .iconsAndText.login > ul > li:first-child {
  padding-left: 0; }

.langBox .bottom .reginItem .iconsAndText > ul > li > span {
  font-size: 14px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  color: #909090; }

.langBox .bottom .reginItem .iconsAndText > ul > li > span.on {
  color: #006cc0; }

.langBox .bottom .reginItem .iconsAndText > ul > li > span.zh_CN {
  font-family: "Microsoft YaHei"; }

.langBox .bottom .reginItem .iconsAndText > ul > li:nth-last-child(1) {
  border-right: none; }

.menu {
  position: relative; }

.menu .menuBox {
  background: #013b7a; }

.menu .menuBox .menuContent {
  width: max-content;
  font-size: 12px;
  height: 46px;
  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;
  margin-bottom: 1px; }

.menu > .menuBox > .container {
  box-sizing: border-box; }

.menu .menuBox .menuContent .menunav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  padding-left: 5px; }

.menu .menuBox .menuContent .menunav > li {
  height: 46px;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  line-height: 100%;
  margin-top: 1px;
  font-family: "menuFont";
  font-size: 13px;
  text-align: center; }

.menu .menuBox .menuContent .menunav > li * {
  font-family: "menuFont"; }

.menu .menuBox .menuContent .menunav > li:hover {
  color: #fcb813; }

.menu .menuBox .menuContent .menunav > li .placeholderNav {
  font-family: "menuFont";
  font-size: 13px;
  font-weight: bold;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  height: 1px;
  color: transparent;
  background: transparent; }

.menu .menuBox .menuContent .menunav > li .placeholderNav * {
  font-family: "menuFont"; }

.menu .menuBox .menuContent .menunav > li.showLive {
  position: relative; }

.menu .menuBox .menuContent .menunav > li.showNew {
  position: relative; }

.menu .menuBox .menuContent .menunav > li.vip {
  margin-left: 5px; }

.menu .menuBox .menuContent .menunav > li .top_menu_div .menuText {
  display: flex;
  align-items: center; }

.menu .menuBox .menuContent .menunav > li .top_menu_div {
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.menu .menuBox .menuContent .menunav > li .icons_menu_live {
  position: absolute;
  top: -1px; }

.menu .menuBox .menuContent .menunav > li .icons_menu_new {
  position: absolute;
  top: -1px; }

.menu .menuBox .menuContent .menunav > li .icons_menu_win {
  margin-bottom: 5px;
  margin-left: 5px; }

.nav-submenu {
  min-width: 100%;
  z-index: 3; }

.showSubMenuOn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  display: block; }

.showSubMenuOff {
  background: white;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.removeNavbarZindex {
  z-index: -1 !important; }

.addNavbarZindex {
  z-index: 100 !important; }

#submenu.ng-hide:not(.ng-hide-animate) {
  display: block !important;
  position: absolute;
  top: -9999px;
  left: -9999px; }

#submenu .submenu hr {
  border-top: 1px solid #e5e5e5;
  margin: 0;
  position: absolute;
  height: 1px;
  width: 100vw;
  left: 0; }

#submenu .submenu hr.line1 {
  top: 194px; }

#submenu .submenu hr.line2 {
  top: 388px; }

.boxSubmenu {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 127px;
  z-index: 100;
  z-index: 100;
  overflow: hidden;
  min-width: 1000px; }

.copyRight {
  background: #f2f2f2;
  display: inherit !important;
  justify-content: inherit !important;
  align-items: inherit !important; }

.copyRight .container,
.newCopyRight .container {
  box-sizing: border-box;
  border: 0; }

footer .container {
  box-sizing: border-box;
  border: 0; }

.copyRight .copyRightContent,
.newCopyRight .copyRightContent {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  color: #757575;
  position: relative;
  padding: 0 30px; }

.copyRight .copyRightContent span {
  color: #757575; }

.newCopyRight .copyRightContent span {
  color: black !important; }

.copyRight .copyRightContent::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat; }

.copyRight .copyRightContent .left,
.newCopyRight .copyRightContent .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 30px 0;
  height: 62px;
  box-sizing: border-box; }

.copyRight .copyRightContent .left > .li,
.newCopyRight .copyRightContent .left > .li {
  padding: 0 7px;
  border-right: 1px solid black;
  height: 10px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.copyRight .copyRightContent .left > .li > span, .copyRight .copyRightContent .left > .li > a > span,
.newCopyRight .copyRightContent .left > .li > span, .newCopyRight .copyRightContent .left > .li > a > span {
  line-height: 100%;
  cursor: pointer; }

.copyRight .copyRightContent .left > .li > span:hover, .copyRight .copyRightContent .left > .li > a > span:hover,
.newCopyRight .copyRightContent .left > .li > span:hover, .newCopyRight .copyRightContent .left > .li > a > span:hover {
  text-decoration: underline; }

.copyRight .copyRightContent .left > div:nth-last-child(1),
.newCopyRight .copyRightContent .left > div:nth-last-child(1) {
  border-right: none; }

.copyRight .copyRightContent .right,
.newCopyRight .copyRightContent .right {
  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;
  box-sizing: border-box;
  height: 27px; }

.copyRight .copyRightContent .right > span,
.newCopyRight .copyRightContent .right > span {
  margin-bottom: 1px; }

.copyRight .copyRightContent .right .icons_footer_18 {
  margin-left: 5px;
  margin-bottom: 1px; }

footer {
  background: #f2f2f2; }

footer .footertop {
  position: relative; }

/*
footer .footertop::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat;
}
*/
footer .footertop .footertopContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px; }

footer .footertop .footertopContent .footerMainTitle {
  width: 100%;
  text-align: center; }

footer .footertop .footertopContent .footertopItem {
  width: 25%;
  margin: 0 15px; }

footer .footertop .footertopContent .footertopItem .iconText {
  width: 100%;
  height: auto;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #0a1623;
  margin-bottom: 10px; }

footer .footertop .footertopContent .footertopItem .iconText div.icon {
  margin: auto !important;
  margin-top: 25px !important;
  margin-bottom: 10px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 52px;
  min-height: 52px;
  float: none !important;
  padding-right: 0px !important; }

footer .footertop .footertopContent .footertopItem .iconText .navTop {
  text-align: center;
  color: #0a1623; }

footer .footertop .footertopContent .footertopItem .iconText .navTop > p {
  text-align: center;
  color: #0a1623 !important;
  line-height: 20px !important;
  margin: 11px 0 !important; }

footer .footertop .footertopContent .footertopItem .iconText > p {
  text-align: center;
  width: 100%;
  color: #0a1623;
  margin: 0;
  height: 50px; }

footer .footertop .footertopContent .footertopItem .iconText .pheader {
  font-family: "mainBoldFont";
  font-size: 18px;
  height: 38px;
  line-height: 38px;
  color: #0a1623;
  margin: 0; }

footer .footertop .footertopContent .footertopItem .iconText > a {
  margin-top: -8px; }

footer .footertop .footertopContent .footertopItem .iconText > span,
footer .footertop .footertopContent .footertopItem .iconText > a > span {
  color: #0070d1;
  height: 50px;
  line-height: 50px;
  font-family: "mainFont";
  cursor: pointer; }

footer .footertop .footertopContent .footertopItem .iconText > span:hover,
footer .footertop .footertopContent .footertopItem .iconText > a > span:hover {
  text-decoration: underline; }

footer .footertop .footertopContent .footertopItem .textContent,
footer .footertop .footertopContent .footerMainTitle .textContent {
  font-size: 11px;
  color: #a4a4a4; }

footer .footertop .footertopContent .footertopItem .textContent .textContentItem {
  margin-bottom: 20px; }

footer .footertop .footertopContent .footertopItem .textContent .textContentItem .pheader,
footer .footertop .footertopContent .footerMainTitle .textContent .textContentItem .pheader {
  font-family: "mainBoldFont";
  font-size: 14px;
  color: #a4a4a4;
  margin-bottom: 6px;
  font-weight: 800; }

footer .footertop .footertopContent .footertopItem .textContent .textContentItem > p {
  line-height: 15px;
  margin: 0; }

footer .footertop .footertopContent .footertopItem .iconBox {
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 80px; }

footer .footertop .footertopContent .footertopItem .iconBox i {
  cursor: pointer; }

footer .footerbottom {
  padding-bottom: 66px !important; }

footer .footerbottomempty {
  padding-top: 40px !important; }

.mobileMainContent .dotline,
footer .footerbottomempty2 {
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat; }

footer .footerbottom .footerbottomContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

footer .footerbottom .footerbottomContent .footerbottomItem {
  font-size: 12px; }

footer .footerbottom .footerbottomContent .footerLicense {
  font-size: 12px; }

footer .footerbottom .footerbottomContent .footerbottomItem .title,
footer .footerbottom .footerbottomContent .footerLicense .title {
  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; }

footer .footerbottom .footerbottomContent .footerbottomItem .title > span,
footer .footerbottom .footerbottomContent .footerLicense .title > span {
  line-height: 44px;
  color: black; }

footer .footerbottom .footerbottomContent .footerbottomItem .iconBox,
footer .footerbottom .footerbottomContent .footerLicense .iconBox {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

footer .footerbottom .footerbottomContent .footerbottomItem .iconBox > i,
footer .footerbottom .footerbottomContent .footerLicense .iconBox > i {
  margin-right: 15px;
  margin-bottom: 8px;
  cursor: pointer; }

footer .brandGame, footer .gameTitle {
  font-size: inherit !important;
  line-height: 15px !important;
  color: black !important;
  margin: 11px 0; }

#adElements {
  display: none; }

.positionFixed .fixed {
  position: fixed; }

.positionFixed .side_menu_left {
  left: 0;
  top: 128px;
  bottom: 0;
  z-index: 2000; }

.positionFixed .side_menu_bottom_right {
  right: 40px;
  bottom: 40px;
  z-index: 3000;
  position: fixed;
  background-color: #0760de;
  border-radius: 40px;
  width: 80px;
  height: 80px;
  text-align: center;
  cursor: pointer; }

.positionFixed .side_menu_bottom_right img {
  padding: 15px;
  width: 50px;
  box-sizing: initial !important; }

.positionFixed .side_menu_left .side_menu_download .icons_side_menu_download, .positionFixed .side_menu_left .side_menu_DNSdownload .icons_side_menu_DNSdownload {
  cursor: pointer; }

.positionFixed .side_menu_left .side_menu_download_on, .positionFixed .side_menu_left .side_menu_DNSdownload_on {
  height: 100%;
  width: 52px;
  background: #f7f7f7;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.positionFixed .side_menu_left .side_menu_download_on > span, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span {
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box; }

.positionFixed .side_menu_left .side_menu_download_on > span .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .item_hover {
  visibility: hidden;
  opacity: 0;
  color: black; }

.positionFixed .side_menu_left .side_menu_download_on > span:hover .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .item_hover {
  visibility: visible;
  opacity: 1; }

.positionFixed .side_menu_left .side_menu_download_on .item_hover, .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover {
  font-size: 12px;
  position: absolute;
  padding: 0 15px;
  left: 47px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 44px;
  transition: opacity 1s; }

.positionFixed .side_menu_left .side_menu_download_on .item_hover > p, .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover > p {
  word-break: keep-all;
  white-space: nowrap; }

.positionFixed .side_menu_left .side_menu_contant_on .item_hover_img {
  display: block;
  position: absolute;
  left: 47px;
  top: -20px;
  transition: opacity 1s; }

.positionFixed .side_menu_left .side_menu_download_on .item_hover > p:nth-child(1), .positionFixed .side_menu_left .side_menu_DNSdownload_on .item_hover > p:nth-child(1) {
  font-family: "mainBoldFont"; }

.positionFixed .side_menu_left .side_menu_download_on > span > span, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span {
  cursor: pointer;
  width: 100%;
  height: 56px;
  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;
  position: relative; }

.positionFixed .side_menu_left .side_menu_download_on > span > span::after, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.positionFixed .side_menu_left .side_menu_download_on > span > span i, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span > span i {
  cursor: pointer; }

.positionFixed .side_menu_left .side_menu_download_on > span:nth-last-child(1) > span::after, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:nth-last-child(1) > span::after {
  content: '';
  display: none; }

.positionFixed .side_menu_left .side_menu_download_on > span .icons_side_menu_arrow, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .icons_side_menu_arrow {
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.positionFixed .side_menu_left .side_menu_download_on > span .icons_side_menu_android, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span .icons_side_menu_android {
  cursor: pointer; }

.positionFixed .side_menu_right {
  right: 0;
  top: 128px;
  bottom: 0;
  z-index: 2500; }

.positionFixed .side_menu_right .side_menu_contant .icons_side_menu_contant {
  cursor: pointer; }

.positionFixed .side_menu_right .side_menu_contant_on {
  height: 100%;
  width: 52px;
  background: #f7f7f7;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.positionFixed .side_menu_right .side_menu_contant_on > span {
  width: 100%;
  padding: 0 5px;
  box-sizing: border-box; }

.positionFixed .side_menu_right .side_menu_contant_on > span .item_hover {
  visibility: hidden;
  opacity: 0; }

.positionFixed .side_menu_right .side_menu_contant_on > span .item_hover_img {
  visibility: hidden;
  opacity: 0; }

.positionFixed .side_menu_right .side_menu_contant_on > span:hover .item_hover {
  visibility: visible;
  opacity: 1; }

.positionFixed .side_menu_right .side_menu_contant_on > span:hover .item_hover_img {
  visibility: visible;
  opacity: 1; }

.positionFixed .side_menu_right .side_menu_contant_on .item_hover {
  font-size: 12px;
  position: absolute;
  padding: 0 15px;
  right: 47px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 44px;
  transition: opacity 1s; }

.positionFixed .side_menu_right .side_menu_contant_on .item_hover > p {
  word-break: keep-all;
  white-space: nowrap; }

.positionFixed .side_menu_right .side_menu_contant_on .item_hover_img {
  display: block;
  position: absolute;
  right: 47px;
  top: -20px;
  transition: opacity 1s; }

.positionFixed .side_menu_right .side_menu_contant_on > span > span {
  cursor: default;
  width: 100%;
  height: 56px;
  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;
  position: relative; }

.positionFixed .side_menu_right .side_menu_contant_on > span > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.positionFixed .side_menu_right .side_menu_contant_on > span:nth-last-child(1) > span::after {
  content: '';
  display: none; }

.positionFixed .pop_up_left {
  background: #f9f9f9;
  width: 200px;
  height: 272px;
  left: 0;
  top: 360px;
  z-index: 1000;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  border-left: none;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.positionFixed .pop_up_left .icons_popup_left_close {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 14px; }

.positionFixed .pop_up_right {
  background: #f9f9f9;
  width: 397px;
  height: 228px;
  right: 0;
  top: 470px;
  z-index: 1000;
  overflow: hidden;
  border: 1px solid #d6d6d6;
  border-right: none;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  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;
  /* -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; */ }

.positionFixed .pop_up_right .icons_popup_right_close {
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 14px; }

.positionFixed .pop_up_right .top {
  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;
  font-size: 22px;
  color: #003b78;
  padding: 14px 24px;
  background: #f2f2f2; }

.positionFixed .pop_up_right .top > span {
  font-family: "mainBoldFont";
  margin-left: 5px;
  word-break: keep-all;
  white-space: nowrap; }

.positionFixed .pop_up_right .content {
  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: 0 24px;
  padding-bottom: 14px;
  margin-top: 10px; }

.positionFixed .pop_up_right .content .text {
  padding-left: 26px; }

.positionFixed .pop_up_right .content .text .pheader {
  margin-bottom: 10px;
  font-family: "mainBoldFont";
  font-size: 20px; }

.positionFixed .pop_up_right .content .text .pcontent {
  font-size: 14px;
  color: #646464;
  line-height: 18px; }

.positionFixed .rightBottom {
  bottom: 0;
  z-index: 1000;
  right: 64px;
  width: 422px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.positionFixed .rightBottom * {
  font-family: "popuFont"; }

.positionFixed .rightBottom .icons_online_chat_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.positionFixed .rightBottom > section {
  width: 210px;
  height: 60px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: white; }

.positionFixed .rightBottom > section .text {
  margin-left: 4px; }

.positionFixed .rightBottom > section.red {
  background: #cc001b; }

.positionFixed .rightBottom > section.blue {
  background: #006cc0; }

.positionFixed .rightBottom > section.blue .icons_online {
  position: absolute;
  top: -4px;
  right: 27px; }

.positionFixed .rightBottom > section.blue .text p:nth-child(1) {
  font-family: "buttonBold"; }

.side_menu_download,
.side_menu_download_on,
.side_menu_DNSdownload,
.side_menu_DNSdownload_on {
  position: fixed;
  left: 0; }

.side_menu_contant,
.side_menu_contant_on {
  position: fixed;
  right: 0; }

.item-hover-half-enter,
.item-hover-half-leave-to {
  opacity: 0.5; }

.popup-enter-active,
.popup-leave-active {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 208px;
  background: #0a1623;
  padding: 30px 48px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bottomNotice .icons_logo {
  position: absolute;
  right: 0;
  bottom: 0; }

.bottomNotice > p {
  width: 430px; }

.bottomNotice .pheader {
  font-family: "mainBoldFont";
  font-size: 32px; }

.bottomNotice .pcontent {
  margin-top: 5px;
  line-height: 28px; }

.bottomNotice .ptime {
  font-size: 18px;
  line-height: 100%;
  margin-top: 20px; }

.iconAndTitle {
  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;
  height: 46px;
  padding-left: 15px; }

.iconAndTitle * {
  font-family: "mainBoldFont"; }

.iconAndTitle > span {
  margin-left: 6px;
  word-break: keep-all;
  white-space: nowrap; }

.iconAndTitle .other {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px; }

.iconAndTitle .other .moreMatchesBtn > a,
.moreMatchesBtn > a {
  min-width: 126px;
  height: 30px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: white;
  background: #013b7a;
  padding: 0 15px;
  font-size: 12px;
  word-break: keep-all;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box; }

.iconAndTitle .other .moreBtn > span,
.iconAndTitle .other .moreBtn > a {
  font-family: "mainBoldFont"; }

.betNowBtn {
  width: 100px;
  height: 30px;
  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;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffaf15;
  cursor: pointer; }

/* 合图start*/
.icons {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icon/icons.png); }

.icons2 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/_icons/s_windows_icon_of.png); }

.icons3 {
  display: inline-block;
  overflow: hidden; }

.icons_a {
  width: 43px;
  height: 51px;
  background-position: -130px -2px; }

.icons_aff {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 46px;
  height: 53px;
  background-image: url(../images/icon/icons_a.png); }

.icons_vip {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 46px;
  height: 53px;
  background-image: url(../images/icon/icons_vip.png); }

.icons_referral {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 46px;
  height: 53px;
  background-image: url(../images/icon/icons_referral.png); }

.icons_arrow {
  width: 9px;
  height: 8px;
  margin-left: 5px;
  background-position: -1480px -62px; }

.icons_banner_boardcast {
  width: 31px;
  height: 20px;
  background-position: -1921px -25px; }

.icons_bk8 {
  width: 72px;
  height: 40px;
  background-position: -684px -2px; }

.icons_bk8:hover {
  width: 72px;
  height: 40px;
  background-position: -610px -2px; }

.icons_bmm {
  width: 55px;
  height: 17px;
  margin-bottom: 9px !important;
  background-position: -1967px -23px; }

.icons_bmm:hover {
  width: 55px;
  height: 17px;
  background-position: -130px -55px; }

.icons_chrome {
  width: 30px;
  height: 30px;
  background-position: -1429px -2px; }

.icons_chrome:hover {
  width: 30px;
  height: 30px;
  background-position: -1405px -34px; }

.icons_dice {
  width: 33px;
  height: 29px;
  background-position: -759px -43px; }

.icons_eeziepay {
  width: 77px;
  height: 32px;
  background-image: url(../images/icon/eeziepay_of.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_eeziepay:hover {
  width: 77px;
  height: 32px;
  background-image: url(../images/icon/icons.png);
  background-position: -928px -40px; }

.icons_fastpay {
  width: 77px;
  height: 32px;
  background-image: url(../images/icon/footer_fastpay_off.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_fastpay:hover {
  width: 77px;
  height: 32px;
  background-image: url(../images/icon/footer_fastpay_on.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_explore {
  width: 30px;
  height: 30px;
  background-position: -1397px -2px; }

.icons_explore:hover {
  width: 30px;
  height: 30px;
  background-position: -1373px -34px; }

.icons_fb {
  width: 30px;
  height: 30px;
  background-position: -1365px -2px; }

.icons_fb:hover {
  width: 30px;
  height: 30px;
  background-position: -1341px -34px; }

.icons_insta {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/instagram_of.png); }

.icons_insta:hover {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/instagram_ov.png); }

.icons_twitter {
  width: 32px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/twitter_of.png); }

.icons_twitter:hover {
  width: 32px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/twitter_ov.png); }

.icons_line {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/line_of.png); }

.icons_line:hover {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url(../images/icon/line_ov.png); }

.icons_financing {
  width: 44px;
  height: 44px;
  background-position: -260px -2px; }

.icons_footer_18 {
  width: 25px;
  height: 25px;
  background-position: -1665px -30px; }

.icons_fox {
  width: 30px;
  height: 30px;
  background-position: -1333px -2px; }

.icons_fox:hover {
  width: 30px;
  height: 30px;
  background-position: -1309px -34px; }

.icons_gift {
  width: 41px;
  height: 41px;
  background-position: -567px -2px; }

.icons_globe {
  width: 38px;
  height: 36px;
  background-position: -947px -2px; }

.icons_globe:hover {
  width: 38px;
  height: 36px;
  background-position: -907px -2px; }

.icons_header_indo {
  width: 26px;
  height: 26px;
  background-position: -1662px -2px; }

.icons_header_logo {
  width: 126px;
  height: 70px;
  background-position: -2px -2px; }

.icons_header_malay {
  width: 26px;
  height: 26px;
  background-position: -555px -46px; }

.icons_header_more {
  width: 5px;
  height: 21px;
  background-position: -1878px -49px; }

.icons_header_singa {
  width: 26px;
  height: 26px;
  background-position: -527px -46px; }

.icons_header_thai {
  width: 26px;
  height: 26px;
  background-position: -499px -46px; }

.icons_header_vietnam {
  width: 26px;
  height: 26px;
  background-size: 26px;
  background-image: url(../images/icon/lang_vn.png); }

.icons_help {
  width: 37px;
  height: 37px;
  background-position: -868px -2px; }

.icons_help2pay {
  width: 40px;
  height: 28px;
  background-image: url(../images/icon/help2pay_of.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_help2pay:hover {
  width: 40px;
  height: 28px;
  background-image: url(../images/icon/icons.png);
  background-position: -1563px -32px; }

.icons_cimb {
  width: 105px;
  height: 16px;
  background-image: url(../images/icon/cimb_nia_of.png);
  background-position: center; }

.icons_cimb:hover {
  width: 105px;
  height: 16px;
  background-image: url(../images/icon/cimb_nia_ov.png); }

.icons_mandiri {
  width: 85px;
  height: 25px;
  margin-bottom: 9px !important;
  background-image: url(../images/icon/mandiri_of.png); }

.icons_mandiri:hover {
  width: 85px;
  height: 25px;
  background-image: url(../images/icon/mandiri_ov.png); }

.icons_bni {
  width: 62px;
  height: 18px;
  background-image: url(../images/icon/BNI_of.png); }

.icons_bni:hover {
  width: 62px;
  height: 18px;
  background-image: url(../images/icon/BNI_ov.png); }

.icons_bca {
  width: 58px;
  height: 18px;
  background-image: url(../images/icon/BCA_of.png); }

.icons_bca:hover {
  width: 58px;
  height: 18px;
  background-image: url(../images/icon/BCA_ov.png); }

.icons_bri {
  width: 86px;
  height: 20px;
  background-image: url(../images/icon/BRI_of.png); }

.icons_bri:hover {
  width: 86px;
  height: 20px;
  background-image: url(../images/icon/BRI_ov.png); }

.icons_hot {
  width: 24px;
  height: 28px;
  background-position: -1639px -32px; }

.icons_itechlabs {
  width: 34px;
  height: 32px;
  background-position: -1202px -2px; }

.icons_itechlabs:hover {
  width: 34px;
  height: 32px;
  background-image: url(../images/icon/itech_labs_ov.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_label {
  width: 20px;
  height: 25px;
  background-position: -1692px -29px; }

.icons_language_closed {
  width: 36px;
  height: 36px;
  background-position: -987px -2px; }

.icons_language_indo {
  width: 42px;
  height: 42px;
  background-position: -523px -2px; }

.icons_language_malay {
  width: 42px;
  height: 42px;
  background-position: -479px -2px; }

.icons_language_singa {
  width: 42px;
  height: 42px;
  background-position: -435px -2px; }

.icons_language_thai {
  width: 42px;
  height: 42px;
  background-position: -391px -2px; }

.icons_language_vietnam {
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/icon/lang_vn.png); }

.icons_live {
  width: 44px;
  height: 43px;
  background-position: -345px -2px; }

.icons_live_video {
  width: 32px;
  height: 23px;
  background-position: -1714px -27px; }

.icons_livetv_live {
  width: 26px;
  height: 16px;
  background-position: -1982px -42px; }

.icons_livetv_live_commentary {
  width: 29px;
  height: 25px;
  background-position: -380px -47px; }

.icons_livetv_logo {
  width: 49px;
  height: 27px;
  background-position: -583px -45px; }

.icons_livetv_watch_live_now {
  width: 55px;
  height: 21px;
  background-position: -1864px -26px; }

.icons_m_logo {
  width: 33px;
  height: 33px;
  background-position: -1139px -2px; }

.icons_playngo_logo {
  width: 45px;
  height: 33px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icons_playngo_logo.png); }

.icons_PP_logo {
  width: 35px;
  height: 52px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icons_PP_logo.png); }

.icons_SA_logo {
  width: 38px;
  height: 34px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icons_SA_logo.png); }

.icons_NS_logo {
  width: 46px;
  height: 34px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icons_NS_logo.png); }

.icons_SG_logo {
  width: 46px;
  height: 34px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/icons_SG_logo.png); }

.icons_menu_live {
  width: 30px;
  height: 16px;
  background-image: url(../images/icon/bk8-live-icon.png); }

.icons_menu_new {
  width: 30px;
  height: 16px;
  background-image: url(../images/icon/bk8-new-icon.gif); }

.icons_menu_win {
  width: 30px;
  height: 22px;
  background-image: url(../images/icon/bk8-win-icon.gif); }

.icons_menu_logo {
  width: 27px;
  height: 33px;
  background-position: -1157px -37px;
  cursor: pointer; }

.icon_menu_logo {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 29px;
  height: 33px;
  background-image: url(../images/icon/menu_home.png);
  cursor: pointer; }

.icon_menu_logo:hover {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 29px;
  height: 33px;
  background-image: url(../images/icon/menu_home_ov.png);
  cursor: pointer; }

.icons_mobile_android {
  width: 37px;
  height: 46px;
  background-position: -175px -2px; }

.icons_mobile_ios {
  width: 37px;
  height: 44px;
  background-position: -306px -2px; }

.icons_new {
  width: 30px;
  height: 16px;
  background-position: -1692px -56px; }

.icons_online {
  width: 42px;
  height: 28px;
  background-position: -1519px -32px; }

.icons_online_chat_close {
  width: 10px;
  height: 10px;
  background-position: -1468px -62px; }

.icons_p_logo {
  width: 33px;
  height: 33px;
  background-position: -1122px -38px; }

.icons_pagcor {
  width: 123px;
  height: 28px;
  background-position: -1461px -2px; }

.icons_pagcor:hover {
  width: 123px;
  height: 28px;
  background-position: -634px -44px; }

.icons_guracao {
  width: 114px;
  height: 38px;
  background: url("../images/_firms/brand/guracao_gaming_of.png"); }

.icons_guracao:hover {
  width: 114px;
  height: 38px;
  background: url("../images/_firms/brand/guracao_gaming_ov.png"); }

.icons_paytrust {
  width: 95px;
  height: 20px;
  background-position: -1885px -49px; }

.icons_paytrust:hover {
  width: 95px;
  height: 20px;
  background-position: -1724px -52px; }

.icons_play {
  width: 14px;
  height: 17px;
  background-position: -1978px -2px; }

.icons_popup_left_close {
  width: 22px;
  height: 22px;
  background-position: -1863px -2px; }

.icons_popup_right_close {
  width: 31px;
  height: 31px;
  background-position: -895px -41px; }

.icons_recommend_like {
  width: 25px;
  height: 22px;
  background-position: -1836px -2px; }

.icons_remaining_time {
  width: 18px;
  height: 21px;
  background-position: -1916px -2px; }

.icons_services {
  width: 44px;
  height: 45px;
  background-position: -214px -2px; }

.icons_share {
  width: 18px;
  height: 19px;
  background-position: -1958px -2px; }

.icons_side_menu_android {
  width: 27px;
  height: 32px;
  background-position: -1272px -2px; }

.icons_side_menu_android:hover,
.positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_android, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_android {
  width: 27px;
  height: 32px;
  background-position: -1248px -36px; }

.icons_side_menu_arrow {
  width: 26px;
  height: 26px;
  background-position: -471px -46px; }

.icons_side_menu_ios {
  width: 26px;
  height: 33px;
  background-position: -1186px -37px; }

.icons_side_menu_ios:hover,
.positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_ios, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_ios {
  width: 26px;
  height: 33px;
  background-position: -1174px -2px; }

.icons_side_menu_app {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon/icon-dld-app-off.png); }

.icons_side_menu_app:hover {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon/icon-dld-app-on.png); }

.icons_side_menu_windows {
  width: 37px;
  height: 37px;
  background-image: url(../images/_icons/s_windows_icon_of.png); }

.icons_side_menu_windows:hover,
.positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_windows, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_windows {
  width: 37px;
  height: 37px;
  background-image: url(../images/_icons/s_windows_icon_ov.png); }

.icons_side_menu_line {
  width: 33px;
  height: 31px;
  background-position: -860px -41px; }

.icons_side_menu_line:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_line {
  width: 33px;
  height: 31px;
  background-position: -825px -41px; }

.icons_side_menu_livechat {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon/icons_side_menu_livechat.png);
  background-size: contain; }

.icons_side_menu_livechat:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_livechat {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon/icons_side_menu_livechat.png);
  background-size: contain; }

.icons_side_menu_mobile {
  width: 23px;
  height: 36px;
  background-position: -1078px -2px; }

.icons_side_menu_mobile:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_mobile {
  width: 23px;
  height: 36px;
  background-position: -1053px -2px; }

.icons_side_menu_pc {
  width: 28px;
  height: 26px;
  background-position: -441px -46px; }

.icons_side_menu_pc:hover,
.positionFixed .side_menu_left .side_menu_download_on > span:hover .icons_side_menu_pc, .positionFixed .side_menu_left .side_menu_DNSdownload_on > span:hover .icons_side_menu_pc {
  width: 28px;
  height: 26px;
  background-position: -411px -46px; }

.icons_side_menu_watsapp {
  width: 29px;
  height: 29px;
  background-position: -1437px -34px; }

.icons_side_menu_watsapp:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_watsapp {
  width: 29px;
  height: 29px;
  background-position: -794px -43px; }

.icons_side_menu_wechat {
  width: 32px;
  height: 28px;
  background-position: -1628px -2px; }

.icons_side_menu_wechat:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_wechat {
  width: 32px;
  height: 28px;
  background-position: -1605px -32px; }

.icons_side_menu_skype {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/skype_of.png); }

.icons_side_menu_skype:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_skype {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/skype_ov.png); }

.icons_side_menu_yahoo {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/yahoo_of.png); }

.icons_side_menu_yahoo:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_yahoo {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/yahoo_ov.png); }

.icons_side_menu_bbm {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/bbm_of.png); }

.icons_side_menu_bbm:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_bbm {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/bbm_ov.png); }

.icons_side_menu_telegram {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/telegram_of.png); }

.icons_side_menu_telegram:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_telegram {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/telegram_ov.png); }

.icons_side_menu_zalo {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/zalo_of.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_side_menu_zalo:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_zalo {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/zalo_ov.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_side_menu_viber {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/viber_of.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_side_menu_viber:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_viber {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/viber_ov.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_side_menu_email {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/email_of.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_side_menu_email:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_email {
  width: 42px;
  height: 41px;
  background-image: url(../images/icon/email_ov.png);
  background-size: contain;
  background-repeat: no-repeat; }

.icons_slot_arrow {
  width: 11px;
  height: 20px;
  background-position: -1954px -24px; }

.icons_slot_big_promo_new {
  width: 63px;
  height: 37px;
  background-position: -803px -2px; }

.icons_slot_new {
  width: 49px;
  height: 28px;
  background-position: -1468px -32px; }

.icons_slot_search {
  width: 20px;
  height: 20px;
  background-position: -1936px -2px; }

.icons_spade_logo {
  width: 34px;
  height: 34px;
  background-position: -1103px -2px; }

.icons_sports_news {
  width: 26px;
  height: 36px;
  background-position: -1025px -2px; }

.icons_star {
  width: 24px;
  height: 23px;
  background-position: -1748px -27px; }

.icons_streaming_live {
  width: 55px;
  height: 21px;
  background-position: -1821px -51px; }

.icons_sub_menu_android {
  width: 20px;
  height: 25px;
  background-position: -1690px -2px; }

.icons_sub_menu_ios {
  width: 19px;
  height: 23px;
  background-position: -1774px -27px; }

.icons_tt {
  width: 67px;
  height: 22px;
  margin-bottom: 9px !important;
  background-position: -1795px -27px; }

.icons_tt:hover {
  width: 67px;
  height: 22px;
  background-image: url(../images/icon/tt_ov.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_verified {
  width: 122px;
  height: 23px;
  background-position: -1712px -2px; }

.icons_verified:hover {
  width: 122px;
  height: 23px;
  background-position: -256px -49px; }

.icons_video {
  width: 27px;
  height: 21px;
  background-position: -1887px -2px; }

.icons_winner {
  width: 43px;
  height: 39px;
  background-position: -758px -2px; }

.icons_youtube {
  width: 32px;
  height: 32px;
  background-position: -1238px -2px; }

.icons_youtube:hover {
  width: 32px;
  height: 32px;
  background-image: url(../images/icon/youtube_ov.png);
  background-repeat: no-repeat;
  background-position: center; }

.icon_min_width {
  min-width: 157px; }

.icons_18 {
  width: 40px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-18-of.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_18:hover {
  width: 40px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-18-ov.png); }

.icons_aware {
  width: 50px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-aware-of.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_aware:hover {
  width: 50px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-aware-ov.png); }

.icons_gamecare {
  width: 50px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-gamcare-of.png);
  background-repeat: no-repeat;
  background-position: center; }

.icons_gamecare:hover {
  width: 50px;
  height: 40px;
  background-image: url(../images/icon/ftr-rpsb-gamcare-ov.png); }

.firms {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/firms.png); }

.firms_casino_logo_ag {
  width: 78px;
  height: 40px;
  background-position: -1696px -2px; }

.firms_casino_logo_ag:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_ag,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_ag {
  width: 78px;
  height: 40px;
  background-position: -1616px -2px; }

.firms_casino_logo_allbet {
  width: 87px;
  height: 54px;
  background-position: -267px -2px; }

.firms_casino_logo_allbet:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_allbet,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_allbet {
  width: 87px;
  height: 54px;
  background-position: -178px -2px; }

.firms_casino_logo_dream {
  width: 102px;
  height: 47px;
  background-position: -460px -2px; }

.firms_casino_logo_dream:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_dream,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_dream {
  width: 102px;
  height: 47px;
  background-position: -356px -2px; }

.firms_casino_logo_evo_gaming {
  width: 93px;
  height: 30px;
  background-position: -471px -51px; }

.firms_casino_logo_evo_gaming:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_evo_gaming,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_evo_gaming {
  width: 93px;
  height: 30px;
  background-position: -376px -51px; }

.firms_casino_logo_gd {
  width: 78px;
  height: 32px;
  background-position: -1638px -44px; }

.firms_casino_logo_gd:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_gd,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_gd {
  width: 78px;
  height: 32px;
  background-position: -1202px -47px; }

.firms_casino_logo_gp {
  width: 68px;
  height: 46px;
  background-position: -980px -2px; }

.firms_casino_logo_gp:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_gp,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_gp {
  width: 68px;
  height: 46px;
  background-position: -910px -2px; }

.firms_casino_logo_pt {
  width: 66px;
  height: 39px;
  background-position: -1844px -2px; }

.firms_casino_logo_pt:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_pt,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_pt {
  width: 66px;
  height: 39px;
  background-position: -1776px -2px; }

.firms_casino_logo_sb {
  width: 111px;
  height: 44px;
  background-image: url(../images/_firms/firms_casino_logo_sb.png); }

.firms_casino_logo_sb:hover,
.casinoFirmsContent .tabPage > li:hover > .i .firms_casino_logo_sb,
.casinoFirmsContent .tabPage > li.on > .i .firms_casino_logo_sb {
  width: 111px;
  height: 44px;
  background-image: url(../images/_firms/firms_casino_logo_sb_over.png); }

.firms_logo_918kiss {
  width: 69px;
  height: 38px;
  background-position: -1940px -42px; }

.firms_logo_918kiss:hover {
  width: 69px;
  height: 38px;
  background-position: -1940px -2px; }

.firms_logo_ag {
  width: 78px;
  height: 40px;
  background-position: -1536px -2px; }

.firms_logo_ag:hover {
  width: 78px;
  height: 40px;
  background-position: -1456px -2px; }

.firms_logo_allbet {
  width: 86px;
  height: 62px;
  background-position: -90px -2px; }

.firms_logo_allbet:hover {
  width: 86px;
  height: 62px;
  background-position: -2px -2px; }

.firms_logo_dreamgaming {
  width: 80px;
  height: 50px;
  background-image: url(../images/_firms/dreamgaming_of.png); }

.firms_logo_dreamgaming:hover {
  width: 80px;
  height: 50px;
  background-image: url(../images/_firms/dreamgaming_ov.png); }

.firms_logo_cashfish {
  width: 80px;
  height: 38px;
  background-position: -1858px -43px; }

.firms_logo_cashfish:hover {
  width: 80px;
  height: 38px;
  background-position: -1776px -43px; }

.firms_logo_cmd368 {
  width: 97px;
  height: 20px;
  background-position: -277px -58px; }

.firms_logo_cmd368:hover {
  width: 97px;
  height: 20px;
  background-position: -178px -58px; }

.firms_logo_betradar {
  width: 132px;
  height: 20px;
  background-image: url(../images/_firms/firms_logo_betradar.png); }

.firms_logo_betradar:hover {
  width: 132px;
  height: 20px;
  background-image: url(../images/_firms/firms_logo_betradar_over.png); }

.firms_logo_maxbet {
  width: 114px;
  height: 24px;
  background-position: -682px -51px; }

.firms_logo_maxbet:hover {
  width: 114px;
  height: 24px;
  background-position: -566px -51px; }

.firms_logo_ocean {
  width: 74px;
  height: 33px;
  background-position: -1126px -47px; }

.firms_logo_ocean:hover {
  width: 74px;
  height: 34px;
  background-position: -1050px -47px; }

.firms_logo_fishing_god {
  width: 74px;
  height: 50px;
  background-image: url(../images/_firms/hm_recommend_fishing_god_of.png); }

.firms_logo_fishing_god:hover {
  width: 74px;
  height: 50px;
  background-image: url(../images/_firms/hm_recommend_fishing_god_ov.png); }

.firms_logo_playtech {
  width: 66px;
  height: 42px;
  background-position: -1284px -2px; }

.firms_logo_playtech:hover {
  width: 66px;
  height: 42px;
  background-position: -1216px -2px; }

.firms_logo_spade {
  width: 77px;
  height: 46px;
  background-position: -831px -2px; }

.firms_logo_spade:hover {
  width: 77px;
  height: 46px;
  background-position: -752px -2px; }

.firms_slot_logo_918Kiss {
  width: 63px;
  height: 36px;
  background-position: -1460px -44px; }

.firms_slot_logo_918Kiss:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_918Kiss,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_918Kiss {
  width: 63px;
  height: 36px;
  background-position: -1395px -45px; }

.firms_slot_logo_AsiaGaming2 {
  width: 78px;
  height: 40px;
  background-position: -1696px -2px; }

.firms_slot_logo_AsiaGaming2:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_AsiaGaming2,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_AsiaGaming2 {
  width: 78px;
  height: 40px;
  background-position: -1616px -2px; }

.firms_slot_logo_GamePlay {
  width: 68px;
  height: 46px;
  background-position: -980px -2px; }

.firms_slot_logo_GamePlay:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_GamePlay,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_GamePlay {
  width: 68px;
  height: 46px;
  background-position: -910px -2px; }

.firms_slot_logo_mg {
  width: 81px;
  height: 43px;
  background-position: -1133px -2px; }

.firms_slot_logo_mg:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_mg,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_mg {
  width: 81px;
  height: 43px;
  background-position: -1050px -2px; }

.firms_slot_logo_pt {
  width: 66px;
  height: 39px;
  background-position: -1844px -2px; }

.firms_slot_logo_pt:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_pt,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_pt {
  width: 66px;
  height: 39px;
  background-position: -1776px -2px; }

.firms_slot_logo_PT2 {
  width: 66px;
  height: 39px;
  background-position: -1844px -2px; }

.firms_slot_logo_PT2:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_PT2,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_PT2 {
  width: 66px;
  height: 39px;
  background-position: -1776px -2px; }

.firms_slot_logo_SpadeGaming {
  width: 92px;
  height: 47px;
  background-position: -658px -2px; }

.firms_slot_logo_SpadeGaming:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_SpadeGaming,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_SpadeGaming {
  width: 92px;
  height: 47px;
  background-position: -564px -2px; }

.firms_slot_logo_TTG {
  width: 104px;
  height: 31px;
  background-position: -904px -50px; }

.firms_slot_logo_TTG:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_TTG,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_TTG {
  width: 104px;
  height: 31px;
  background-position: -798px -50px; }

.firms_slot_logo_Ultimate {
  width: 50px;
  height: 41px;
  background-position: -1404px -2px; }

.firms_slot_logo_Ultimate:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_Ultimate,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_Ultimate {
  width: 50px;
  height: 41px;
  background-position: -1352px -2px; }

.firms_slot_logo_PlayNGo {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 37px;
  background-image: url(../images/icon/pngo_of.png); }

.firms_slot_logo_PlayNGo:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_PlayNGo,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_PlayNGo {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 37px;
  background-image: url(../images/icon/pngo_ov.png); }

.firms_slot_logo_MicroGamingPlus {
  display: inline-block;
  background-repeat: no-repeat;
  width: 72px;
  height: 47px;
  background-image: url(../images/icon/mgp_of.png); }

.firms_slot_logo_MicroGamingPlus:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_MicroGamingPlus,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_MicroGamingPlus {
  display: inline-block;
  background-repeat: no-repeat;
  width: 72px;
  height: 47px;
  background-image: url(../images/icon/mgp_ov.png); }

.firms_slot_logo_sa_gaming {
  display: inline-block;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-image: url(../images/_firms/firms_slot_logo_sa.png); }

.firms_slot_logo_SAGaming:hover {
  display: inline-block;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-image: url(../images/_firms/firms_slot_logo_sa_over.png); }

.firms_slot_logo_SAGaming {
  display: inline-block;
  background-repeat: no-repeat;
  width: 59px;
  height: 46px;
  background-image: url(../images/icon/sa_gaming_of.png); }

.firms_slot_logo_SAGaming:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_SAGaming,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_SAGaming {
  display: inline-block;
  background-repeat: no-repeat;
  width: 59px;
  height: 46px;
  background-image: url(../images/icon/sa_gaming_ov.png); }

.firms_slot_logo_PragmaticPlay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 38px;
  height: 53px;
  background-image: url(../images/icon/pp_gaming_of.png); }

.firms_slot_logo_PragmaticPlay:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_PragmaticPlay,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_PragmaticPlay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 38px;
  height: 53px;
  background-image: url(../images/icon/pp_gaming_ov.png); }

.firms_slot_logo_NextSpin {
  display: inline-block;
  background-repeat: no-repeat;
  width: 125px;
  height: 34px;
  margin-top: 14px;
  background-image: url(../images/icon/nextspin_gaming_of.png); }

.firms_slot_logo_NextSpin:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_NextSpin,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_NextSpin {
  display: inline-block;
  background-repeat: no-repeat;
  width: 125px;
  height: 34px;
  margin-top: 14px;
  background-image: url(../images/icon/nextspin_gaming_ov.png); }

.firms_slot_logo_Mega {
  display: inline-block;
  background-repeat: no-repeat;
  width: 105px;
  height: 18px;
  margin-top: 14px;
  background-image: url(../images/icon/mega_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_Mega:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_Mega,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_Mega {
  display: inline-block;
  background-repeat: no-repeat;
  width: 105px;
  height: 18px;
  margin-top: 14px;
  background-image: url(../images/icon/mega_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_FunkyGames {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/fg_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_FunkyGames:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_FunkyGames,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_FunkyGames {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/fg_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_t7 {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/t7_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_t7:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_t7,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_t7 {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/t7_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_PGSoft {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/pgs_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_PGSoft:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_PGSoft,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_PGSoft {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/pgs_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_Joker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/jkr_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_Joker:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_Joker,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_Joker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 60px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/jkr_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_NetEnt {
  display: inline-block;
  background-repeat: no-repeat;
  width: 79px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/nt_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_NetEnt:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_NetEnt,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_NetEnt {
  display: inline-block;
  background-repeat: no-repeat;
  width: 79px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/nt_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_Habanero {
  display: inline-block;
  background-repeat: no-repeat;
  width: 80px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/hb_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_Habanero:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_Habanero,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_Habanero {
  display: inline-block;
  background-repeat: no-repeat;
  width: 80px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/hb_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_JiLi {
  display: inline-block;
  background-repeat: no-repeat;
  width: 80px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_JiLi:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_JiLi,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_JiLi {
  display: inline-block;
  background-repeat: no-repeat;
  width: 80px;
  height: 50px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_RedTiger {
  display: inline-block;
  background-repeat: no-repeat;
  width: 56px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/rt_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_RedTiger:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_RedTiger,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_RedTiger {
  display: inline-block;
  background-repeat: no-repeat;
  width: 56px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/rt_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_HCSlot {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/hc_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_HCSlot:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_HCSlot,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_HCSlot {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/hc_gaming_ov.png);
  background-size: contain; }

.firms_slot_logo_MiniTed {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/mt_gaming_of.png);
  background-size: contain; }

.firms_slot_logo_MiniTed:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_MiniTed,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_MiniTed {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/mt_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_gameplay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/gp_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_gameplay:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_gameplay,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_gameplay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/gp_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_qqkeno {
  display: inline-block;
  background-repeat: no-repeat;
  width: 105px;
  height: 18px;
  margin-top: 14px;
  background-image: url(../images/icon/qqk_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_qqkeno:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_qqkeno,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_qqkeno {
  display: inline-block;
  background-repeat: no-repeat;
  width: 105px;
  height: 18px;
  margin-top: 14px;
  background-image: url(../images/icon/qqk_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_funkygames {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/fg_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_funkygames:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_funkygames,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_funkygames {
  display: inline-block;
  background-repeat: no-repeat;
  width: 90px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/fg_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_cmdlottery {
  display: inline-block;
  background-repeat: no-repeat;
  width: 92px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/cmdlottery_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_cmdlottery:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_cmdlottery,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_cmdlottery {
  display: inline-block;
  background-repeat: no-repeat;
  width: 92px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/cmdlottery_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_t7 {
  display: inline-block;
  background-repeat: no-repeat;
  width: 62px;
  height: 59px;
  margin-top: 14px;
  background-image: url(../images/icon/t7_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_t7:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_t7,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_t7 {
  display: inline-block;
  background-repeat: no-repeat;
  width: 62px;
  height: 59px;
  margin-top: 14px;
  background-image: url(../images/icon/t7_gaming_ov.png);
  background-size: contain; }

.firms_lottery_logo_sgwinlottery {
  display: inline-block;
  background-repeat: no-repeat;
  width: 92px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/sgwinlottery_gaming_of.png);
  background-size: contain; }

.firms_lottery_logo_sgwinlottery:hover,
.lotteryFirmsContent .tabPage > li:hover > .i .firms_lottery_logo_sgwinlottery,
.lotteryFirmsContent .tabPage > li.on > .i .firms_lottery_logo_sgwinlottery {
  display: inline-block;
  background-repeat: no-repeat;
  width: 92px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/sgwinlottery_gaming_ov.png);
  background-size: contain; }

/* end*/
/**for menu**/
ul.menunav .box {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 46px;
  z-index: 100;
  width: 100%;
  z-index: 100;
  overflow: hidden; }

ul.menunav .submenu {
  background: white;
  transform: translateY(-100%); }

ul.menunav li:hover,
ul.menunav li:hover a span {
  font-weight: bold; }

ul.menunav li:hover .box {
  display: block;
  cursor: default; }

.submenu .container {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  width: 100%;
  max-width: none;
  padding: 0;
  /* flex-wrap: wrap; */ }

.navbar-center {
  justify-content: center; }

.navbarCenterRow {
  padding-left: 0% !important;
  justify-content: center; }

.navbarSubRow4 {
  width: 820px; }

.navbarSubRowCemter {
  display: flex;
  justify-content: center; }

.navbarSubRow6 {
  width: 1230px; }

.submenuRow {
  background: white;
  width: 100%;
  border-bottom: 1px solid #f2f2f2; }

.submenuRowContainer {
  margin: 0 auto;
  display: flex;
  flex-direction: row; }

ul.menunav li.slots .submenu .container {
  padding: 30px 0px;
  /* flex-wrap: wrap; */ }

.submenu .container section {
  cursor: pointer; }

ul.menunav .fishing .submenu .container {
  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;
  padding: 20px 0px; }

ul.menunav li:hover .submenu.on {
  transition: all .8s;
  transform: translateY(0); }

ul.menunav .submenu .firms {
  /* opacity: 0.4; */
  transition: opacity 1s;
  opacity: 1; }

ul.menunav .submenu .firms.off {
  opacity: 0.4; }

#submenu .submenu .container section.on {
  transition: all 0.8s;
  opacity: 1;
  padding-top: 10px;
  padding-bottom: 10px; }

#submenu .submenu .container section.off {
  opacity: 0.4; }

.side_menu_download,
.side_menu_download_on,
.side_menu_DNSdownload,
.side_menu_DNSdownload_on {
  transition: all .5s; }

.side_menu_download.off,
.side_menu_download_on.off,
.side_menu_DNSdownload.off,
.side_menu_DNSdownload_on.off {
  transform: translateX(-52px); }

.side_menu_contant,
.side_menu_contant_on {
  transition: all .5s; }

.side_menu_contant.off,
.side_menu_contant_on.off {
  transform: translateX(52px); }

.sliderProvider,
#sliderCasino.slider,
#sliderNews.slider {
  background-color: transparent !important; }

/* 非合图 */
.firms_home_subbutton_brand {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_home_subbutton_brand.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_brand:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_home_subbutton_brand_over.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_vip {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_home_subbutton_vip.png);
  background-repeat: no-repeat;
  margin-bottom: 7px;
  margin-left: -8px; }

.firms_poker_subbutton {
  width: 100%;
  height: 100%;
  background: url(../images/firms/idnpoker-subbutton-en.jpg);
  background-repeat: no-repeat; }

.firms_home_subbutton_vip:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_home_subbutton_vip_over.png);
  background-repeat: no-repeat;
  margin-bottom: 7px;
  margin-left: -8px; }

.firms_home_subbutton_sponsorship {
  width: 205px;
  height: 155px;
  background: url(../images/firms/sponsorship-thumbnail-of.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_sponsorship:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/sponsorship-thumbnail-ov.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_ambassador {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ambassador.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_ambassador:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ambassador_over.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_ambassador_2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ambassador_2.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_ambassador_2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ambassador_over_2.png);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_info_centre {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-info-center.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_info_centre:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-info-center.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_about_us {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-about-us.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_about_us:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-about-us.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_contact_us {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-contact-us.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_home_subbutton_contact_us:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-home-contact-us.png?v1);
  background-repeat: no-repeat;
  margin-bottom: 5px; }

.firms_asiagaming {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_asiagaming.png);
  background-repeat: no-repeat; }

.firms_asiagaming:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_asiagaming_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ag {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ag.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ag:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ag_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_allbet {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_allbet.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_allbet:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_allbet_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_dream {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_dream.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_dream:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_dream_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_evo {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_evo.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_evo:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_evo_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_gd {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_gd.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_gd:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_gd_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_gp {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_gp.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_gp:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_gp_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_pt {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_pt.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_pt:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_pt_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_pt2 {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_pt2.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_pt2:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_pt2_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ebet {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ebet.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ebet:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ebet_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_sexy {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sb.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_sexy:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sb_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_mgp {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_mgp.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_mgp:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_mgp_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_sa {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sa_gaming_of.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_sa:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sa_gaming_ov.png);
  background-repeat: no-repeat; }

.firms_fishing_subbutton_cashfish {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_cashfish.png);
  background-repeat: no-repeat; }

.firms_fishing_subbutton_cashfish:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_cashfish_over.png);
  background-repeat: no-repeat; }

.firms_fishing_subbutton_gg_gaming {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_gg_gaming.png);
  background-repeat: no-repeat; }

.firms_fishing_subbutton_gg_gaming:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_gg_gaming_over.png);
  background-repeat: no-repeat; }

.firms_fishing_subbutton_sg_fishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_fishing_god.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_fishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_fishing_god_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_fishingwar {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_fishing_war.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_fishingwar:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_fishing_war_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sa_gaming {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_sa_gaming.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sa_gaming:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_sa_gaming_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_alienhunter {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_alien_hunter.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_alienhunter:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_alien_hunter_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_zombieparty {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_zombie_party.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_sg_zombieparty:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_zombie_party_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_royalfishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_royal_fishing.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_royalfishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_royal_fishing_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_bombingfishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_bombing_fishing.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_bombingfishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_bombing_fishing_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_jackportfishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_jackpot_fishing.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_jackportfishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_jackpot_fishing_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_dinosaurtycoon {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_dinosaur_tycoon.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_dinosaurtycoon:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_dinosaur_tycoon_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_dragonfortune {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_dragon_fortune.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_dragonfortune:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_dragon_fortune_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_boomlegend {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_boom_legend.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_boomlegend:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_boom_legend_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_megafishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_mega_fishing.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_megafishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_mega_fishing_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_happyfishing {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_happy_fishing.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_jl_happyfishing:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_happy_fishing_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_minited {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_minited.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_fishing_subbutton_minited:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_fishing_subbutton_minited_over.png);
  background-repeat: no-repeat;
  margin-right: 20px; }

.firms_lottery_subbutton_qqthai {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqthai.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqthai:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqthai_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqkeno {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqkeno.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqkeno:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqkeno_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqkeno-thai {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqkeno-thai.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqkeno-thai:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqkeno-thai_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_casino_subbutton_wm {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_wm.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_wm:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_wm_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ppl {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ppl.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_ppl:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_ppl_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_bg {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_bg.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_bg:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_bg_over.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_aes {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_aes.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_aes:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_aes_over.png);
  background-repeat: no-repeat; }

/* start gameplay lottery */
.firms_lottery_subbutton_gameplay_fast3 {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fast3.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_fast3:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fast3_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_keno {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_keno.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_keno:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_keno_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_ladder {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_ladder.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_ladder:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_ladder_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_rps {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_rps.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_rps:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_rps_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_sode {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_sode.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_sode:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_sode_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_taixiu {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_taixiu.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_taixiu:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_taixiu_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thor {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thor.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thor:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thor_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_luckyderby {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton-lucky-derby.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_luckyderby:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton-lucky-derby_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_pk10 {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton-pk10.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_pk10:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton-pk10_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thai-lottery {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thai-lottery.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thai-lottery:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thai-lottery_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thai-hi-lo {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thai-hi-lo.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_thai-hi-lo:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_thai-hi-lo_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_xoc-dia {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_xoc-dia.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_xoc-dia:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_xoc-dia_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_fish-crab {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fish-crab.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay_fish-crab:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fish-crab_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_atom {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_atom.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_atom:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_atom_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_keno {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_keno.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_keno:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_keno_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_rng {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_rng.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funky_rng:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_fg_rng_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_cmdlottery {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_cmdlottery.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7_4d {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7_4d.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_cmdlottery:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_cmdlottery_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7_4d:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7_4d_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7_6d {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7_6d.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7_6d:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7_6d_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funkygames {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_funkygames.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_funkygames:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_funkygames_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqk {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqk.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_qqk:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_qqk_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_gameplay.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_gameplay:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_gameplay_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7 {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_t7:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_t7_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_sgwinlottery {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_sgwinlottery.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_sgwinlottery:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_lottery_subbutton_sgwinlottery_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_lottery_subbutton_view-more {
  width: 178px;
  height: 155px;
  background: url(../images/firms/view-more.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center; }

/* end gameplay lottery */
.firms_gameplay {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_gameplay.png);
  background-repeat: no-repeat; }

.firms_gameplay:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_gameplay_over.png);
  background-repeat: no-repeat; }

/* start poker */
.firms_poker_subbutton_idn {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_poker_subbutton_idn.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_poker_subbutton_idn:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_poker_subbutton_idn_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_poker_subbutton_t7 {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_poker_subbutton_t7.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_poker_subbutton_t7:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_poker_subbutton_t7_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

/* end poker */
/* start racing */
.firms_racing_subbutton_t7 {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_racing_subbutton_t7.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_racing_subbutton_t7:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_racing_subbutton_t7_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

/* end racing */
.firms_kiss918 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_kiss918.png);
  background-repeat: no-repeat; }

.firms_kiss918:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_kiss918_over.png);
  background-repeat: no-repeat; }

.firms_microgaming {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_microgaming.png);
  background-repeat: no-repeat; }

.firms_microgaming:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_microgaming_over.png);
  background-repeat: no-repeat; }

.firms_playtech {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_playtech.png);
  background-repeat: no-repeat; }

.firms_playtech:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_playtech_over.png);
  background-repeat: no-repeat; }

.firms_spadegaming {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_spadegaming.png);
  background-repeat: no-repeat; }

.firms_spadegaming:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_spadegaming_over.png);
  background-repeat: no-repeat; }

.firms_sagaming {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_sa_gaming_of.png);
  background-repeat: no-repeat; }

.firms_sagaming:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_sa_gaming_ov.png);
  background-repeat: no-repeat; }

.firms_pt2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_pt2_of.png);
  background-repeat: no-repeat; }

.firms_pt2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_pt2_ov.png);
  background-repeat: no-repeat; }

.firms_pp {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-pragmatic-play-of.png);
  background-repeat: no-repeat; }

.firms_pp:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-pragmatic-play-ov.png);
  background-repeat: no-repeat; }

.firms_mega {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-mega-of.png);
  background-repeat: no-repeat; }

.firms_mega:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-mega-ov.png);
  background-repeat: no-repeat; }

.firms_pgsoft {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-pgsoft-of.png);
  background-repeat: no-repeat; }

.firms_pgsoft:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-pgsoft-ov.png);
  background-repeat: no-repeat; }

.firms_joker {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-joker-of.png);
  background-repeat: no-repeat; }

.firms_joker:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-joker-ov.png);
  background-repeat: no-repeat; }

.firms_netent {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-netent-of.png);
  background-repeat: no-repeat; }

.firms_netent:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-netent-ov.png);
  background-repeat: no-repeat; }

.firms_habanero {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-habanero-of.png);
  background-repeat: no-repeat; }

.firms_habanero:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-habanero-ov.png);
  background-repeat: no-repeat; }

.firms_redtiger {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-redtiger-of.png);
  background-repeat: no-repeat; }

.firms_redtiger:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-redtiger-ov.png);
  background-repeat: no-repeat; }

.firms_jili {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-jili-of.png);
  background-repeat: no-repeat; }

.firms_jili:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-jili-ov.png);
  background-repeat: no-repeat; }

.firms_hcslot {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-hcslot-of.png);
  background-repeat: no-repeat; }

.firms_hcslot:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-hcslot-ov.png);
  background-repeat: no-repeat; }

.firms_minited {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-minited-of.png);
  background-repeat: no-repeat; }

.firms_minited:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-minited-ov.png);
  background-repeat: no-repeat; }

.firms_subbutton_c_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_c_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_c_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_c_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_i_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_i_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_i_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_i_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_s_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_s_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_s_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_s_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_v_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_v_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_v_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_v_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_b_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_b_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_b_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_b_sport_over.png);
  background-repeat: no-repeat; }

.firms_home_subbutton_ambassador {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_ambassador.png);
  background-repeat: no-repeat; }

.firms_home_subbutton_ambassador:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_ambassador_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_b_sport_new {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_b_sport_new.png);
  background-repeat: no-repeat; }

.firms_subbutton_b_sport_new:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_b_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_ime_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_ime_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_ime_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_ime_sport_over.png);
  background-repeat: no-repeat; }

.firms_subbutton_tf_sport {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_tf_sport.png);
  background-repeat: no-repeat; }

.firms_subbutton_tf_sport:hover {
  width: 191px;
  height: 155px;
  background: url(../images/firms/firms_subbutton_tf_sport_over.png);
  background-repeat: no-repeat; }

.firms_ttg {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ttg.png);
  background-repeat: no-repeat; }

.firms_ttg:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ttg_over.png);
  background-repeat: no-repeat; }

.firms_ultimate {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ultimate.png);
  background-repeat: no-repeat; }

.firms_ultimate:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_ultimate_over.png);
  background-repeat: no-repeat; }

.firms_playngo {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_playngo.png);
  background-repeat: no-repeat; }

.firms_playngo:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_playngo_over.png);
  background-repeat: no-repeat; }

.firms_mgp {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_mgp.png);
  background-repeat: no-repeat; }

.firms_mgp:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms_mgp_over.png);
  background-repeat: no-repeat; }

.firms_live_casino_AsiaGaming2 {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ag.jpg); }

.firms_live_casino_AsiaGaming2:hover,
.casinoGameList .imgItem:hover .firms_live_casino_AsiaGaming2 {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ag_over.jpg); }

.firms_live_casino_Allbet {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_allbet.jpg); }

.firms_live_casino_Allbet:hover,
.casinoGameList .imgItem:hover .firms_live_casino_Allbet {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_allbet_over.jpg); }

.firms_live_casino_DreamGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_dream.jpg); }

.firms_live_casino_DreamGaming:hover,
.casinoGameList .imgItem:hover .firms_live_casino_DreamGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_dream_over.jpg); }

.firms_live_casino_Evo {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_evo.jpg); }

.firms_live_casino_Evo:hover,
.casinoGameList .imgItem:hover .firms_live_casino_Evo {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_evo_over.jpg); }

.firms_live_casino_GoldDeluxe {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_gd.jpg); }

.firms_live_casino_GoldDeluxe:hover,
.casinoGameList .imgItem:hover .firms_live_casino_GoldDeluxe {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_gd_over.jpg); }

.firms_live_casino_GamePlay {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_gp.jpg); }

.firms_live_casino_GamePlay:hover,
.casinoGameList .imgItem:hover .firms_live_casino_GamePlay {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_gp_over.jpg); }

.firms_live_casino_pt {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_pt.jpg); }

.firms_live_casino_pt:hover,
.casinoGameList .imgItem:hover .firms_live_casino_pt {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_pt_over.jpg); }

.firms_live_casino_PT2 {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_pt2.jpg); }

.firms_live_casino_PT2:hover,
.casinoGameList .imgItem:hover .firms_live_casino_PT2 {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_pt2_over.jpg); }

.firms_live_casino_EBET {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ebet.jpg); }

.firms_live_casino_EBET:hover,
.casinoGameList .imgItem:hover .firms_live_casino_EBET {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ebet_over.jpg); }

.firms_live_casino_SexyBaccarat {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_sexy.jpg); }

.firms_live_casino_SexyBaccarat:hover,
.casinoGameList .imgItem:hover .firms_live_casino_SexyBaccarat {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_sexy_over.jpg); }

.firms_live_casino_MicroGamingPlus {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_mgp.jpg); }

.firms_live_casino_MicroGamingPlus:hover,
.casinoGameList .imgItem:hover .firms_live_casino_MicroGamingPlus {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_mgp_over.jpg); }

.firms_live_casino_SAGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_sa_gaming_of.jpg); }

.firms_live_casino_SAGaming:hover,
.casinoGameList .imgItem:hover .firms_live_casino_SAGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_sa_gaming_ov.jpg); }

.firms_live_casino_WMCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_wm.jpg); }

.firms_live_casino_WMCasino:hover,
.casinoGameList .imgItem:hover .firms_live_casino_WMCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_wm_over.jpg); }

.firms_live_casino_PPLiveCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ppl.jpg); }

.firms_live_casino_PPLiveCasino:hover,
.casinoGameList .imgItem:hover .firms_live_casino_PPLiveCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ppl_over.jpg); }

.firms_live_casino_BigGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_bg.jpg); }

.firms_live_casino_BigGaming:hover,
.casinoGameList .imgItem:hover .firms_live_casino_BigGaming {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_bg_over.jpg); }

.firms_live_casino_AESCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_aes.jpg); }

.firms_live_casino_AESCasino:hover,
.casinoGameList .imgItem:hover .firms_live_casino_AESCasino {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_aes_over.jpg); }

/* lazy loading */
.firms_live_casino_AsiaGaming2.lazy-css, .firms_live_casino_Allbet.lazy-css, .firms_live_casino_DreamGaming.lazy-css,
.firms_live_casino_Evo.lazy-css, .firms_live_casino_GoldDeluxe.lazy-css, .firms_live_casino_GamePlay.lazy-css,
.firms_live_casino_pt.lazy-css, .firms_live_casino_PT2.lazy-css, .firms_live_casino_EBET.lazy-css,
.firms_live_casino_SexyBaccarat.lazy-css, .firms_live_casino_MicroGamingPlus.lazy-css, .firms_live_casino_SAGaming.lazy-css,
.firms_live_casino_WMCasino.lazy-css, .firms_live_casino_PPLiveCasino.lazy-css, .firms_live_casino_BigGaming.lazy-css {
  width: 266px;
  height: 174px;
  background: none;
  background-color: #F1F1FA; }

.firms_other_games_sports {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_sports_of.png);
  background-repeat: no-repeat; }

.firms_other_games_sports:hover,
.casinoGameList .imgItem:hover .firms_other_games_sports {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_sports_ov.png);
  background-repeat: no-repeat; }

.firms_other_games_slots {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_slots_of.png);
  background-repeat: no-repeat; }

.firms_other_games_slots:hover,
.casinoGameList .imgItem:hover .firms_other_games_slots {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_slots_ov.png);
  background-repeat: no-repeat; }

.firms_other_games_live_casino {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_live_casino_of.png);
  background-repeat: no-repeat; }

.firms_other_games_live_casino:hover,
.casinoGameList .imgItem:hover .firms_other_games_live_casino {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_live_casino_ov.png);
  background-repeat: no-repeat; }

.firms_other_games_fishing {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_fishing_of.png);
  background-repeat: no-repeat; }

.firms_other_games_fishing:hover,
.casinoGameList .imgItem:hover .firms_other_games_fishing {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_fishing_ov.png);
  background-repeat: no-repeat; }

.firms_other_games_lottery {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_lottery_of.png);
  background-repeat: no-repeat; }

.firms_other_games_lottery:hover,
.casinoGameList .imgItem:hover .firms_other_games_lottery {
  width: 266px;
  height: 155px;
  background: url(../images/firms/firms_other_games_lottery_ov.png);
  background-repeat: no-repeat; }

.firms_nextspin {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-nextspin-of.png);
  background-repeat: no-repeat; }

.firms_nextspin:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-nextspin-ov.png);
  background-repeat: no-repeat; }

.firms_funkygames {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-funkygames-of.png);
  background-repeat: no-repeat; }

.firms_funkygames:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-funkygames-ov.png);
  background-repeat: no-repeat; }

.firms_promotion_sub_menu_item {
  width: 191px;
  height: 155px;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-top: 10px; }

/* Start games */
.firms_games_taixiu {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-tai-xiu-of.png);
  background-repeat: no-repeat; }

.firms_games_taixiu:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-tai-xiu-ov.png);
  background-repeat: no-repeat; }

.firms_games_xocdia {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-xoc-dia-of.png);
  background-repeat: no-repeat; }

.firms_games_xocdia:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-xoc-dia-ov.png);
  background-repeat: no-repeat; }

.firms_games_vn_fish-prawn-crab {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-viet-fpc-of.png);
  background-repeat: no-repeat; }

.firms_games_vn_fish-prawn-crab:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-viet-fpc-ov.png);
  background-repeat: no-repeat; }

.firms_games_sicbo {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-sicbo-of.png);
  background-repeat: no-repeat; }

.firms_games_sicbo:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-sicbo-ov.png);
  background-repeat: no-repeat; }

.firms_games_keno {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-keno-of.png);
  background-repeat: no-repeat; }

.firms_games_keno:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-keno-ov.png);
  background-repeat: no-repeat; }

.firms_games_thai-hi-lo2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-thai-hi-lo-of.png);
  background-repeat: no-repeat; }

.firms_games_thai-hi-lo2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-thai-hi-lo-ov.png);
  background-repeat: no-repeat; }

.firms_games_fish-prawn-crab2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-fpc2-of.png);
  background-repeat: no-repeat; }

.firms_games_fish-prawn-crab2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-fpc2-ov.png);
  background-repeat: no-repeat; }

.firms_games_dragon-tiger2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-dragon-tiger-of.png);
  background-repeat: no-repeat; }

.firms_games_dragon-tiger2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-dragon-tiger-ov.png);
  background-repeat: no-repeat; }

.firms_games_belangkai2 {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-belangkai-of.png);
  background-repeat: no-repeat; }

.firms_games_belangkai2:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-belangkai-ov.png);
  background-repeat: no-repeat; }

.firms_games_thai-fpc {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-tfpc-of.png);
  background-repeat: no-repeat; }

.firms_games_thai-fpc:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-games-tfpc-ov.png);
  background-repeat: no-repeat; }

/* End games */
/* Start Sponsors */
.firms_sponsors_subbutton_current_ambassador {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_RVP_of.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_current_ambassador:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_RVP_ov.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_previous_ambassador {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_JT_of.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_previous_ambassador:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_JT_ov.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_kelly_smith {
  width: 205px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/custom_content/images/sponsorMenu/subbutton-new-sponsors-kelly-smith-of.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_kelly_smith:hover {
  width: 205px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/custom_content/images/sponsorMenu/subbutton-new-sponsors-kelly-smith-ov.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.additionalSponsorMenu {
  width: 110px; }

.additionalSponsorMenuSection {
  display: flex;
  justify-content: center; }

.firms_sponsors_subbutton_huddersfield {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/custom_content/images/sponsorMenu/subbutton-new-sponsors-huddersfield-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -42px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_huddersfield:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/custom_content/images/sponsorMenu/subbutton-new-sponsors-huddersfield-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -42px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_valencia {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-valencia-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -42px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_valencia:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-valencia-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -42px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_athletic {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-athletic-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -41px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_athletic:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-athletic-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -41px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_villarreal {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-villarreal-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -46px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_villarreal:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-villarreal-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -46px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_elche {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-elche-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -34px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_elche:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-elche-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -34px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_mallorca {
  width: 110px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-mallorca-of.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -41px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_mallorca:hover {
  width: 126px;
  height: 155px;
  background: url(https://www.bk8myr.com/public/html/images/sponsorMenu/subbutton-new-sponsors-mallorca-ov.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: -41px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_principal_partner {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_NCFC_of.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_principal_partner:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_NCFC_ov.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_regional_partner {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_MCFC_of.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_regional_partner:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_MCFC_ov.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_betting_partner {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_LCFC_of.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_betting_partner:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-new-sponsorship_LCFC_ov.png);
  background-repeat: no-repeat;
  cursor: default;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_event {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-sponsor-event-of.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

.firms_sponsors_subbutton_event:hover {
  width: 205px;
  height: 155px;
  background: url(../images/firms/firms-subbutton-sponsor-event-ov.png);
  background-repeat: no-repeat;
  background-position-x: 9px;
  margin-bottom: 5px; }

/* End Sponsors */
/* code */
.icons_side_menu_line_code {
  width: 111px;
  height: 173px;
  background: url(../images/code/icons_side_menu_line_code.png); }

/* bg */
.icons_Latest_Winner_bg {
  box-sizing: border-box;
  width: 345px;
  height: 220px;
  background: url(../images/bg/icons_Latest_Winner_bg.png); }

.icons_livetv_provider_bg {
  width: 293px;
  height: 391px;
  background: url(../images/bg/icons_livetv_provider_bg.png); }

.icons_logo {
  width: 155px;
  height: 185px;
  background: url(../images/bg/icons_logo.png); }

.icons_slot_logo {
  width: 109px;
  height: 129px;
  background: url(../images/bg/icons_slot_logo.png); }

.icons_side_menu_contant {
  width: 52px;
  height: 235px;
  background-image: unset; }

.icons_side_menu_download {
  width: 52px;
  height: 235px;
  background-image: unset; }

.icons_side_menu_DNSdownload {
  width: 52px;
  height: 235px;
  background-image: unset; }

.dns_popup_backbutton {
  width: 150px;
  height: 40px;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-image: linear-gradient(#ccc, #767676);
  color: white;
  font-size: 14px;
  border: none; }

.dns_popup_greenbutton {
  width: 200px;
  height: 40px;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  display: block;
  background-image: linear-gradient(#1edb1e, #30531f);
  color: white;
  font-size: 14px;
  border: none; }

.dns_popup_bluebutton {
  width: 200px;
  height: 40px;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: block;
  background-image: linear-gradient(#0061f3, #1f407c);
  color: white;
  font-size: 14px;
  border: none; }

.dns_popup_greenbutton:hover, .dns_popup_bluebutton:hover, .dns_popup_backbutton:hover {
  cursor: pointer; }

.dns_popupTitle {
  font-size: 18px;
  color: #0362CE;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  display: table;
  font-weight: bold; }

.dns_leftDiv {
  width: 220px;
  height: 250px;
  background-color: #f2f2f2;
  border-radius: 6px; }

.dns_rightDiv {
  width: 220px;
  height: 200px;
  background-color: #f2f2f2;
  border-radius: 6px;
  margin-left: auto; }

.popup_iconImage {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  display: block; }

/***slider***/
.slider .page_item {
  position: absolute; }

.slider > span {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.slider .page_item.leave_active,
.slider .page_item.enter_active {
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s; }

#sliderVideos {
  position: relative;
  overflow: hidden;
  min-height: 722px;
  height: 100%; }

.videoBottomNotice.page_item.leave_active,
.videoBottomNotice.page_item.enter_active {
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s; }

.slider .page_item.enter {
  transform: translateX(100%); }

.slider .page_item.leave_to {
  transform: translateX(-100%); }

.videoBottomNotice.page_item.enter {
  transform: translateX(100%); }

.videoBottomNotice.page_item.leave_to {
  transform: translateX(-100%); }

.none {
  display: none !important; }

.popup {
  transition: transform 1s; }

.pop_up_left.off {
  transform: translateX(-200px); }

.pop_up_right.off {
  transform: translateX(397px); }

.rightBottom.off {
  transform: translateY(70px); }

.cursor-default {
  cursor: default !important; }

.cursor-pointer {
  cursor: pointer; }

.upcoming_event_container {
  display: none; }

#homeVideoContainer {
  width: 100%;
  height: 453px; }

footer .footertop .footertopContent .footertopItem .footerIconBox {
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 80px; }

footer .footertop .footertopContent .footertopItem .footerIconBox a {
  cursor: pointer; }

footer .footerbottom .footerbottomContent .footerbottomItem .footerIconBox {
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

footer .footerbottom .footerbottomContent .footerbottomItem .footerIconBox > a {
  margin-right: 15px;
  margin-bottom: 8px;
  cursor: pointer; }

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 999 !important;
  top: 0;
  left: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
  -webkit-animation: fadeEffect 0.3s;
  animation: fadeEffect 0.3s; }

.overlay-content {
  position: relative;
  z-index: 999 !important;
  top: 20%;
  width: 100%;
  /* text-align: center; */
  margin-top: 30px;
  background-color: #003b79;
  min-height: 300px; }

/* .overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
} */
.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1; }

.overlay .overlay-close-lg {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: #818181; }

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px; }
  .overlay .overlay-close-lg {
    font-size: 40px;
    top: 15px;
    right: 35px; } }

.overlay-container {
  margin-right: auto;
  margin-left: auto;
  width: 800px;
  line-height: 1.5; }

.overlay-close-sm {
  cursor: pointer;
  color: #d9991d;
  height: 30px;
  font-weight: bold; }

.overlay-close-sm:hover {
  text-decoration: underline; }

.overlay-title {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold; }

.overlay-body {
  color: #FFFFFF;
  font-size: 13px; }

.overlay-footer {
  color: #FFFFFF;
  font-size: 24px; }

.overlay-content-desc {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px; }

.overlay-content-livechat:hover {
  cursor: pointer;
  text-decoration: underline; }

.notification-container {
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #888;
  border-bottom: 1px solid #aaa;
  background-color: #fff;
  position: relative;
  margin-bottom: 1em;
  font-size: 13px;
  color: #666;
  font-weight: 500;
  padding: 10px 30px 11px 20px;
  min-width: 350px;
  max-width: 500px; }

.notification-inner {
  padding: 1px 0 1px 40px;
  background-position: 0 center;
  background-repeat: no-repeat;
  min-height: 21px;
  background-image: url(../../content/images/icon/messenger_icon_info.gif); }

.notification-success-icon {
  background-image: url(../../content/images/icon/success-green.png); }

.notification-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #888;
  opacity: 1;
  font-weight: bold;
  display: block;
  font-size: 20px;
  line-height: 20px;
  padding: 8px 10px 7px 7px;
  cursor: pointer;
  background: transparent;
  border: 0; }

@media screen and (max-width: 768px) {
  .notification-container {
    max-width: 80%;
    min-width: 50%; } }

.sportsbook-bg {
  background-image: url(../../content/images/background/sportsbook_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 910px;
  align: center;
  valign: top; }

.cmd-bg {
  background-color: #DEDEDE; }

#imepage .imemain {
  justify-content: center;
  display: flex; }

#imepage .imeContainer {
  width: 100% !important; }

#imepage .ime iframe {
  width: 1480px !important;
  height: 1000px !important; }

@media screen and (max-width: 1500px) {
  #imepage .ime iframe {
    width: 1400px !important;
    height: 980px !important; } }

@media screen and (max-width: 1400px) {
  #imepage .ime iframe {
    width: 1300px !important;
    height: 890px !important; } }

@media screen and (max-width: 1300px) {
  #imepage .ime iframe {
    width: 1200px !important;
    height: 830px !important; } }

@media screen and (max-width: 1200px) {
  #imepage .ime iframe {
    width: 1100px !important;
    height: 750px !important; } }

@media screen and (max-width: 1100px) {
  #imepage .ime iframe {
    width: 1000px !important;
    height: 700px !important; } }

@media screen and (max-width: 1000px) {
  #imepage .ime iframe {
    width: 1000px !important;
    height: 700px !important; } }

@media screen and (max-width: 600px) {
  #imepage .ime iframe {
    width: 1000px !important;
    height: 700px !important; } }

.ime-bg {
  background-image: url(../../content/images/background/ime_bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  min-height: 685px;
  align: center;
  valign: top; }

.terms-container {
  height: 880px;
  background: #ffffff;
  margin: 0 auto;
  border: 1px solid #6d6d6d; }

.terms-subnav-container {
  min-height: 65px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px; }

.terms-subnav {
  width: 100%;
  min-height: 35px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #003b79;
  color: #ffffff;
  font-size: 100%;
  padding: 0 10px; }

.terms-content {
  position: relative;
  height: 787px;
  overflow-y: scroll;
  text-align: justify;
  line-height: 1;
  padding: 0 15px; }

.row.col-xs-10.col-xs-offset-1 {
  padding-top: 15px;
  width: 83.33333%;
  float: left;
  margin-left: 8.33333%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.announcement-text {
  text-overflow: ellipsis;
  width: 180ch; }

.centered-modal.in {
  cursor: pointer !important;
  display: flex !important; }

.centered-modal.off {
  display: none !important; }

.centered-modal .modal-dialog {
  margin: auto; }

.message-content-text > tbody > tr:focus {
  background-color: #f5f5f5; }

.message-content {
  min-height: 500px; }

.hotGameText1 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: black; }

.hotGameText2 {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.member-benefits *::after,
.member-benefits *::before,
.member-benefits *,
.member-benefits {
  box-sizing: border-box !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 13px !important; }

.mainPromoContent {
  position: absolute;
  bottom: 173px;
  width: 100%;
  z-index: 1; }

.mainPromoContent .mainContentPromoContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainPromoContent .mainContentPromoContainer .page_no {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px; }

.mainPromoContent .mainContentPromoContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainPromoContent .mainContentPromoContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainPromoContent .mainContentPromoContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainPromoContent .mainContentPromoContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.imgBoxLive {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5px !important; }

.slidePromo-container {
  width: 294px;
  min-height: 195px; }

.mobile_nav {
  background-image: url(../images/icon/nav_mobile.png);
  height: 28px;
  width: 28px;
  margin-right: 3px;
  cursor: pointer; }

.seo_topics {
  color: #013b7a; }

.seo_topicsGames, .seo_topicsPromo, .seo_topicsLiveCasino, .seo_topicsAsiaTech, .seo_topicsIdnTech, .seo_topicsSpadeTech, .seo_topicsAppsTech, .seo_topicsPokerTips, .seo_topicsBallTips, .seo_topicsSlotTips, .seo_topicsSnookerSports, .seo_topicsSoccerSports, .seo_topicsFootballSports {
  color: #575757;
  background: #e4e4e4;
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
  flex-grow: 1; }

.casino-th, .tips-th, .sports-th {
  display: flex;
  flex-wrap: wrap;
  color: #337ab7;
  font-size: 13px;
  line-height: 16px;
  margin-top: 5px; }

.review-th {
  display: flex;
  flex-wrap: wrap;
  color: #337ab7;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px; }

.seo_topicsPromo, .seo_topicsBallTips, .seo_topicsIdnTech {
  margin-left: 3px;
  margin-right: 3px; }

.seo_topicsSnookerSports, .seo_topicsSoccerSports, .seo_topicsFootballSports {
  margin-left: 3px;
  margin-right: 3px; }

.seo_topicsSpadeTech {
  margin-right: 3px; }

.brandContainer {
  display: flex;
  justify-content: space-between; }

.brandSponsor {
  position: relative;
  color: black;
  font-size: inherit !important;
  line-height: 15px !important;
  margin: 11px 0 !important; }

.brandImage {
  background: url("../images/_firms/brand/DBR_of.png");
  height: 87px;
  width: 209px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative; }

.brandImage:hover {
  background: url("../images/_firms/brand/DBR_ov.png");
  height: 87px;
  width: 209px;
  background-repeat: no-repeat;
  background-size: contain; }

.gameImage {
  background: url("../images/_firms/brand/guracao_gaming_of_bg.png");
  height: 45px;
  width: 124px; }

.gameImage:hover {
  background: url("../images/_firms/brand/guracao_gaming_ov_bg.png");
  height: 45px;
  width: 124px; }

.leftInnerContainer {
  flex-basis: 25%;
  margin-left: 20px; }

.rightInnerContainer {
  height: 172px;
  flex-basis: 25%;
  margin-right: 50px; }

.rightInnerContainer1 {
  height: 172px;
  flex-basis: 25%;
  margin-right: 51px;
  margin-left: 20px; }

.centerInnerContainer {
  flex-basis: 25%; }

.rvp-col:hover {
  cursor: pointer; }

.ambassadorTitle {
  color: black;
  position: relative;
  margin-top: 11.2px;
  font-size: inherit;
  line-height: 15px !important;
  margin-bottom: 11px !important; }

.formerAmbassadorTitle {
  color: black;
  position: relative;
  margin-top: 11.2px;
  margin-right: 2px;
  font-size: inherit;
  line-height: 15px !important;
  margin-bottom: 11px !important; }

.ambassadorName {
  position: relative;
  color: black;
  margin: 0;
  font-size: inherit;
  line-height: 15px !important; }

.formerAmbassadorName {
  position: relative;
  color: black;
  margin: 0;
  font-size: inherit;
  line-height: 15px !important; }

.ambassadorImage {
  background: url("../images/_firms/brand/RVP_of.png");
  height: 217px;
  width: 200px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain; }

@media screen and (max-width: 768px) {
  .ambassadorImg {
    top: 1.5rem !important;
    left: 7.5rem !important;
    height: 9rem !important; } }

.ambassadorImage:hover {
  background: url("../images/_firms/brand/RVP_ov.png");
  height: 217px;
  width: 200px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain; }

.AmbassadorSignature {
  background: url("../images/_firms/brand/signature.png");
  height: 70px;
  width: 60px;
  position: relative;
  background-repeat: no-repeat; }

.formerAmbassadorSignature {
  background: url("../images/_firms/brand/JT_of.png");
  height: 69px;
  width: 129px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain; }

.formerAmbassadorSignature:hover {
  background: url("../images/_firms/brand/JT_ov.png");
  height: 69px;
  width: 129px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain; }

.top-first-hr {
  flex-basis: 86%; }

.top-mid-hr {
  flex-basis: 6.5%; }

.top-last-hr {
  flex-basis: 8.5%; }

.brand-hr {
  display: flex;
  justify-content: space-between; }

.icons.hot-provider {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/_icons/hot_icon.png);
  width: 53px;
  height: 30px;
  position: absolute;
  bottom: 3px; }

.icons.new-provider {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/_icons/new_icon.png);
  width: 53px;
  height: 30px;
  position: absolute;
  bottom: auto; }

.icon-vip {
  background-image: url("../../images/mobile/com/icon_vip.png");
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 0.86rem;
  height: 0.85rem;
  display: inline-block; }

.layersMenu {
  margin-right: 6px !important; }

/* Referral Module - Web*/
.new-bk8-setting .referralBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 60px;
  background: rgba(252, 184, 17, 0.9);
  padding: 12px 20px;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 20px;
  border-radius: 4px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 16px;
  line-height: 26px; }

.new-bk8-setting .referralBox .referralCodeBox {
  display: flex;
  background-color: #fff;
  height: 100%;
  width: 18%;
  border-radius: 4px;
  border: dashed 2px #aaaead;
  padding: 0 12px;
  min-width: 200px; }

.new-bk8-setting .referralBox .referralCode {
  width: 45%;
  line-height: 36px;
  padding-left: 0 5%;
  color: #728dab;
  font-weight: 600; }

.new-bk8-setting .referralBox .referralCodeBox .shareButton,
.referralRow3 .row3Box .detailBox .shareButton {
  width: 50%;
  border-radius: 5px;
  border: solid 2px #0066d1;
  margin: auto 0;
  text-align: center;
  color: #0066d1;
  cursor: pointer; }

.new-bk8-setting .referralBox .referralImg img {
  height: 32px;
  margin: 12px 20px 0px 36px; }

.new-bk8-setting .referralBox .referralDetail div {
  height: 16px;
  line-height: 16px;
  font-size: 15px;
  font-weight: 600; }

.new-bk8-setting .referralBox .close {
  position: absolute;
  right: 20px;
  font-size: 32px;
  line-height: 1;
  border: none;
  background-color: unset !important;
  color: #000; }

.referralRow2 {
  display: flex; }

.referralRow2 .referralOption {
  width: 70%;
  margin: 25px 0; }

.referralRow2 .referralOption .referralTicket .referOption {
  display: inline-block;
  width: 45%;
  margin-right: 3%; }

.referralRow2 .referralOption .referralTicket .referOption img {
  width: 90%; }

.referralRow2 .referralOption .referralTicket .referTicket {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 120px;
  font-size: 14px;
  color: #fff; }

.referralRow2 .referralOption .referralTicket .ticket1 {
  background-image: url(../images/newSetting/referral-ticket-1.png); }

.referralRow2 .referralOption .referralTicket .ticket2 {
  background-image: url(../images/newSetting/referral-ticket-2.png); }

.referralRow2 .referralOption .referralTicket .optionSlash {
  font-size: 66px;
  line-height: 185px;
  width: 6%;
  color: #0455b0; }

@media (max-width: 1230px) {
  .referralRow2 .referralOption .referralTicket .optionSlash {
    padding-left: 3%; } }

.referralRow2 .referralOption .referralTicket .referTicket .ticketHeader {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 900; }

.referralRow2 .referralOption .referralTicket .referTicket .ticketHeader .percent {
  color: #fcb811;
  font-size: 18px;
  font-weight: 900; }

.referralRow2 .referralOption .referralTicket .referTicket .ticketDesc {
  display: flex; }

.referralRow2 .referralOption .referralTicket .referTicket .ticketDesc div {
  width: 100px; }

.referralRow2 .termNCondition,
.referralRow3 .termNCondition {
  width: min-content;
  margin: 25px 0;
  background-color: #e1e1e1;
  color: #6a6a6a;
  padding: 15px;
  word-break: break-all; }

.referralRow2 .termNCondition .header,
.referralRow3 .termNCondition .header {
  display: flex;
  height: 30px;
  width: min-content;
  min-width: 180px;
  white-space: nowrap;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #000; }

.referralRow2 .termNCondition .icon-caution,
.referralRow3 .termNCondition .icon-caution {
  background: #3A6F9A;
  vertical-align: middle;
  max-height: 25px;
  max-width: 160px;
  padding-right: 5px; }

.referralRow2 .termNCondition .descBox,
.referralRow3 .termNCondition .descBox {
  font-size: 14px; }

.referralRow2 .termNCondition .descBox .desc,
.referralRow3 .termNCondition .descBox .desc {
  display: inline;
  display: flex;
  margin: 10px 0;
  word-break: break-word; }

.referralRow2 .termNCondition .descBox .desc div,
.referralRow3 .termNCondition .descBox .desc div {
  width: 90%; }

.referralRow2 .termNCondition .descBox .order,
.referralRow3 .termNCondition .descBox .order {
  width: 10% !important; }

.referralRow2 .termNCondition .descBox .desc span,
.referralRow3 .termNCondition .descBox .desc span {
  color: #005ad5; }

.referralRow2 .termNCondition-container {
  display: block; }

.referralRow2 .termNCondition-note {
  color: red;
  font-size: 12px;
  font-weight: bold;
  margin: -15px 0 10px 2px; }

.referralRow2 .row3Box,
.referralRow3 .row3Box {
  width: auto;
  margin: 20px;
  margin-left: 0; }

.referralRow2 .row3Box .detailBox,
.referralRow3 .row3Box .detailBox {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #e2e2e2;
  margin-top: 10px;
  font-size: 16px;
  width: min-content; }

.referralRow2 .row3Box .detailBox div,
.referralRow3 .row3Box .detailBox div {
  margin: 12px 20px; }

.referralRow2 .row3Box .detailBox .digit,
.referralRow3 .row3Box .detailBox .digit {
  margin: 0;
  float: right;
  font-weight: 600;
  color: #0058ca; }

.referralRow2 .row3Box .detailBox .shareButton,
.referralRow3 .row3Box .detailBox .shareButton {
  width: auto;
  margin: auto;
  background-color: #fff;
  padding: 3px;
  margin: 0 20px;
  margin-bottom: 18px; }

.dropdownShareButton {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
  line-height: 18px; }

.referralCodeBox .dropdownShareButton {
  top: 80%;
  left: 2%; }

.dropdownShareButton img {
  width: 15%; }

.dropdownShareButton a {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 0.8rem;
  color: black; }

.dropdownShareButton :hover {
  background-color: #006CC0; }

.shareButton:hover .dropdownShareButton {
  display: block; }

.promocode-detail-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0.8;
  z-index: 999; }

.promocode-detail-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 450px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding-left: 50px;
  border: solid 1px #d8d8d8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 9999; }

.promocode-detail-table {
  margin-top: 20px;
  margin-bottom: 35px; }

.promocode-detail-content table tr td:first-of-type {
  height: 30px;
  width: 65%;
  text-align: left; }

.promocode-detail-content table tr td:nth-of-type(2) {
  height: 30px;
  width: 35%;
  font-weight: bold;
  text-align: left; }

.promocode-detail-content .promocode-header {
  color: royalblue;
  font-weight: 600; }

.icon-close {
  background-image: url(../images/mobile/com/icon_close.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  display: inline-block; }

.sponsortab {
  margin-top: 10px;
  font-style: normal; }

.promosMain .promosTab .tabPage > li.on > span {
  color: white; }

.promosTab {
  width: 100%;
  background-color: #e3e3e3;
  font-size: 14px; }

.promosMain .promosTab .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #e3e3e3;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 2.5rem !important; }

.tabPage button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 0.7rem;
  color: #858585;
  width: 100%; }

.tabPage button:hover {
  background-color: #003a79;
  color: white; }

.tabPage button.active {
  background-color: #003a79;
  color: white; }

/* Start of Leaderboard Module - Web */
.promosMain .container .left-menubar-container {
  margin-top: -2rem;
  margin-bottom: -7rem; }

.promosMain .container .left-menubar-container .image-box {
  width: 100%;
  height: auto;
  margin-bottom: -1.5rem; }

.promosMain .container .left-menubar-container .sidebar-left {
  float: left;
  width: auto;
  height: 50rem;
  margin-left: 1.8rem;
  background-color: #ddd;
  background-image: linear-gradient(to bottom, #ddd, white); }

.promosMain .container .left-menubar-container .sidebar-right-normal {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #8dd7f8;
  background-image: linear-gradient(to bottom, #8dd7f8, white); }

.promosMain .container .left-menubar-container .sidebar-right-bronze {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #8dd7f8;
  background-image: linear-gradient(to bottom, #ca966aeb, white); }

.promosMain .container .left-menubar-container .sidebar-right-silver {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #c3d1d1;
  background-image: linear-gradient(to bottom, #c3d1d1, white); }

.promosMain .container .left-menubar-container .sidebar-right-gold {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #fdd156;
  background-image: linear-gradient(to bottom, #fdd156, white); }

.promosMain .container .left-menubar-container .sidebar-right-platinum {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #c3d1d1;
  background-image: linear-gradient(to bottom, #c3d1d1, white); }

.promosMain .container .left-menubar-container .sidebar-right-diamond {
  float: left;
  width: auto;
  height: 50rem;
  background-color: #797979;
  background-image: linear-gradient(to bottom, #797979, white); }

.promosMain .container .sidemenu-tab {
  width: 6rem;
  justify-content: center;
  text-align: center;
  height: 6rem;
  padding-top: 1rem;
  color: #9d9d9d;
  cursor: pointer; }

.promosMain .container .sidemenu-tab .icon-level {
  width: 60px; }

.promosMain .container .sidemenu-tab .tab-title {
  display: block; }

.container .top-container {
  padding: 1rem;
  border-bottom: 1px dotted #aaaaaa;
  position: relative;
  display: flex;
  width: 65rem; }

.container .table-container {
  padding: 1rem;
  height: auto;
  position: relative;
  min-height: 48rem; }

.container .table-container .table-box {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  color: #6d6b6b;
  width: 100%; }

.info-icon {
  position: relative;
  margin-left: 7px;
  top: -1px; }

.btn-decor-monthly {
  background-color: #eaeaea;
  border: none;
  color: #848484;
  padding: 0.8rem 3rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px; }

.btn-decor-yearly {
  background-color: #eaeaea;
  border: 1px;
  color: #848484;
  padding: 0.8rem 3rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  margin-left: 2rem; }

.btn-decor-yearly:hover {
  background-color: #0365d4;
  color: white; }

.btn-decor-monthly:hover {
  background-color: #0365d4;
  color: white; }

.date-dropdown-year {
  display: inline-block;
  width: 5rem; }

.date-dropdown-month {
  display: inline-block; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .date-dropdown-year select,
.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .date-dropdown-month select {
  color: #8b8c8c; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .date-dropdown-month {
  margin-right: 0.2rem; }

.middle-container {
  width: 100%;
  padding: 1rem;
  padding-top: 1rem;
  padding-left: 5rem; }

.summary-box {
  background-color: #eeeeee;
  width: auto;
  height: max-content;
  top: 6rem;
  padding: 1rem;
  display: inline-block; }

.summary-box .summary-title {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 1.5rem; }

.text-desc {
  text-align: left;
  font-size: 0.85rem;
  width: 14rem; }

.tnc-title {
  font-size: 20px;
  font-weight: bold;
  color: #0166d2;
  text-decoration: underline;
  cursor: pointer; }

.table-body {
  text-align: left;
  font-size: 1rem;
  width: 100%; }

.table-content {
  display: flex;
  height: 2.6rem;
  border-top: 1px solid #e5e5e5; }

.leaderboard-row {
  display: flex;
  height: 2.6rem;
  border-top: 1px solid #e5e5e5; }

.leaderboard-prize-row {
  display: flex;
  height: 2.6rem;
  border-top: 1px solid #e5e5e5; }

.leaderboard-prize-no-record-row {
  display: flex;
  height: 2.6rem;
  justify-content: center;
  align-items: center; }

.leaderboard-prize-row div:first-child {
  width: 9%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-prize-row div:last-child {
  width: 36%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-prize-row div:nth-child(2) {
  width: 51%;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 38px; }

.leaderboard-prize-row div:nth-child(3) {
  width: 14%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-prize-row-1.table-content-1 .leaderboard-prize-row {
  background-color: #003b79;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-prize-row-1.table-content-2 .leaderboard-prize-row {
  background-color: #004ea1;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-prize-row-1.table-content-3 .leaderboard-prize-row {
  background-color: #236ab6;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-row-1.table-content-1 .leaderboard-row {
  background-color: #003b79;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-row-1.table-content-2 .leaderboard-row {
  background-color: #004ea1;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-row-1.table-content-3 .leaderboard-row {
  background-color: #236ab6;
  color: white;
  height: 3.6rem;
  margin-bottom: 0.5rem; }

.leaderboard-row div:first-child {
  width: 9%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-row div:last-child {
  width: 36%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-row div:nth-child(2) {
  width: 21%;
  display: flex;
  justify-content: center;
  align-items: center; }

.leaderboard-row div:nth-child(3) {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center; }

.summary-top-desc {
  width: 45rem;
  text-align: justify;
  padding-left: 1.5rem;
  font-size: 0.9rem;
  margin-top: 1.3rem;
  font-weight: 600; }

.left-support-sidebar {
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/leaderboard/icon-side-bg.png);
  min-width: 50px;
  max-width: 50px;
  min-height: 203px;
  max-height: 203px;
  color: white;
  position: relative; }

.left-support-sidebar div {
  position: absolute;
  left: 13px;
  top: 35px;
  height: 150px;
  display: flex;
  width: 22px;
  font-size: 16px !important; }

.left-support-sidebar div span {
  white-space: nowrap;
  writing-mode: vertical-lr;
  text-align: center; }

.left-support-sidebar img {
  position: absolute;
  left: 4px;
  top: 10px; }

.left-support-wechat,
.left-support-wechat img {
  height: 114px;
  width: 114px;
  margin: auto; }

.left-support-banner {
  top: 65%;
  left: -1px;
  width: 55px;
  height: auto;
  position: fixed;
  z-index: 2147485645; }

.left-support-item {
  margin-left: 9px;
  width: 14rem; }

.left-support-item .img-middle {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.left-support-container {
  position: absolute;
  left: -261px;
  top: 0px;
  min-height: 50px;
  background-color: #e6e6e6;
  padding-left: 5px;
  padding-top: 1rem;
  width: 256px; }

.right-support-sidebar {
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/leaderboard/icon-side-bg.png);
  min-width: 50px;
  max-width: 50px;
  min-height: 203px;
  max-height: 203px;
  color: white;
  position: relative; }

.banner-title {
  color: #f4bc29;
  font-size: 0.7rem;
  font-weight: 900;
  font-family: sans-serif; }

.right-support-sidebar div {
  position: absolute;
  left: 13px;
  top: 35px;
  height: 150px;
  display: flex;
  width: 22px;
  font-size: 16px !important; }

.right-support-sidebar div span {
  white-space: nowrap;
  writing-mode: vertical-lr;
  text-align: center; }

.right-support-sidebar img {
  position: absolute;
  left: 4px;
  top: 10px; }

.right-support-wechat,
.right-support-wechat img {
  height: 114px;
  width: 114px;
  margin: auto; }

.right-support-banner {
  top: 55%;
  right: -190px;
  width: 240px;
  height: auto;
  position: fixed;
  z-index: 2147485645; }

.right-support-item {
  margin-left: 9px;
  width: 14rem; }

.right-support-item .img-middle {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.right-support-container {
  position: absolute;
  left: 50px;
  top: 0px;
  min-height: 50px;
  background-color: #e6e6e6;
  padding-left: 5px;
  padding-top: 1rem;
  width: 107%; }

.banner-bottom-container {
  padding: 0.5rem;
  border-bottom: 1px dashed #ccc; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .banner-bottom-container {
  border-bottom: unset; }

.btm-title {
  font-size: 0.7rem;
  color: black;
  font-weight: 600; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .btm-title {
  color: #fcb813;
  font-size: 0.8rem; }

.category-box {
  border: 1px solid #ccc;
  padding: 0.2rem;
  background: linear-gradient(to bottom, #eeeeee 0%, #fff 99%);
  margin-bottom: 5px;
  width: 45%;
  display: inline-block;
  height: 35px; }

.turnover-title {
  color: dodgerblue;
  font-weight: bold;
  float: right;
  width: 100%;
  font-size: 0.8rem; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .turnover-title {
  text-align: right;
  font-size: 1rem;
  color: #0066d1;
  margin-top: 0.8rem; }

.category-title {
  font-weight: bold;
  font-size: 0.8rem;
  width: 100%; }

.header .headerContent .right .loginBar .tools .navbar-leaderboard-ranking-container .category-title {
  color: black; }

.tabActive {
  background-color: #2e7fd5;
  color: white !important; }

.tabActive-Level-gold {
  background-color: #f6be33;
  color: black !important; }

.tabActive-Level-normal {
  background-color: #469ad6;
  color: black !important; }

.tabActive-Level-bronze {
  background-color: #aa6e20;
  color: black !important; }

.tabActive-Level-silver {
  background-color: #c1c9c8;
  color: black !important; }

.tabActive-Level-platinum {
  background-color: #7b8a88;
  color: black !important; }

.tabActive-Level-diamond {
  background-color: #2d2d2d;
  color: white !important; }

.btnActive {
  background-color: #0365d4;
  color: white; }

.disabledTab {
  pointer-events: none;
  opacity: 0.3; }
  .disabledTab .tabActive {
    background-color: #ddd; }

.bottom-ranking {
  padding: 1rem;
  height: 15px; }

.ranking-desc {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: -8px; }

.ranking-number {
  font-size: 1rem;
  position: relative;
  top: -7px;
  color: dodgerblue;
  font-weight: bolder;
  margin-left: 1rem; }

.table-details {
  display: flex;
  margin-left: 30px; }

.table-details div:first-child {
  width: 12%; }

.table-details div:last-child {
  width: 15%; }

.table-details div:nth-child(2) {
  width: 28%; }

.table-details div:nth-child(3) {
  width: 39%; }

.table-prize-details {
  display: flex;
  margin-left: 30px; }

.table-prize-details div:first-child {
  width: 10%; }

.table-prize-details div:last-child {
  width: 21%; }

.table-prize-details div:nth-child(2) {
  width: 49%; }

.table-prize-details div:nth-child(3) {
  width: 20%; }

.leaderboard-row-1.currentMember {
  border: 0.1rem solid #fdb813 !important;
  background-color: #e5e5e5; }

.leaderboard-tnc-banner {
  background-color: white;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 582px; }

.leaderboard-tnc-bar {
  color: darkblue;
  text-align: center;
  font-weight: bolder;
  font-size: 30px;
  margin: 20px 0;
  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; }

.leaderboard-about {
  background: #EEEEEE;
  padding: 5px 0 5px 15px;
  font-weight: bold;
  font-size: 18px;
  min-width: max-content; }

.leaderboard-about-header-gap {
  padding-top: 42px !important;
  margin: 0 7.5%; }

.leaderboard-about-padding {
  padding: 0 50px 30px 50px; }

.leaderboard-about-title-bk8,
.leaderboard-about-title {
  display: inline;
  font-weight: 600;
  font-size: 25px; }

.leaderboard-about-title-bk8 {
  color: goldenrod; }

.leaderboard-about-title {
  color: darkblue; }

.about-title-bold {
  font-weight: bold;
  font-size: 18px; }

.about-description-left {
  min-height: 200px;
  width: 49%;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.about-description-right {
  min-height: 200px;
  width: 49%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: right;
  position: relative;
  bottom: 200px; }

.about-text-align-left {
  line-height: 19px;
  position: relative;
  top: 65px;
  left: 35px;
  width: 55%; }

.about-text-align-right {
  line-height: 19px;
  position: relative;
  top: 47px;
  left: 35px;
  width: 55%; }

.leaderboard-point-table-container {
  background: #EEEEEE;
  padding: 5px 0 5px 50px;
  font-size: 15px; }

.leaderboard-point-table-gap {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin: 0 7.5% !important; }

.leaderboard-point-table {
  margin: 30px 60px 30px 0; }

.leaderboard-point-table .table-box {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 15px;
  font-weight: bold;
  color: #6d6b6b;
  width: 100%; }

.leaderboard-point-table-row-img {
  display: flex;
  text-align: center;
  background-color: #e5e5e5;
  padding-top: 10px; }

.leaderboard-point-table-row {
  display: flex;
  text-align: center;
  background-color: #e5e5e5;
  padding-bottom: 10px; }

.leaderboard-table-column-color {
  background-color: #f4f4f4; }

.leaderboard-point-table-details {
  display: flex;
  text-align: center;
  background-color: #e5e5e5; }

.leaderboard-point-table-row-img div,
.leaderboard-point-table-row div,
.leaderboard-point-table-details div {
  width: 14%; }

.point-referring-row {
  display: flex; }

.leaderboard-point-table-content {
  padding: 10px 0; }

.leaderboard-point-table-row-color-1,
.leaderboard-point-table-row-color-3,
.leaderboard-point-table-row-color-5,
.leaderboard-point-table-row-color-7,
.leaderboard-point-table-row-color-9 {
  background-color: white; }

.leaderboard-tnc-more-details-container {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-left: 7.5% !important;
  width: 85.3333% !important; }

.leaderboard-tnc-more-details {
  color: darkblue;
  cursor: pointer;
  text-decoration: underline; }

.container .tnc-prize-top-container {
  width: 78%;
  margin-left: 17rem;
  padding-top: 50px;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #aaaaaa;
  position: relative;
  top: -6rem;
  display: table; }

.container .tnc-prize-table-container {
  margin-left: 17rem;
  padding: 1rem;
  height: auto;
  position: relative;
  top: -4.5rem;
  min-height: 48rem;
  width: 78%; }

.tnc-prize-top-container .date-dropdown {
  display: inline-block;
  position: relative;
  left: 50%; }

.leaderboard-prize-info-top3 {
  color: white;
  text-decoration: underline; }

.leaderboard-prize-info-plain {
  color: grey;
  text-decoration: underline; }

.leaderboard-tnc-more-details-content li {
  display: list-item;
  list-style: decimal;
  padding: 5px 0; }

.lb-bold {
  font-weight: bold; }

.leaderboard-ok-dialog {
  font-size: 1rem;
  background-color: #e1e1e1;
  color: #6a6a6a;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box; }

.leaderboard-ok-dialog .close-button {
  position: absolute;
  color: grey;
  top: 0;
  right: 0.8rem;
  font-size: 1.6rem; }

.leaderboard-ok-dialog .buttonClose {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  width: 10rem;
  height: 2.5rem;
  line-height: 2.4rem;
  background-color: #777;
  margin: 2rem auto;
  border-radius: 6px; }

.leaderboard-ok-dialog .content {
  padding: 10px 30px; }

.leaderboard-ok-dialog .content .title {
  line-height: 33px;
  padding-left: 10px;
  color: #6a8cb0;
  font-weight: bolder; }

.leaderboard-ok-dialog .content .message {
  line-height: 33px;
  padding-left: 10px;
  color: grey; }

.leaderboard-reward-img {
  text-align: center;
  padding: 40px 0 0 0; }

.prize-container {
  min-width: 1000px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0px 19px; }

.leaderboard-tnc-bar-content {
  cursor: pointer;
  border: none;
  background: none;
  color: darkblue;
  font-size: 30px;
  font-weight: bolder; }

.leaderboard-tnc-bar-content:hover {
  color: goldenrod; }

.leaderboard-tnc-bar-content:focus {
  color: goldenrod; }

.leaderboard-tnc-btn-decor-monthly {
  background-color: #eaeaea;
  border: none;
  color: #848484;
  padding: 0.8rem 3rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  display: inline-block; }

.leaderboard-tnc-btn-decor-yearly {
  background-color: #eaeaea;
  border: 1px;
  color: #848484;
  padding: 0.8rem 3rem;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  margin-left: 2rem;
  display: inline-block; }

.leaderboard-tnc-btn-decor-yearly:hover {
  background-color: #0365d4;
  color: white; }

.leaderboard-tnc-btn-decor-monthly:hover {
  background-color: #0365d4;
  color: white; }

.leaderboard-tnc-btn-decor-active {
  background-color: #0365d4 !important;
  color: white !important; }

#payment_guide {
  margin: 0px auto;
  width: 45%;
  height: 70%;
  display: block;
  top: 20%;
  background: white; }

#payment_guide > .modal-body {
  width: 100%;
  height: 100%;
  padding: 20px; }

.payment_guide_content_img {
  height: 80%;
  width: 90%;
  margin-left: 1%;
  object-fit: fill; }

.external_wrap {
  display: flex !important;
  width: 100px;
  height: 30px;
  background: url("content/images/icon/btn_login_base.png");
  border: 0;
  background-size: 100px 30px;
  background-repeat: no-repeat;
  outline: none;
  padding: 0 !important;
  color: #fff;
  margin-left: 6px; }

.external_wrap .provider_section {
  width: 30%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.external_wrap .provider_section img {
  width: 74%; }

.line_wrap {
  background-color: #00c300; }

.external_wrap .wording_section {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  word-wrap: keep-all; }

.external_wrap:hover .wording_section > span {
  color: #fff; }

.disableWebKitAppear::-webkit-inner-spin-button, .disableWebKitAppear::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.disableWebKitAppear {
  -moz-appearance: textfield !important; }

@font-face {
  font-family: 'Limerick Regular';
  font-style: normal;
  src: url("../../content/fonts/Limerick-Regular.woff") format("woff"); }

@font-face {
  font-family: 'Limerick DemiBold';
  font-style: normal;
  src: url("../../content/fonts/Limerick-DemiBold.woff") format("woff"); }

@font-face {
  font-family: 'Limerick ExtraBold';
  font-style: normal;
  src: url("../../content/fonts/Limerick-ExtraBold.woff") format("woff"); }

@font-face {
  font-family: 'Limerick Medium';
  font-style: normal;
  src: url("../../content/fonts/Limerick-Medium.woff") format("woff"); }

.oddsfeed-league {
  font-family: 'Limerick DemiBold';
  font-size: 12pt;
  color: #ffffff; }

.oddsfeed-tooltip {
  font-family: 'Limerick Medium';
  font-size: 12pt;
  background: rgba(0, 0, 0, 0.5); }

.oddsfeed-team {
  font-family: 'Limerick ExtraBold';
  font-size: 12pt;
  color: #ffffff; }

.oddsfeed-text {
  font-family: 'Limerick Regular';
  font-size: 6pt;
  color: #fcb716; }

.oddsfeed-time {
  font-family: 'Limerick DemiBold';
  font-size: 10pt;
  color: #fcb716; }

.oddsfeed-timezone {
  font-family: 'Limerick DemiBold';
  font-size: 10pt;
  color: #ffffff; }

.oddsfeed-odd {
  font-family: 'Limerick DemiBold';
  font-size: 10pt;
  color: #000000; }

/*3d games firms*/
.gamesFirmsContent {
  background: #f2f2f2;
  width: 100%;
  height: 120px;
  overflow: hidden;
  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;
  position: relative; }

.firms_games_logo_gameplay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/gp_gaming_of.png);
  background-size: contain; }

.firms_games_logo_gameplay:hover,
.gamesFirmsContent .tabPage > li:hover > .i .firms_games_logo_gameplay,
.gamesFirmsContent .tabPage > li.on > .i .firms_games_logo_gameplay {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/gp_gaming_ov.png);
  background-size: contain; }

.firms_games_logo_minited {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/mt_gaming_of.png);
  background-size: contain; }

.firms_games_logo_minited:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_games_logo_minited,
.slotFirmsContent .tabPage > li.on > .i .firms_games_logo_minited {
  display: inline-block;
  background-repeat: no-repeat;
  width: 66px;
  height: 44px;
  margin-top: 14px;
  background-image: url(../images/icon/mt_gaming_ov.png);
  background-size: contain; }

.firms_games_logo_kingmaker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/km_gaming_of.png);
  background-size: contain; }

.firms_games_logo_kingmaker:hover,
.gamesFirmsContent .tabPage > li:hover > .i .firms_games_logo_kingmaker,
.gamesFirmsContent .tabPage > li.on > .i .firms_games_logo_kingmaker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/km_gaming_ov.png);
  background-size: contain; }

.firms_games_logo_v8poker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 100px;
  height: 30px;
  margin-top: 18px;
  background-image: url(../images/icon/v8_gaming_of.png);
  background-size: contain; }

.firms_games_logo_v8poker:hover,
.gamesFirmsContent .tabPage > li:hover > .i .firms_games_logo_v8poker,
.gamesFirmsContent .tabPage > li.on > .i .firms_games_logo_v8poker {
  display: inline-block;
  background-repeat: no-repeat;
  width: 100px;
  height: 30px;
  margin-top: 18px;
  background-image: url(../images/icon/v8_gaming_ov.png);
  background-size: contain; }

.firms_games_logo_jili {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_of.png);
  background-size: contain; }

.firms_games_logo_jili:hover,
.gamesFirmsContent .tabPage > li:hover > .i .firms_games_logo_jili,
.gamesFirmsContent .tabPage > li.on > .i .firms_games_logo_jili {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 30px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_ov.png);
  background-size: contain; }

.firms_games_logo_jl {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_of.png);
  background-size: contain; }

.firms_games_logo_jl:hover,
.gamesFirmsContent .tabPage > li:hover > .i .firms_games_logo_jl,
.gamesFirmsContent .tabPage > li.on > .i .firms_games_logo_jl {
  display: inline-block;
  background-repeat: no-repeat;
  width: 68px;
  height: 46px;
  margin-top: 14px;
  background-image: url(../images/icon/jl_gaming_ov.png);
  background-size: contain; }

.firms_games_gameplay_rps {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_rps.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay_rps:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_rps_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay_xoc-dia {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_xoc-dia.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay_xoc-dia:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_xoc-dia_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay_fish-crab {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_fish-crab.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay_fish-crab:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_fish-crab_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker_classic_fantan {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_classic_fantan.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker_classic_fantan:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_classic_fantan_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker_number_matka {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_number_matka.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker_number_matka:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_number_matka_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_kingmaker.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_kingmaker:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_kingmaker_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_gameplay.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_gameplay:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_gameplay_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_v8poker {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_v8poker.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_v8poker:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_v8poker_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_jili {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_jili.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_jili:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_jili_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_minited {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_minited.png);
  background-repeat: no-repeat;
  display: inline-block; }

.firms_games_minited:hover {
  width: 178px;
  height: 155px;
  background: url(../images/firms/firms_games_subbutton_minited_over.png);
  background-repeat: no-repeat;
  display: inline-block; }

/** international market**/
.top-telcode,
.default-country {
  font-weight: bold;
  font-size: 12px; }

.icons_header_cambodia {
  width: 26px;
  height: 26px;
  background-size: 26px;
  background-image: url(../images/icon/cambodia.png); }

.icons_header_asia {
  width: 26px;
  height: 26px;
  background-size: 26px;
  background-image: url(../images/icon/asia.png); }

.icons_language_cambodia {
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/icon/cambodia.png); }

.icons_language_asia {
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/icon/asia.png); }

.icons_language_international {
  width: 42px;
  height: 42px;
  background-size: 42px;
  background-image: url(https://www.bk8myr.com/public/new_bk8/content/images/icon/international.png); }

.firms_logo_nextspin {
  width: 116px;
  height: 46px;
  background-image: url(../images/_firms/bk8-recommended-provider-nextspin-of.png); }

.firms_logo_nextspin:hover {
  width: 116px;
  height: 46px;
  background-image: url(../images/_firms/bk8-recommended-provider-nextspin-ov.png); }

.firms_logo_mega {
  width: 121px;
  height: 46px;
  background-image: url(../images/_firms/bk8-recommended-provider-mega888-of.png); }

.firms_logo_mega:hover {
  width: 121px;
  height: 46px;
  background-image: url(../images/_firms/bk8-recommended-provider-mega888-ov.png); }

.firms_slot_logo_sa_gamingCasino {
  display: inline-block;
  background-repeat: no-repeat;
  width: 116px;
  height: 50px;
  background-image: url(../images/_firms/bk8-recommended-provider-sagaming-of.png); }

.firms_slot_logo_sa_gamingCasino:hover {
  display: inline-block;
  background-repeat: no-repeat;
  width: 116px;
  height: 50px;
  background-image: url(../images/_firms/bk8-recommended-provider-sagaming-ov.png); }

/* ==========================================================================
captcha custom css
========================================================================== */
.grecaptcha-badge {
  visibility: hidden; }

.main-wallet-balance-container .category-total-amount-container {
  position: relative;
  right: 2rem;
  float: right; }

.main-wallet-balance-container .category-total-amount-container .category-total-amount {
  color: #0066d1;
  font-weight: bold; }

.featureCards {
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: flex-start;
  background: #f7f8fa;
  padding: 20px;
  padding-bottom: 28px;
  justify-content: space-evenly; }

.featureCards .featureCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 165px;
  padding: 0 20px; }

.featureCards .featureCard:last-child {
  margin-right: 0px; }

.featureCardContainer {
  margin-top: 44px; }

.featureCardContainer .featureCardTitle {
  padding-left: 15px;
  font-family: "mainBoldFont"; }

.featureCardText {
  white-space: break-spaces;
  text-align: center;
  margin-bottom: 0px; }

.featureCardText.title {
  font-family: "mainBoldFont";
  font-weight: bold;
  margin-top: 12px; }

.featureCardText.desc {
  font-size: 14px;
  margin: 0px;
  color: #646464; }

footer .container .newFooterContainer {
  display: grid;
  grid-template-columns: 1fr 1.6fr 0.55fr;
  font-size: 12px; }

footer .brandGameNew {
  margin-top: 20px;
  margin-bottom: 25px; }

footer .gameTitleNew, footer .certificationTitle, footer .securityTitle {
  margin-top: 50px !important;
  margin-bottom: 20px !important; }

footer .newFooterContainer .gamingLicense,
footer .newFooterContainer .followUsContainer {
  padding-left: 45px;
  height: 100%; }

footer .newFooterContainer .gamingLicense a {
  width: 142px; }

footer .newFooterContainer .gamingLicense img {
  width: 90%;
  height: 90%; }

footer .newFooterContainer .followUs,
footer .newFooterContainer .paymentMethod,
footer .newFooterContainer .responsibleGaming {
  margin-top: 20px;
  margin-bottom: 20px;
  white-space: nowrap; }

footer .newFooterContainer .followUsContainer > div > a {
  margin-right: 13px; }

footer .newFooterContainer .paymentMethodContainer .paymentMethodImage {
  background-repeat: no-repeat;
  margin-right: 15px; }

footer .newFooterContainer .responsibleGamingContainer {
  display: block; }

footer .newFooterContainer .responsibleGamingImage {
  display: inline-block;
  margin-right: 15px; }

.gameImageNew {
  height: auto;
  width: 124px; }

.certification_icons {
  height: fit-content;
  display: inline-block;
  cursor: default;
  margin-right: 20px; }

.certification_icons.bmm_icon {
  background-image: url("../images/icon/footer/certification/bmm-logo.svg");
  height: 44px;
  width: 70px;
  background-repeat: no-repeat;
  background-size: 118%;
  background-position: -7px 3px; }

.certification_icons.itechlab_icon {
  background-image: url("../images/icon/footer/certification/itechlab.svg");
  height: 44px;
  width: 37px;
  background-repeat: no-repeat;
  background-size: 98%;
  background-position: 0px 4px; }

.certification_icons.global_icon {
  background-image: url("../images/icon/footer/certification/GLI.svg");
  height: 44px;
  width: 44px;
  background-repeat: no-repeat;
  background-size: 97%; }

.certification_icons.tt_icon {
  background-image: url("../images/icon/footer/certification/TST.svg");
  height: 44px;
  width: 51px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px 9px; }

.certification_icons.godaddy_icon {
  background-image: url("../images/icon/footer/certification/godaddy.svg");
  height: 44px;
  width: 122px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px 6px; }

.icons_iovation, .icons_tm {
  display: inline-block; }

.icons_iovation {
  margin-bottom: 10px;
  background-image: url("../images/icon/footer/security/iovation-logo.svg");
  width: 120px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 107%;
  background-position: -8px -8px; }

.icons_tm {
  margin-bottom: 10px;
  background-image: url("../images/icon/footer/security/threatmetrix.svg");
  width: 131px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 99%;
  background-position: 1px 0px; }

.icons_fb_new, .icons_insta_new, .icons_youtube_new
.icons_twitter_new, .icons_line_new, .icons_tiktok_new {
  cursor: pointer; }

.icons_fb_new {
  background-image: url("../images/icon/footer/followUs/fb-icon.svg");
  width: 36px;
  height: 36px;
  background-size: 161%;
  background-repeat: no-repeat;
  background-position: -12px -11px; }

.icons_insta_new {
  background-image: url("../images/icon/footer/followUs/instagram-icon.svg");
  width: 36px;
  height: 36px;
  background-size: 161%;
  background-repeat: no-repeat;
  background-position: -12px -11px; }

.icons_youtube_new {
  background-image: url("../images/icon/footer/followUs/youtube-icon.svg");
  width: 36px;
  height: 36px;
  background-size: 161%;
  background-repeat: no-repeat;
  background-position: -12px -11px; }

.icons_twitter_new {
  background-image: url("../images/icon/footer/followUs/twitter-icon.svg");
  width: 36px;
  height: 36px;
  background-size: 161%;
  background-repeat: no-repeat;
  background-position: -12px -11px; }

.icons_line_new {
  background-image: url("../images/icon/footer/followUs/line.svg");
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 1px; }

.icons_tiktok_new {
  background-image: url("../images/icon/footer/followUs/tiktok.svg");
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px; }

.eighteenplus_icon {
  background-image: url("../images/icon/footer/responsibleGaming/18-icon.svg");
  height: 36px;
  width: 31px;
  background-size: 165%;
  background-repeat: no-repeat;
  background-position: -10px -7px; }

.gamecare_icon {
  background-image: url("../images/icon/footer/responsibleGaming/gamcare-logo.svg");
  height: 36px;
  width: 27px;
  background-size: 156%;
  background-repeat: no-repeat;
  background-position: -8px -4px; }

.begambleaware_icon {
  background-image: url("../images/icon/footer/responsibleGaming/BGA-logo.svg");
  height: 36px;
  width: 38px;
  background-size: 143%;
  background-repeat: no-repeat;
  background-position: -8px -3px; }

.certification_icons.bmm_icon.lazy-css, .certification_icons.itechlab_icon.lazy-css,
.certification_icons.global_icon.lazy-css, .certification_icons.tt_icon.lazy-css,
.certification_icons.godaddy_icon.lazy-css, .icons_iovation.lazy-css, .icons_tm.lazy-css,
.icons_fb_new.lazy-css, .icons_insta_new.lazy-css, .icons_youtube_new.lazy-css,
.icons_twitter_new.lazy-css, .icons_line_new.lazy-css, .icons_tiktok_new.lazy-css, .eighteenplus_icon.lazy-css,
.gamecare_icon.lazy-css, .begambleaware_icon.lazy-css {
  background-image: none;
  background-color: #F1F1FA; }

.newSeoFooter {
  margin-left: 45px;
  margin-right: 90px; }

.newSeoFooter .newSeoFooterTitle {
  margin-top: 35px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold; }

.newSeoFooter .newSeoFooterDesc,
.newSeoFooter .newSeoFooterReadMore {
  font-size: 12px;
  margin-top: 0px;
  display: inline; }

.newSeoFooter .newSeoFooterReadMore,
.newSeoFooter .newSeoFooterHideInfo {
  cursor: pointer;
  text-decoration: underline;
  color: #4b4b4b;
  font-weight: bold; }

.newSeoFooter .newSeoFooterReadMore {
  margin-left: 3px; }

.newSeoFooter .newSeoFooterHideInfo {
  margin-top: 35px;
  margin-bottom: 10px;
  font-size: 12px; }

.paymentMethodContainer .payment-method-default {
  width: 36px;
  height: 36px;
  background-size: 100%;
  margin-bottom: 15px; }

.paymentMethodContainer .payment-method-BTC {
  width: 36px;
  height: 36px;
  background-size: 163%;
  background-position: -12px -11px; }

.paymentMethodContainer .payment-method-USDT {
  width: 36px;
  height: 36px;
  background-size: 163%;
  background-position: -12px -11px; }

.paymentMethodContainer .payment-method-ETH {
  width: 36px;
  height: 36px;
  background-size: 163%;
  background-position: -12px -11px; }

.paymentMethodContainer .payment-method-TNG {
  width: 34px;
  height: 36px;
  background-size: 161%;
  background-position: -11px -9px; }

.paymentMethodContainer .payment-method-FPX {
  width: 66px;
  height: 36px;
  background-size: 123%;
  background-position: -8px 0px; }

.paymentMethodContainer .payment-method-EEZIEPAY {
  width: 60px;
  height: 36px;
  background-size: 100%;
  background-position: 0px 6px; }

.paymentMethodContainer .payment-method-HELP2PAY {
  width: 36px;
  height: 36px;
  background-size: 101%;
  background-position: 0px 7px; }

.paymentMethodContainer .payment-method-LOCAL_BANK {
  width: 32px;
  height: 36px;
  background-size: 158%;
  background-position: -9px -6px; }

.paymentMethodContainer .payment-method-XPAY {
  width: 85px;
  height: 36px;
  background-size: 100%;
  background-position: 1px 10px; }

.paymentMethodContainer .payment-method-QR_PAY {
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 0px 1px; }

.paymentMethodContainer .payment-method-MOMO_PAY {
  width: 33px;
  height: 36px;
  background-size: 100%;
  background-position: 0px 2px; }

.paymentMethodContainer .payment-method-ZALO_PAY {
  width: 33px;
  height: 36px;
  background-size: 156%;
  background-position: -9px -7px; }

.paymentMethodContainer .payment-method-VIETTEL_PAY {
  width: 37px;
  height: 36px;
  background-size: 160%;
  background-position: -11px -12px; }

.paymentMethodContainer .payment-method-MOBILE_CARD {
  width: 113px;
  height: 36px;
  background-size: 113%;
  background-position: -8px -1px; }

.paymentMethodContainer .payment-method-VIETTEL {
  width: 56px;
  height: 36px;
  background-size: 134%;
  background-position: -10px -8px;
  margin-top: 8px; }

.paymentMethodContainer .payment-method-VINAPHONE {
  width: 127px;
  height: 36px;
  background-size: 115%;
  background-position: -10px -8px; }

.paymentMethodContainer .payment-method-CIMBNIAGA {
  width: 117px;
  height: 36px;
  background-size: 109%;
  background-position: -6px 5px; }

.paymentMethodContainer .payment-method-MANDIRI {
  width: 79px;
  height: 36px;
  background-size: 118%;
  background-position: -7px -5px; }

.paymentMethodContainer .payment-method-BNI {
  width: 54px;
  height: 36px;
  background-size: 118%;
  background-position: -5px 8px; }

.paymentMethodContainer .payment-method-BCA {
  width: 49px;
  height: 36px;
  background-size: 123%;
  background-position: -6px 6px; }

.paymentMethodContainer .payment-method-BANK_BRI {
  width: 72px;
  height: 36px;
  background-size: 114%;
  background-position: -5px 5px; }

.paymentMethodContainer .payment-method-DRAGONPAY {
  width: 81px;
  height: 36px;
  background-size: 100%;
  background-position: 0px 0px;
  position: relative;
  bottom: 7px; }

.paymentMethodContainer .payment-method-FASTPAY {
  width: 86px;
  height: 36px;
  background-size: 102%;
  background-position: 0px 9px; }

.paymentMethodContainer .payment-method-CREDIT_CARD {
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-position: 0px 5px; }

.paymentMethodContainer .payment-method-WING {
  width: 36px;
  height: 36px;
  background-size: 100%; }

.paymentMethodContainer .payment-method-GRAB {
  width: 43px;
  background-position: center; }

.paymentMethodContainer .payment-method-VISA {
  width: 66px;
  height: 36px;
  background-position: center; }

.paymentMethodContainer .payment-method-MASTER_CARD {
  width: 56px;
  height: 36px;
  background-position: center; }

.paymentMethodContainer .payment-method-PAYNOW {
  width: 70px;
  height: 36px;
  background-position: center; }

.paymentMethodContainer .payment-method-ABA {
  width: 47px;
  height: 45px;
  background-position: center;
  margin-right: 10px !important; }

.paymentMethodContainer .payment-method-ACLB {
  width: 47px;
  height: 45px;
  background-position: center;
  margin-right: 10px !important; }

.paymentMethodContainer .payment-method-MBB {
  width: 47px;
  height: 45px;
  background-position: center;
  margin-right: 10px !important; }

.paymentMethods-default {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 90%; }

.paymentMethods-MYR,
.paymentMethods-SGD,
.paymentMethods-THB,
.paymentMethods-USD,
.paymentMethods-USEUR,
.paymentMethods-KHUSD,
.paymentMethods-KHEUR {
  margin-bottom: 59px; }

.paymentMethods-IDR {
  width: 100%; }

.paymentMethods-MYR {
  width: 78%; }

.paymentMethods-MYR .payment-method-MASTER_CARD {
  margin-left: 15px;
  margin-right: 25px !important; }

.paymentMethods-IDR {
  margin-bottom: 19px; }

.paymentMethods-VND {
  margin-bottom: 19px; }

/* Sport news video */
.sportNewsVideo {
  height: 309px;
  padding-top: 57px; }

#sport-news-video {
  width: 78%;
  height: 100%;
  padding-left: 15px; }

/* Sport news video */
/** deposit withdrawal latest three transaction table css **/
.dw_latest_three_trx_container {
  margin-top: 1rem;
  position: relative;
  width: 70%; }

.dw_latest_three_trx_container .dw_latest_three_trx_table {
  display: flex; }

.dw_latest_three_trx_container .dw_latest_three_trx_table_emptyHistory_container {
  text-align: center;
  margin-top: 10px; }

.dw_latest_three_trx_container .dw_latest_three_trx_table_emptyHistory_container .dw_latest_three_trx_table_emptyHistory_desc {
  font-size: 14px;
  color: #999999; }

.dw_latest_three_trx_container .dw_latest_three_trx_viewMore_container {
  text-align: right;
  margin-top: 1rem; }

.dw_latest_three_trx_container .dw_latest_three_trx_viewMore_container a {
  color: #0065d1;
  text-decoration: underline; }

.dw_latest_three_trx_container #loader {
  left: 59% !important; }

/** main wallet balance (navbar top css) **/
.main-wallet-balance-container .floating-menu .main-wallet-balance-menu-tab {
  background: #efefef; }

.navbar-leaderboard-ranking-container .floating-menu .leaderboard-ranking-info-container {
  background-image: linear-gradient(#0063ca, #0a1829); }

.main-wallet-balance-container .floating-menu .main-wallet-balance-loading {
  text-align: center;
  position: relative;
  bottom: 12rem; }

.main-wallet-balance-container .floating-menu .menu-item img {
  float: right; }

.main-wallet-balance-container .floating-menu .menu-item .main-wallet-balance-menu-collapse {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 1rem;
  background: url(../images/icon/icon-collapse.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.main-wallet-balance-container .floating-menu .menu-item .main-wallet-balance-menu-expand {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 1rem;
  background: url(../images/icon/icon-expand.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.main-wallet-balance-container .main-wallet-balance-content {
  display: flex;
  width: 100%; }

.main-wallet-balance-container .main-wallet-balance-content .main-wallet-balance-content-name {
  width: 74%; }

.navbar-member-group-container .navbar-member-group-img,
.navbar-leaderboard-ranking-container .navbar-leaderboard-ranking-img {
  height: 1.6rem;
  position: relative;
  bottom: 0.1rem; }

.navbar-member-group-container .navbar-member-group-desc,
.navbar-leaderboard-ranking-container .navbar-leaderboard-ranking-desc {
  padding: 0.2rem;
  border-radius: 1rem;
  color: white;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  height: 0.67rem;
  line-height: 0.67rem;
  position: relative; }

.navbar-member-group-container .navbar-member-group-desc {
  background: #60b9f4;
  margin-left: -0.35rem; }

.navbar-leaderboard-ranking-container .navbar-leaderboard-ranking-desc {
  background: #0066d5;
  margin-left: -0.6rem; }

.member-group-leaderboard-ranking-container {
  display: flex;
  align-items: center; }

.navbar-divider {
  margin-left: 10px;
  margin-right: 10px; }

.datetime-timezone-container {
  white-space: nowrap; }

.language-after-login {
  margin-top: 3.5rem;
  right: 4rem;
  position: relative; }

.navbar-second-row {
  bottom: 2px !important;
  padding-left: unset !important;
  left: -4rem !important; }

.right.footer-right {
  justify-content: flex-end;
  padding-bottom: 15px; }

.right.footer-right > img {
  margin-left: 6px; }

.footer-region-middle {
  display: grid;
  grid-template-columns: 90% 10%;
  margin-bottom: 15px; }

.footer-region-middle > span {
  line-height: 35px; }

.footer-region-right,
.footer-region-middle.language,
.footer-region-language {
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px; }

.footer-region-middle.language {
  margin-bottom: 0;
  padding-right: 0;
  margin-right: 60px; }

.footer-region-language {
  background: #e1e1e1;
  font-size: 12px;
  padding: 10px 0;
  width: 300px; }

.footer-region-right > img,
.footer-region-middle.language > img {
  margin-right: 5px;
  width: 25px; }

.footer-region-language > img {
  margin-right: 5px;
  width: 20px; }

.footer-arrow-display {
  margin-left: 5px;
  display: grid; }

.footer-arrow-display span:nth-of-type(1) {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid black;
  margin-bottom: 2px; }

.footer-arrow-display span:nth-of-type(2) {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid black; }

.footer-region-container {
  background: #e5e5e5;
  padding-top: 3%;
  margin-top: 10px;
  padding-bottom: 30px; }

.footer-region-container > div {
  box-sizing: border-box; }

.footer-region-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  margin-top: 20px; }

.footer-region {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px; }

.footer-region > span {
  margin-left: 5px; }

.footer-region > img {
  width: 2rem;
  height: 2rem; }

.footer-region-unselect {
  color: #8c8787; }

.seo-footer-hide-region {
  height: 70px; }

.language-icon {
  width: 26px;
  height: 26px; }

.language-icon-dialog {
  width: 42px;
  height: 42px; }

.my-profile-divider {
  margin-top: 28px; }

.item-display .btn-otp, .radio-tile-group .btn-otp {
  border-radius: 4px;
  background: #0062c9;
  padding: 6px 12px;
  background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  border-color: transparent;
  border-style: solid;
  border-width: 0px;
  margin-left: 5px; }

.item-display .btn-otp:disabled, .radio-tile-group .btn-otp:disabled {
  background: -moz-linear-gradient(top, #e0e0e0 0%, #003679 102%);
  background: -webkit-linear-gradient(top, #e0e0e0 0%, #003679 102%);
  background: linear-gradient(to bottom, #e0e0e0 0%, #003679 102%);
  cursor: not-allowed; }

.announcement-tab {
  overflow: hidden;
  display: flex;
  justify-content: center; }

.announcement-tab > .tab {
  background-color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  flex: 50%;
  border-bottom: none !important;
  background: #ffffff !important;
  color: #999999;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px; }

.announcement-tab > .tab.active {
  background: #244d83 !important;
  color: #ffffff !important; }

.announcement-tab > .tab > .announcement-icon {
  width: 30px;
  height: 19px; }

.announcement-icon.general-icon {
  background: url(../images/icon/general-icon.png);
  background-repeat: no-repeat !important;
  background-position: 0px 1px !important; }

.announcement-icon.general-icon.active {
  background: url(../images/icon/general-icon-ov.png);
  background-repeat: no-repeat !important;
  background-position: 0px 1px !important; }

.announcement-icon.maintenance-icon {
  background: url(../images/icon/maintenance-icon.png);
  background-repeat: no-repeat !important;
  background-position: 7px 1px !important; }

.announcement-icon.maintenance-icon.active {
  background: url(../images/icon/maintenance-icon-ov.png);
  background-repeat: no-repeat !important;
  background-position: 7px 1px !important; }

.announcement-content {
  color: #858585;
  padding: 12px 10px 21px 10px;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
  margin-top: 7px; }

.announcement-date {
  color: #b7b7b7 !important; }

.carousel-text-container {
  word-break: break-word !important; }

/** start provider maintenance related css */
.submenuUnderMaintenanceIcon {
  position: absolute;
  margin-left: 70px;
  margin-right: 70px;
  margin-top: 50px;
  margin-bottom: 50px;
  height: 70px;
  width: 70px;
  z-index: 1;
  background: url(../images/icon/bk8-blue-maintenance-icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.tabMenuUnderMaintenanceIcon {
  position: absolute;
  margin-left: 70px;
  margin-right: 70px;
  margin-top: 50px;
  margin-bottom: 50px;
  height: 70px;
  width: 70px;
  z-index: 1;
  background: url(../images/icon/bk8-blue-maintenance-icon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.underMaintenance {
  filter: grayscale(100%);
  opacity: 0.5; }

/** end provider maintenance related css */
.expressDeposit .gradientBtn {
  margin-left: 5px;
  background: #0062c9;
  background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
  border: 0px; }

.slider {
  position: relative;
  overflow: hidden; }

.slider > span {
  display: block;
  width: 100%; }

.slider img {
  display: block;
  width: 100%;
  height: auto; }

.page_item {
  width: 100%; }

.slider-enter-active, .slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slider-enter, .slider-leave-to {
  opacity: 0; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

i.icon_dot {
  width: 8px !important;
  height: 8px !important; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 60px;
  right: 16px;
  padding: 0 2.5px; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514;
  border: 0; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderBanner .slider .page_item .pageMainContent .container {
  height: 100%; }

.casinoBanner .slider .mainContentContainer .page_no {
  position: absolute !important;
  top: auto !important;
  bottom: 30px !important;
  right: 16px !important;
  padding: 0 2.5px; }

.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

.casinoFirmsContent {
  background: #f2f2f2;
  width: 100%;
  height: 120px;
  overflow: hidden;
  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; }

.casinoFirmsContent .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%; }

.casinoFirmsContent .tabPage > li {
  width: 160px;
  height: 120px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  position: relative;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s; }

.casinoFirmsContent .tabPage > li:last-child::after {
  content: "";
  display: none;
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.casinoFirmsContent .tabPage > li:hover {
  background-color: #fcb913; }

.casinoFirmsContent .tabPage > li:hover > span {
  color: #01172f; }

.casinoFirmsContent .tabPage > li::after {
  content: "";
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.casinoFirmsContent .tabPage > li > .i {
  height: 54px; }

.casinoFirmsContent .tabPage > li > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  color: #0185be; }

.casinoFirmsContent .tabPage > li.on {
  background: #fcb913; }

.casinoFirmsContent .tabPage > li.on > span {
  color: #01172f; }

.casinoGameList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.casinoGameList .imgItem {
  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; }

.casinoGameList .imgItem:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.casinoGameList .imgItem.nomb {
  margin-bottom: 0; }

.casinoGameList .imgItem .img {
  width: 266px;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.casinoGameList .imgItem .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; }

.casinoGameList .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }

.casinoGameList .imgItem .text .left > p:nth-child(1) {
  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; }

.casinoGameList .imgItem .text .left > p:nth-child(1) * {
  font-family: "AvenirLT-MediumFont"; }

.casinoGameList .imgItem .text .left > p:nth-child(1) span {
  font-weight: bold;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  font-family: "AvenirLT-MediumFont"; }

.casinoGameList .imgItem .text .left > p:nth-child(1) .icons_slot_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.casinoGameList .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.casinoGameList .casinoLive {
  box-sizing: border-box;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #0a1624;
  width: 554px;
  height: 337px;
  margin-right: 21px;
  position: relative;
  overflow: hidden;
  padding: 2px;
  padding-top: 0; }

.casinoGameList .casinoLive .iconAndTitle {
  position: absolute;
  width: 100%;
  height: 62px;
  left: 0;
  top: 0;
  z-index: 1; }

.casinoGameList .casinoLive .iconAndTitle > span {
  font-size: 18px;
  font-family: "AvenirLT-MediumFont";
  color: white; }

.casinoGameList .casinoLive .swiper {
  width: 100%; }

.casinoGameList .casinoLive .swiper .page_item {
  height: 272px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle {
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 12px;
  color: #616161;
  font-size: 14px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle .asiaLogo {
  margin-left: 7px;
  width: 146px;
  height: 25px;
  background: url("../assets/images/casino_logo_ag.png") no-repeat; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr th,
.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
  border: #9f9f9f 1px dotted; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr {
  height: 28px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
  height: 28px;
  vertical-align: middle;
  text-align: center; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid black;
  color: black;
  font-size: 14px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_red {
  border: 2px solid #dd0000;
  color: #dd0000; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_blue {
  border: 2px solid #1818ff;
  color: #1818ff; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_green {
  border: 2px solid #03ca03;
  color: #03ca03; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle {
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 12px;
  color: #616161;
  font-size: 14px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle .asiaLogo {
  margin-left: 7px;
  width: 146px;
  height: 25px;
  background: url("../assets/images/casino_logo_ag.png") no-repeat; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr th,
.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
  border: #9f9f9f 1px dotted; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr {
  height: 28px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
  height: 28px;
  vertical-align: middle;
  text-align: center; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid black;
  color: black;
  font-size: 14px; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_red {
  border: 2px solid #dd0000;
  color: #dd0000; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_blue {
  border: 2px solid #1818ff;
  color: #1818ff; }

.casinoGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_green {
  border: 2px solid #03ca03;
  color: #03ca03; }

.casinoGameList .casinoLive .swiper .slider {
  height: 333px; }

.casinoGameList .casinoLive .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.casinoGameList .casinoLive .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 295px;
  z-index: 3; }

.casinoGameList .casinoLive .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.casinoGameList .casinoLive .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 62px; }

.casinoGameList .casinoLive .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.casinoGameList .casinoLive .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.casinoGameList .casinoLive .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.casinoGameList .casinoLive .swiper .tools {
  position: absolute;
  left: 26px;
  bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.casinoGameList .casinoLive .swiper .tools .button_y {
  height: 30px;
  color: black;
  padding: 0 10px; }

.casinoGameList .topimgItem {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.casinoGameList .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.casinoMain {
  padding-top: 31px;
  padding-bottom: 33px; }

.casinoMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.casinoMain .casinofirmsBox {
  margin-bottom: 21px; }

.casinoGameList .casinoGameList_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.casinoGameList .casinoGameList_top .swiper {
  width: 552px;
  height: 486px;
  margin-right: 21px;
  position: relative;
  overflow: hidden; }

.casinoGameList .casinoGameList_top .swiper .slider {
  height: 480px; }

.casinoGameList .casinoGameList_top .swiper .slider .slider-enter-active,
.casinoGameList .casinoGameList_top .swiper .slider .slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.casinoGameList .casinoGameList_top .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.casinoGameList .casinoGameList_top .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 20px;
  z-index: 3; }

.casinoGameList .casinoGameList_top .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.casinoGameList .casinoGameList_top .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.slotGameList .casinoGameList_top .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.casinoGameList .casinoGameList_top .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.casinoGameList .casinoGameList_top .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 208px;
  background: #0a1623;
  padding: 0px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice {
  box-sizing: border-box;
  height: 144px;
  background: #f2f2f2;
  padding: 24px 36px; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice .icons_slot_logo {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice .pheader {
  font-size: 24px;
  color: black;
  margin: 0; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice .pcontent,
.casinoGameList .casinoGameList_top .swiper .bottomNotice .ptime {
  font-size: 14px;
  color: #666666; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice .pcontent {
  line-height: 18px;
  margin: 0;
  margin-top: 10px;
  width: 80%; }

.casinoGameList .casinoGameList_top .swiper .bottomNotice .ptime {
  margin: 0;
  margin-top: 10px; }

.casinoGameList .casinoGameList_top .swiper .tools {
  position: absolute;
  left: 31px;
  bottom: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.casinoGameList .casinoGameList_top .swiper .tools > span {
  font-family: "buttonBold";
  cursor: pointer;
  height: 34px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px; }

.casinoGameList .casinoGameList_top .swiper .tools > span.playnow {
  background: #013b7a;
  color: white;
  margin-right: 5px; }

.casinoGameList .casinoGameList_top .swiper .tools > span.demo {
  background: #ffc438; }

.casinoGameList .casinoGameList_top .topimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.casinoGameList .casinoGameList_top .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.casinoGameList .bottomimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.casinoGameList .bottomimgItem > div:nth-child(5n) {
  margin-right: 0; }

.slider {
  position: relative;
  overflow: hidden; }

.slider > span {
  display: block;
  width: 100%; }

.page_item {
  width: 100%; }

.slider-enter-active,
.slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slider-enter,
.slider-leave-to {
  opacity: 0; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 60px;
  right: 16px;
  padding: 0 2.5px; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.banner .banner_swiper_container {
  position: relative; }

.banner .banner_swiper_container .button_y {
  position: absolute;
  left: 60px;
  bottom: 120px; }

#fishPage .img {
  position: relative; }

#fishPage .img > img {
  display: block;
  width: 100%;
  height: auto; }

#fishPage .provider-banner-div {
  position: relative;
  margin: 0 auto;
  background: #f2f2f2; }

#livetvpage p,
#livetvpage section {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.livetv-container {
  width: 1440px;
  margin: 0 auto;
  padding: 0 19px; }

.liveTvWatchList {
  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;
  width: 100%; }

.liveTvWatchList .liveTvWatchItem {
  margin-bottom: 10px !important;
  opacity: 0;
  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;
  width: 100%;
  position: relative; }

.liveTvWatchList .liveTvWatchItem .tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.liveTvWatchList .liveTvWatchItem .tr .td2 {
  width: 210px; }

.liveTvWatchList .liveTvWatchItem .tr .td1,
.liveTvWatchList .liveTvWatchItem .tr .td3 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.liveTvWatchList .liveTvWatchItem .tr.tr1 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  margin-bottom: 2px;
  height: 26px;
  background: #0a1624; }

.liveTvWatchList .liveTvWatchItem .tr.tr1 .i {
  width: 40px;
  height: 26px;
  background: #00b900;
  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; }

.liveTvWatchList .liveTvWatchItem .tr.tr1 > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  font-family: "AvenirLT-MediumFont";
  color: white;
  margin-left: 14px; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 {
  height: 36px;
  padding-left: 6px;
  padding-right: 6px;
  box-sizing: border-box; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td1 {
  height: 100%;
  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;
  font-family: "AvenirLT-MediumFont";
  font-weight: bold;
  font-size: 16px; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td3 {
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.watch_button {
  cursor: pointer; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.watchcolor {
  height: 100%;
  background: #00b900; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.commcolor {
  height: 100%;
  background: #001eba; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2.statecolor {
  height: 100%;
  background: #24B5DA; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 > span {
  font-size: 16px;
  font-family: "AvenirLT95-BlackFont";
  color: white; }

.liveTvWatchList .liveTvWatchItem .tr.tr2 .td2 > i {
  margin-right: 10px; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 {
  height: 60px;
  margin-bottom: 2px; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .score {
  min-width: 60px;
  width: 60px;
  height: 60px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "AvenirLT-MediumFont";
  font-size: 36px;
  color: white;
  background: #9b9b9b; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .img {
  width: 80px;
  height: 100%;
  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; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .teamname {
  font-size: 20px;
  font-family: "AvenirLT-MediumFont"; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td1 {
  height: 100%;
  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;
  background: #e5e5e5; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td1 .img {
  margin-left: 10px; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td3 {
  background: #e5e5e5;
  height: 100%;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td3 .img {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 10px; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 {
  background: #0a1624;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 .countdown {
  font-size: 24px;
  color: white;
  font-family: "AvenirLT95-BlackFont";
  line-height: 100%; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 > div {
  line-height: 100%;
  width: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.liveTvWatchList .liveTvWatchItem .tr.tr3 .td2 > div > span {
  font-size: 12px;
  font-family: "AvenirLT45-BookFont";
  color: #a5a7aa;
  line-height: 100%; }

.liveTvWatchList .liveTvWatchItem .tr.tr4 {
  height: 25px; }

.liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #9b9b9b; }

.liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span {
  font-size: 16px;
  color: white;
  font-family: "AvenirLT45-BookFont"; }

.liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span:nth-child(1) {
  font-weight: bold;
  letter-spacing: 2px; }

.liveTvWatchList .liveTvWatchItem .tr.tr4 .td2 > span:nth-child(2) {
  margin: 0 5px; }

.liveTvWatchList .liveTvWatchItem::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.liveTvWatchList .liveTvWatchItem.liveTvWatchItem_comm .tr1 > span {
  margin-left: 18px; }

.slider,
.sliderProvider {
  position: relative;
  overflow: hidden; }

.slider > span,
.sliderProvider > span {
  display: block;
  width: 100%; }

.sliderProvider img {
  display: block;
  width: 100%;
  height: auto; }

.topProviderImg {
  max-height: 77px; }

.page_item {
  width: 100%; }

.slider-enter-active,
.slider-leave-active,
.sliderProvider-enter-active,
.sliderProvider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slider-enter,
.slider-leave-to,
.sliderProvider-enter,
.sliderProvider-leave-to {
  opacity: 0; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

#livetvpage .livetvmain {
  padding-top: 40px;
  padding-bottom: 97px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#livetvpage > .livetv-container {
  padding: 0 13px;
  width: 1440px;
  box-sizing: border-box; }

#livetvpage .livetvmain .liveList {
  width: 1030px;
  margin-right: 6.4356%; }

#livetvpage .livetvmain .livetvmainright {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 294px; }

#livetvpage .livetvmain .livetvmainright .imgBox {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#livetvpage .livetvmain .livetvmainright .imgBox .img {
  width: 318px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  position: relative; }

#livetvpage .livetvmain .livetvmainright .imgBox .img .betNow {
  position: absolute;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 40px; }

#livetvpage .livetvmain .livetvmainright .imgBox .img .betNow > span {
  font-family: "buttonBold"; }

#livetvpage .livetvmain .livetvmainright .imgBox .text {
  width: 293px;
  padding: 0 18px;
  font-size: 14px;
  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; }

#livetvpage .livetvmain .livetvmainright .imgBox .text .one {
  font-family: "mainBoldFont";
  line-height: 38px;
  position: relative;
  font-size: 16px; }

#livetvpage .livetvmain .livetvmainright .imgBox .text .one::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

#livetvpage .livetvmain .livetvmainright .imgBox .text .two {
  font-size: 14px;
  color: #686868;
  margin-top: 10px; }

#livetvpage .livetvmain .livetvmainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider,
#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider {
  height: 278px; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer,
#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no,
#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: auto;
  left: 28px;
  bottom: 20px;
  z-index: 3; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no li > i,
#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
  border: none;
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .slider .mainContentContainer .page_no li.on > i,
#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 24px;
  padding-bottom: 55px;
  box-sizing: border-box; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem > div:nth-child(2n) {
  margin-right: 0; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem .swiperimgBox {
  width: 116px;
  height: 103px;
  background: white;
  border: 1px solid white;
  margin-right: 9px;
  margin-bottom: 8px;
  cursor: pointer; }

#livetvpage .livetvmain .livetvmainright .swiper.icons_livetv_provider_bg .sliderItem .swiperimgBox > p {
  width: 116px;
  height: 24px;
  font-family: "mainBoldFont";
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: bold; }

.watch-container {
  width: 100%;
  height: 100%; }

.livetv-sportsbook-container {
  background: #ffffff; }

#livetvpage .live-betNow {
  font-family: "buttonBold";
  color: #000; }

.livetvTeamLogo {
  max-width: 80px;
  height: 40px; }

.liveTvWatchList .td3 .teamname {
  text-align: right; }

.liveTvWatchList .td1 .teamname {
  text-align: left; }

#livetvpage .livetv-break {
  display: flex; }

#livetvpage .livetv-break-container {
  display: flex;
  margin: auto;
  margin-top: 100px; }

#livetvpage .livetv-break-img-container {
  margin-right: 38px; }

#livetvpage .livetv-break-img-container img {
  display: block;
  height: 92px; }

#livetvpage .livetv-break-text-container {
  justify-content: center;
  display: flex;
  flex-direction: column; }

.slider {
  position: relative;
  overflow: hidden;
  background-color: #0a1624; }

.slider > span {
  display: block;
  width: 100%; }

.page_item {
  width: 100%; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 60px;
  right: 16px;
  padding: 0 2.5px; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514;
  border: 0; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderBanner .slider .page_item .pageMainContent .container {
  height: 100%; }

.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

#mobilePage > .container {
  padding: 0 13px;
  box-sizing: border-box; }

#mobilePage .mobileMainContent {
  padding-top: 36px;
  padding-bottom: 55px; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #e3e3e3;
  padding: 0;
  margin: 0; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li {
  width: 170px;
  height: 40px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li:hover {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #003a79; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li:hover > span {
  color: white; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li .i .icons_sub_menu_android {
  margin-right: 10px; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li .i .icons_sub_menu_ios {
  margin-right: 15px; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #858585;
  font-family: "menuFont";
  line-height: 100%;
  margin-top: 4px; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li.on {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: #003a79; }

#mobilePage .mobileMainContent .downloadTabPage .tabPage > li.on > span {
  color: white; }

#mobilePage .mobileMainContent .downloadList {
  padding: 0 100px;
  padding-top: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#mobilePage .mobileMainContent .downloadList > section:nth-child(4n) {
  margin-right: 0; }

#mobilePage .mobileMainContent .downloadList .downItem {
  margin-right: 24px;
  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;
  -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;
  margin-bottom: 50px;
  opacity: 0; }

#mobilePage .mobileMainContent .downloadList .downItem:hover {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

#mobilePage .mobileMainContent .downloadList .downItem .firmslogo {
  height: 225px;
  width: 284px;
  overflow: hidden;
  cursor: pointer; }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 11px;
  margin-bottom: 11px;
  -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; }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon,
#mobilePage .mobileMainContent .appBanner .firmsdownicon {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f2f2f2; }

#mobilePage .mobileMainContent .appBanner .firmsdownicon {
  width: 99px;
  height: 99px;
  margin-right: 24px; }

#mobilePage .mobileMainContent .appBanner .downloadBtn {
  position: relative;
  display: flex;
  top: 10rem;
  left: 50%;
  width: 40%;
  height: 99px; }

@media only screen and (max-width: 1150px) {
  #mobilePage .mobileMainContent .appBanner .downloadBtn {
    top: 7rem; } }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon > span,
#mobilePage .mobileMainContent .appBanner .firmsdownicon > span {
  margin-top: 5px;
  font-size: 13px;
  color: #0185be; }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .firmsdownicon .iconsdown,
#mobilePage .mobileMainContent .appBanner .firmsdownicon .iconsdown {
  height: 46px; }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox > div {
  margin-right: 6px;
  width: 99px;
  height: 99px;
  background: #f2f2f2; }

#mobilePage .mobileMainContent .downloadList .downItem .p {
  width: 195px;
  height: 33px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #003b79;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: white; }

#mobilePage .mobileMainContent .downloadList .downItem .p > span {
  font-family: "menuFont";
  font-size: 16px; }

@media (max-width: 1439px) {
  #mobilePage .mobileMainContent .downloadList {
    margin: 0 auto;
    width: 930px; } }

#mobilePage .mobileMainContent .downloadList#bk8AppSection {
  width: 100%; }

@media (max-width: 1130px) {
  #mobilePage .mobileMainContent .downloadList {
    margin: 0 auto;
    width: 930px;
    padding-left: auto;
    padding: 0; } }

@-webkit-keyframes promoAnimation {
  0% {
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
    -webkit-transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } }

.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

.promosMain {
  padding-top: 33px;
  padding-bottom: 187px;
  box-sizing: box-sizing; }

.promosMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.promosMain .promosTab .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #e3e3e3;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

.promosMain .promosTab .tabPage > li {
  width: 160px;
  height: 40px; }

.promosMain .promosTab .tabPage > li > i {
  display: none; }

.promosMain .promosTab .tabPage > li > span {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #858585;
  font-family: "tabFont"; }

.promosMain .promosTab .tabPage > li:hover {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #003a79; }

.promosMain .promosTab .tabPage > li:hover > span {
  color: white; }

.promosMain .promosTab .tabPage > li.on {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: #003a79; }

.promosMain .promosTab .tabPage > li.on > span {
  color: white; }

.promosMain .promosList {
  padding-top: 5px; }

.promosMain .promosList .promosItem {
  width: 100%;
  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;
  animation-duration: 0.5s;
  animation-name: promoAnimation;
  margin-top: 32px; }

.promosMain .promosList .promosItem .absolute {
  position: absolute; }

.promosMain .promosList .promosItem .img {
  width: 330px;
  height: 158px;
  overflow: hidden;
  margin-right: 44px; }

.promosMain .promosList .promosItem .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  position: relative;
  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;
  height: 158px; }

.promosMain .promosList .promosItem .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.promosMain .promosList .promosItem .text > p {
  line-height: 100%; }

.promosMain .promosList .promosItem .text .pheader {
  font-size: 24px;
  color: #000000;
  font-family: "mainBoldFont";
  margin: 0;
  padding: 18px 0 0 0; }

.promosMain .promosList .promosItem .text .pcontent {
  font-size: 18px;
  color: #666666;
  width: 80%;
  margin: 0;
  padding-top: 8px; }

.promosMain .promosList .promosItem .text .moreinfo {
  font-size: 14px;
  left: -2px;
  bottom: 22px;
  height: 30px;
  padding: 0 20px;
  color: white;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "buttonBold";
  background: #013b7a;
  cursor: pointer;
  font-weight: bold;
  position: unset; }

.applynow {
  font-size: 14px;
  height: 30px;
  color: white;
  padding: 0 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "buttonBold";
  background: #fcb813;
  cursor: pointer;
  top: 31%;
  width: 50%;
  font-weight: bold; }

.applynow2 {
  font-size: 14px;
  height: 30px;
  color: white;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "buttonBold";
  background: #fcb813;
  cursor: pointer;
  top: 31%;
  width: 91px;
  font-weight: bold; }

.promosMain .promosList .promosItem .text .applynow {
  margin-left: auto;
  width: auto;
  font-weight: bold;
  position: unset;
  margin-left: 10px; }

.joinNow {
  font-size: 14px;
  height: 30px;
  color: white;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "buttonBold";
  background: #cc001b;
  cursor: pointer;
  top: 31%;
  width: 82px;
  font-weight: bold; }

.promosMain .promosList .promosItem .text .gametype {
  font-size: 14px;
  right: 24px;
  bottom: 25px;
  color: #33a3dc; }

.promosMain .promosList .promosItem .text .remaining {
  font-size: 14px;
  right: 24px;
  top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.promosMain .promosList .promosItem .text .remaining > div:nth-child(1) {
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.promosMain .promosList .promosItem .text .remaining > div:nth-child(1) > span {
  color: #8d8d8d; }

.promosMain .promosList .promosItem .text .remaining > div:nth-child(1) .icons_remaining_time {
  margin-right: 10px; }

.promosMain .promosList .promosItem .text .remaining > div:nth-child(2) > span {
  color: #cc001b; }

.promo-list-title {
  display: -webkit-box;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  max-height: 50px;
  font-size: 19px;
  color: #black;
  padding: 8px 7px 0;
  font-weight: bold; }

.promo-list-desp {
  display: -webkit-box;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  font-size: 14px;
  color: #a1a1a1;
  padding: 0 7px;
  margin: -18px 0; }

.promo-list-container {
  min-height: 80px; }

.remaining-time {
  position: relative;
  left: 2%;
  top: -3px;
  font-size: 13px; }

.control-label {
  margin-right: 3px;
  margin-top: 18px; }

.remaining-time2 {
  margin: 0 5px;
  color: #cc001b;
  font-size: 13px; }

.more-info-img {
  width: 330px;
  height: 158px;
  overflow: hidden;
  margin: 20px;
  display: block; }

.promotionContent > ol > li, .promotionContent > ul > li {
  list-style: unset; }

.promosList .promo-img-deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 330px;
  height: 158px;
  background: transparent; }

.promo-detail-container .promo-img-deco {
  position: absolute;
  top: 0;
  left: 20px;
  width: 330px;
  height: 158px;
  background: transparent; }

.promosMain .promosList .promosItem .text .share {
  margin-left: 10px;
  width: auto;
  position: unset;
  font-weight: bold; }

.share {
  font-size: 14px;
  height: 30px;
  color: white;
  padding: 0 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "buttonBold";
  background: grey;
  cursor: pointer;
  top: 31%;
  width: 50%;
  font-weight: bold; }

.m-share-container {
  background-color: white;
  height: 120%;
  width: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.share-panel .share-wrap {
  margin-bottom: 15px;
  font-size: 18px;
  text-align: left;
  margin-left: 20px; }

.share-wrap-container {
  margin-left: -5%;
  margin-right: -5%;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px; }

.share-panel {
  padding: 5%; }

.share-panel img {
  width: 80%; }

.share-panel .share-item {
  display: inline-block;
  width: 24%;
  padding: 2% 0;
  text-align: center;
  font-size: 13px; }

.share-panel .close {
  position: absolute;
  width: 12px;
  height: 12px;
  padding: 0;
  margin: 0;
  border: none;
  right: 1.45rem;
  opacity: 1;
  top: 25px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-image: url(../images/icon/icon_close.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.promotion-button-container {
  display: flex;
  width: 50%;
  margin-top: 35px; }

.slide-pages li {
  display: inline-block;
  color: #fff; }

.slide-pages li.pages_style_dots {
  padding: 0 5px; }

.slide-pages li.pages_style_dots > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.slide-pages li.pages_style_dots.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.slide-pages li.pages_style_square {
  padding: 0 2.5px; }

.slide-pages li.pages_style_square > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  cursor: pointer; }

.slide-pages li.pages_style_square.on > i {
  background: #ffb514; }

.slider {
  position: relative;
  overflow: hidden;
  background-color: #0a1624; }

.slider > span {
  display: block;
  width: 100%; }

.page_item {
  width: 100%; }

.slider-enter-active,
.slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slider-enter,
.slider-leave-to {
  opacity: 0; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.slotbanner .sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px !important;
  right: 16px !important;
  padding: 0 2.5px !important; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderBanner .slider .page_item .pageMainContent .container {
  height: 100%; }

.slotbanner {
  overflow: hidden; }

.slotbanner .container {
  box-sizing: border-box;
  padding: 0 13px; }

.slotbanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 16px;
  padding: 0 2.5px; }

.slotbanner .banner_swiper_container {
  position: relative; }

.slotbanner .banner_swiper_container .swiper_item {
  position: relative;
  overflow: hidden;
  width: 100%; }

.slotbanner .banner_swiper_container .swiper_item .slotBannerItem {
  position: absolute;
  left: 0;
  top: 0; }

.slotbanner .banner_swiper_container .swiper_item img {
  display: block;
  width: 100%;
  height: auto; }

.slotbanner .banner_swiper_container .banner_pageination {
  position: absolute;
  bottom: 70px;
  right: 246px; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 26px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(220px);
  -ms-transform: translateY(220px);
  transform: translateY(220px); }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg.on {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 40px; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top > span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 3px;
  font-family: "mainBoldFont";
  color: #ffffff;
  font-size: 20px;
  padding-left: 5px; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div {
  padding: 0 5px;
  font-size: 0; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div > span {
  font-size: 14px;
  color: #ffffff; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch > div > span.nowPage {
  color: #12b5fc; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .top .pageSwitch .icons_slot_arrow {
  cursor: pointer; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut {
  height: 170px;
  position: relative;
  overflow: hidden; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom {
  width: 100%;
  background: #01172f;
  height: 170px; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section {
  height: 56px;
  border-bottom: 1px solid #016895;
  margin-left: 10px;
  margin-right: 10px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section:last-child {
  border-bottom: none; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom.leave_active > section:last-child {
  border-bottom: 1px solid #016895 !important; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section * {
  font-size: 16px; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .gamename {
  color: #8c8c8c; }

.slotbanner .banner_swiper_container .icons_Latest_Winner_bg .bottomOut .bottom > section .usd {
  color: #016895; }

.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

.slotFirmsContent {
  background: #f2f2f2;
  width: 100%;
  height: 120px;
  overflow: hidden;
  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;
  position: relative; }

.slotFirmsContent .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%; }

.slotFirmsContent .tabPage > li {
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  width: 14.3%;
  height: 120px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  position: relative; }

.slotFirmsContent .tabPage > li:last-child::after {
  content: "";
  display: none;
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.slotFirmsContent .tabPage > li:hover {
  background-color: #fcb913; }

.slotFirmsContent .tabPage > li:hover > span {
  color: #01172f; }

.slotFirmsContent .tabPage > li::after {
  content: "";
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.slotFirmsContent .tabPage > li > .i {
  height: 47px; }

.slotFirmsContent .tabPage > li > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  color: #0185be; }

.slotFirmsContent .tabPage > li.on {
  background: #fcb913; }

.slotFirmsContent .tabPage > li.on > span {
  color: #01172f; }

.main-banner-carousel_chevron {
  background-color: rgba(219, 219, 219, 0.5);
  cursor: pointer;
  display: none;
  height: 120px;
  opacity: .9;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  border-color: #00fff2;
  margin-top: -60px; }

.slotFirmsContent:hover + div > .main-banner-carousel_chevron {
  display: block; }

.main-banner-carousel_chevron:hover {
  opacity: 1;
  display: block; }

.main-banner-carousel_chevron:hover::before {
  border-color: #003477; }

.main-banner-carousel_chevron-left {
  left: 0; }

.main-banner-carousel_chevron-left::before {
  border-color: #003477;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 18px;
  left: 17px;
  position: relative;
  top: 53px;
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  vertical-align: top;
  width: 18px; }

.main-banner-carousel_chevron-right {
  right: 0; }

.main-banner-carousel_chevron-right::before {
  border-color: #003477;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 18px;
  left: 8px;
  position: relative;
  top: 53px;
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: top;
  width: 18px; }

.slotTabPage .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1128px;
  background: #e3e3e3;
  padding: 0;
  margin: 0; }

.slotTabPage .tabPage > li {
  width: 160px;
  height: 40px; }

.slotTabPage .tabPage > li :hover {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #003a79;
  color: white; }

.slotTabPage .tabPage > li > i {
  display: none; }

.slotTabPage .tabPage > li > span {
  width: 100%;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #858585;
  font-family: 'tabFont'; }

.slotTabPage .tabPage > li.on {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  background: #003a79; }

.slotTabPage .tabPage > li.on > span {
  color: white; }

.slotGameList .imgItem {
  height: 230px;
  width: 94%;
  position: relative;
  margin-right: 20px;
  margin-bottom: 21px;
  top: 0;
  cursor: pointer; }

.slotGameList .imgItem .imgItemOverBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* display: none; */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.slotGameList .imgItem:hover .imgItemOverBox {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.slotGameList .imgItemOverBox {
  cursor: default;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: white;
  width: 340px;
  height: 288px;
  margin-left: -37px;
  margin-top: -29px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 19px;
  padding-bottom: 8px; }

.slotGameList .imgItem .imgItemOverBox .text {
  box-sizing: border-box;
  background: white;
  padding-left: 10px;
  width: 287px; }

.slotGameList .imgItem .imgItemOverBox .img {
  width: 287px;
  height: 190px;
  overflow: hidden;
  position: relative; }

.slotGameList .imgItem .imgItemOverBox .img > img {
  width: 287px;
  height: 190px; }

.slotGameList .imgItem .imgItemOverBox .img_overlay {
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  cursor: default; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay {
  position: absolute;
  left: 0;
  top: 190px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.slotGameList .imgItem .imgItemOverBox .img:hover > .img_overlay {
  top: 0; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay * {
  margin: 8px 0;
  color: white; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > span {
  width: 125px; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .button_y {
  color: black !important; }

.button_b_span {
  font-family: "buttonBold"; }

.button_y_span {
  font-family: "buttonBold";
  color: black !important; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav {
  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-size: 14px;
  margin-top: -5px;
  cursor: pointer; }

.slotGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav .icons_addtofavourites {
  margin-right: 8px;
  width: 14px;
  height: 13px;
  background: url(../assets/images/icons_addtofavourites.png) no-repeat; }

.slotGameList .imgItem .imgItemOverBox .text.textbottom {
  height: 35px !important; }

.slotGameList .imgItem .imgItemOverBox .text.textbottom .left > p:nth-child(1) span {
  font-family: 'mainFont';
  font-size: 12px;
  color: #666666; }

.slotGameList .imgItem .imgItemOverBox .text.texttop .left > p:nth-child(1) .icons_slot_new {
  right: 6px; }

.slotGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(1) .icons_slot_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.slotGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.slotGameList .imgItem:hover {
  /* top: -10px; */
  /* -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); */ }

.slotGameList .imgItem.nomb {
  margin-bottom: 0; }

.slotGameList .imgItem .img {
  width: 100%;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.slotGameList .imgItem .img img {
  width: 100%;
  height: 100%; }

.slotGameList .imgItem .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: 56px;
  background: #f2f2f2;
  position: relative; }

.slotGameList .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }

.slotGameList .imgItem .text .left > p:nth-child(1) {
  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; }

.slotGameList .imgItem .text .left > p:nth-child(1) * {
  font-family: "mainBoldFont"; }

.slotGameList .imgItem .text .left > p:nth-child(1) span {
  font-size: 16px;
  word-break: keep-all; }

.slotGameList .imgItem .text .left > p:nth-child(1) .icons_slot_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.slotGameList .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.slotGameList .slotGameList_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotGameList .slotGameList_top .swiper {
  width: 552px;
  height: 486px;
  margin-right: 21px;
  position: relative;
  overflow: hidden; }

.slotGameList .slotGameList_top .swiper .slider {
  height: 480px; }

.slotGameList .slotGameList_top .swiper .slider .slider-enter-active,
.slotGameList .slotGameList_top .swiper .slider .slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slotGameList .slotGameList_top .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.slotGameList .slotGameList_top .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 20px;
  z-index: 3; }

.slotGameList .slotGameList_top .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.slotGameList .slotGameList_top .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.slotGameList .slotGameList_top .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.slotGameList .slotGameList_top .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.slotGameList .slotGameList_top .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.slotGameList .slotGameList_top .swiper .bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 208px;
  background: #0a1623;
  padding: 0px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.slotGameList .slotGameList_top .swiper .bottomNotice {
  box-sizing: border-box;
  height: 144px;
  background: #f2f2f2;
  padding: 24px 36px; }

.slotGameList .slotGameList_top .swiper .bottomNotice .icons_slot_logo {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1; }

.slotGameList .slotGameList_top .swiper .bottomNotice .pheader {
  font-size: 24px;
  color: black;
  margin: 0; }

.slotGameList .slotGameList_top .swiper .bottomNotice .pcontent,
.slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
  font-size: 14px;
  color: #666666; }

.slotGameList .slotGameList_top .swiper .bottomNotice .pcontent {
  line-height: 18px;
  margin: 0;
  margin-top: 10px;
  width: 80%; }

.slotGameList .slotGameList_top .swiper .bottomNotice .ptime {
  margin: 0;
  margin-top: 10px; }

.slotGameList .slotGameList_top .swiper .tools {
  position: absolute;
  left: 31px;
  bottom: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotGameList .slotGameList_top .swiper .tools > span {
  font-family: "buttonBold";
  cursor: pointer;
  height: 34px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px; }

.slotGameList .slotGameList_top .swiper .tools > span.playnow {
  background: #013b7a;
  color: white;
  margin-right: 5px; }

.slotGameList .slotGameList_top .swiper .tools > span.demo {
  background: #ffc438; }

.slotGameList .slotGameList_top .topimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.slotGameList .slotGameList_top .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.slotGameList .bottomimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.slotGameList .bottomimgItem > div:nth-child(5n) {
  margin-right: 0; }

.slotMain {
  padding-top: 37px;
  padding-bottom: 110px; }

.slotMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.slotMain .slotfirmBox {
  padding-bottom: 10px; }

.slotMain .slottabAndSearchBox {
  margin-top: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto; }

.slotMain .slottabAndSearchBox .searchBox {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  background: #f2f2f2;
  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: 0 20px;
  margin: 0; }

.slotMain .slottabAndSearchBox .searchBox > input {
  margin-left: 10px;
  border: none;
  outline: none;
  height: 16px;
  color: #858585;
  font-size: 16px;
  background: #f2f2f2; }

#sliderWinner .page_item.enter {
  -webkit-transform: translateY(170px);
  -ms-transform: translateY(170px);
  transform: translateY(170px); }

#sliderWinner .page_item.leave_to {
  -webkit-transform: translateY(-170px);
  -ms-transform: translateY(-170px);
  transform: translateY(-170px); }

.newGameContent {
  position: absolute; }

.newGameContent.page_item.enter {
  transform: translateX(100%); }

.newGameContent.page_item.leave_to {
  transform: translateX(-100%) !important; }

.slotMain .slotGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

.slotMain .slotGrid .slotSwiper {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

.slotSlideGameList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

.slotSlideGameList .imgItem {
  height: 230px;
  width: 266px;
  overflow: hidden;
  margin-right: 14px;
  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; }

.slotSlideGameList .imgItem:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.slotSlideGameList .imgItem.nomb {
  margin-bottom: 0; }

.slotSlideGameList .imgItem .img {
  width: 266px;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.slotSlideGameList .imgItem .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; }

.slotSlideGameList .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }

.slotSlideGameList .imgItem .text .left > p:nth-child(1) {
  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; }

.slotSlideGameList .imgItem .text .left > p:nth-child(1) * {
  font-family: "AvenirLT-MediumFont"; }

.slotSlideGameList .imgItem .text .left > p:nth-child(1) span {
  font-weight: bold;
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap;
  font-family: "AvenirLT-MediumFont"; }

.slotSlideGameList .imgItem .text .left > p:nth-child(1) .icons_slot_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.slotSlideGameList .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.slotSlideGameList .casinoLive {
  box-sizing: border-box;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #0a1624;
  width: 545px;
  height: 337px;
  margin-right: 21px;
  position: relative;
  overflow: hidden;
  padding: 2px;
  padding-top: 0; }

.slotSlideGameList .casinoLive .iconAndTitle {
  position: absolute;
  width: 100%;
  height: 62px;
  left: 0;
  top: 0;
  z-index: 1; }

.slotSlideGameList .casinoLive .iconAndTitle > span {
  font-size: 18px;
  font-family: "AvenirLT-MediumFont";
  color: white; }

.slotSlideGameList .casinoLive .swiper {
  width: 100%; }

.slotSlideGameList .casinoLive .swiper .page_item {
  height: 272px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle {
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 12px;
  color: #616161;
  font-size: 14px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) .tableTitle .asiaLogo {
  margin-left: 7px;
  width: 146px;
  height: 25px;
  background: url("../assets/images/casino_logo_ag.png") no-repeat; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr th,
.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
  border: #9f9f9f 1px dotted; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr {
  height: 28px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td {
  height: 28px;
  vertical-align: middle;
  text-align: center; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid black;
  color: black;
  font-size: 14px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_red {
  border: 2px solid #dd0000;
  color: #dd0000; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_blue {
  border: 2px solid #1818ff;
  color: #1818ff; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(1) table tr td .circle.circle_green {
  border: 2px solid #03ca03;
  color: #03ca03; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle {
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 12px;
  color: #616161;
  font-size: 14px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) .tableTitle .asiaLogo {
  margin-left: 7px;
  width: 146px;
  height: 25px;
  background: url("../assets/images/casino_logo_ag.png") no-repeat; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr th,
.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
  border: #9f9f9f 1px dotted; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr {
  height: 28px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td {
  height: 28px;
  vertical-align: middle;
  text-align: center; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid black;
  color: black;
  font-size: 14px; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_red {
  border: 2px solid #dd0000;
  color: #dd0000; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_blue {
  border: 2px solid #1818ff;
  color: #1818ff; }

.slotSlideGameList .casinoLive .swiper #sliderLeft span > div:nth-child(3) table tr td .circle.circle_green {
  border: 2px solid #03ca03;
  color: #03ca03; }

.slotSlideGameList .casinoLive .swiper .slider {
  height: 333px; }

.slotSlideGameList .casinoLive .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.slotSlideGameList .casinoLive .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 295px;
  z-index: 3; }

.slotSlideGameList .casinoLive .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.slotSlideGameList .casinoLive .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 62px; }

.slotSlideGameList .casinoLive .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.slotSlideGameList .casinoLive .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.slotSlideGameList .casinoLive .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.slotSlideGameList .casinoLive .swiper .tools {
  position: absolute;
  left: 26px;
  bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotSlideGameList .casinoLive .swiper .tools .button_y {
  height: 30px;
  color: black;
  padding: 0 10px; }

.slotSlideGameList .topimgItem {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.slotSlideGameList .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.casinoMain {
  padding-top: 31px;
  padding-bottom: 33px; }

.casinoMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.casinoMain .casinofirmsBox {
  margin-bottom: 21px; }

.slotSlideGameList .slotSlideGameList_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotSlideGameList .slotSlideGameList_top .swiper {
  width: 552px;
  height: 486px;
  margin-right: 21px;
  position: relative;
  overflow: hidden; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider {
  height: 480px; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .slider-enter-active,
.slotSlideGameList .slotSlideGameList_top .swiper .slider .slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 20px;
  z-index: 3; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.slotGameList .slotSlideGameList_top .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.slotSlideGameList .slotSlideGameList_top .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 208px;
  background: #0a1623;
  padding: 0px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice {
  box-sizing: border-box;
  height: 144px;
  background: #f2f2f2;
  padding: 24px 36px; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .icons_slot_logo {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .pheader {
  font-size: 24px;
  color: black;
  margin: 0; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .pcontent,
.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .ptime {
  font-size: 14px;
  color: #666666; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .pcontent {
  line-height: 18px;
  margin: 0;
  margin-top: 10px;
  width: 80%; }

.slotSlideGameList .slotSlideGameList_top .swiper .bottomNotice .ptime {
  margin: 0;
  margin-top: 10px; }

.slotSlideGameList .slotSlideGameList_top .swiper .tools {
  position: absolute;
  left: 31px;
  bottom: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.slotSlideGameList .slotSlideGameList_top .swiper .tools > span {
  font-family: "buttonBold";
  cursor: pointer;
  height: 34px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px; }

.slotSlideGameList .slotSlideGameList_top .swiper .tools > span.playnow {
  background: #013b7a;
  color: white;
  margin-right: 5px; }

.slotSlideGameList .slotSlideGameList_top .swiper .tools > span.demo {
  background: #ffc438; }

.slotSlideGameList .slotSlideGameList_top .topimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.slotSlideGameList .slotSlideGameList_top .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.slotSlideGameList .bottomimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.slotSlideGameList .bottomimgItem > div:nth-child(5n) {
  margin-right: 0; }

.text-center {
  text-align: center; }

.message-content-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none; }

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none; }

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none; }

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625; }

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625; }

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none; }

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85; }

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85; }

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none; }

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d; }

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d; }

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none; }

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19; }

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19; }

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none; }

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent; }

.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

/* bootstrap modal style */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

/* end bootstrap modal style */
/* bootstrap glyphicon style */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../../content/fonts/glyphicons-halflings-regular.eot");
  src: url("../../content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table; }

.btn-toolbar:after {
  clear: both; }

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group .form-control:focus {
  z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -1px; }

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2; }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px; }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px; }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #ddd; }

.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

.table > thead > tr > th {
  background-color: #CCC;
  border-bottom: 0px solid #ddd;
  color: #fff; }

.pagination-sm > li > a, .pagination-sm > li > span {
  font-size: 10px; }

/* end bootstrap glyphicon style */
/* bootstrap pagination style */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }

.pager:before, .pager:after {
  content: " ";
  display: table; }

.pager:after {
  clear: both; }

.pager li {
  display: inline; }

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.pager .next > a,
.pager .next > span {
  float: right; }

.pager .previous > a,
.pager .previous > span {
  float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed; }

/* end bootstrap pagination style */
.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-default,
.uib-datepicker-popup > li > div.uib-datepicker > table .btn-default {
  border: 0; }

.datetime-picker-dropdown > li.date-picker-menu div > table:focus,
.uib-datepicker-popup > li > div.uib-datepicker > table:focus {
  outline: none; }

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
  overflow: unset !important; }

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0; }

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0; }

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px; }

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0; }

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px; }

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center; }

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0; }

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px; }

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0; }

.slider.slider-vertical {
  height: 210px;
  width: 20px; }

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0; }

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0; }

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0; }

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px; }

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0; }

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap; }

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px; }

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%; }

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0; }

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0; }

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
  padding-left: initial;
  padding-right: 4px; }

.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); }

.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed; }

.slider input {
  display: none; }

.slider .tooltip.top {
  margin-top: -36px; }

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none; }

.slider .hide {
  display: none; }

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.slider-selection {
  position: absolute;
  /* background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x; */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px; }

.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); }

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px; }

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0px solid transparent; }

.slider-handle.round {
  border-radius: 50%; }

.slider-handle.triangle {
  background: transparent none; }

.slider-handle.custom {
  background: transparent none; }

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204; }

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent; }

.slider-tick.round {
  border-radius: 50%; }

.slider-tick.triangle {
  background: transparent none; }

.slider-tick.custom {
  background: transparent none; }

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204; }

.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
  opacity: 1; }

/* carousel style */
.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel-inner > .item {
  display: none;
  position: relative;
  padding: 0px;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  margin-left: 5px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

/* end carousel style */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-body:before, .panel-body:after {
  content: " ";
  display: table; }

.panel-body:after {
  clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.new_setting {
  width: 980px;
  margin: 0 auto;
  background: white;
  padding: 15px; }

.new_setting .tab_layer {
  background: #eeeeee;
  height: 80px;
  width: 100%;
  display: flex; }

.new_setting .tab_layer .tab_content {
  width: 50%; }

.new_setting .tab_layer .header {
  display: flex;
  font-size: 18px;
  font-weight: 600; }

.new_setting .tab_layer .header img {
  width: 40px;
  margin: 0 auto; }

.new_setting .tab_layer a {
  color: #7f7f7f;
  font-size: 14px; }

.new_setting .tab_layer a + .current {
  color: #044a98; }

.new_setting .tab_layer a:hover,
.new_setting .tab_layer a:focus {
  text-decoration: none; }

.new_setting .tab_layer .tab_area {
  display: flex;
  padding-right: 2px; }

.new_setting .tab_layer .tab_area .tab_item {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 10px;
  cursor: pointer; }

.new_setting .tab_layer .tab_area .current {
  background: white;
  border-top: 2px solid #eeeeee;
  color: #044a98; }

.new_setting .tab_layer .tab_area .tab_item:hover {
  background: white; }

.new_setting .tab_layer .tab_area .profile_tab {
  background-image: url("../images/icon/menu_my-account.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 35px; }

.new_setting .tab_layer .tab_area .current .profile_tab {
  background-image: url("../images/icon/menu_my-account_o.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.new_setting .tab_layer .tab_area .transfer_tab {
  background-image: url("../images/icon/menu_transfer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 35px; }

.new_setting .tab_layer .tab_area .current .transfer_tab {
  background-image: url("../images/icon/menu_transfer_o.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.new_setting .tab_layer .tab_area .deposit_tab {
  background-image: url("../images/icon/menu_deposit.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 35px; }

.new_setting .tab_layer .tab_area .current .deposit_tab {
  background-image: url("../images/icon/menu_deposit_o.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.new_setting .tab_layer .tab_area .withdraw_tab {
  background-image: url("../images/icon/menu_withdraw.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 35px; }

.new_setting .tab_layer .tab_area .current .withdraw_tab {
  background-image: url("../images/icon/menu_withdraw_o.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.new_setting .tab_layer .tab_area .history_tab {
  background-image: url("../images/icon/menu_history.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 35px; }

.new_setting .tab_layer .tab_area .current .history_tab {
  background-image: url("../images/icon/menu_history_o.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.new_setting .wallet_layer {
  display: flex;
  width: fit-content;
  height: 50px;
  align-items: center;
  padding-left: 15px;
  font-size: 13px; }

.new_setting .wallet_layer .separator,
.new_setting .transfer_container .separator {
  width: 5px !important;
  padding: 0 !important; }

.new_setting .wallet_layer .balance_display {
  color: #016cbf;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: -12px; }

.new_setting .wallet_layer .balance_refresh {
  display: flex;
  align-items: center;
  justify-content: center; }

.new_setting .wallet_layer .triangle {
  height: 0px;
  border-right: solid 8px #cccccc;
  border-bottom: solid 8px transparent;
  border-top: solid 8px transparent;
  display: inline-block;
  vertical-align: middle; }

.new_setting .wallet_layer .restore_button {
  border: 1px solid #1f5389;
  border-radius: 3px;
  background: #eeeeee;
  padding: 3px 25px;
  cursor: pointer; }

.new_setting .wallet_layer .restore_button:hover,
.new_setting .transfer_container .transfer_general .transfer_button:hover {
  background: #dddddd; }

.new_setting .transfer_container {
  margin-left: 30px;
  margin-right: 30px; }

.new_setting .transfer_container .transfer_general {
  display: flex;
  font-size: 13px; }

.new_setting .transfer_container .transfer_general .dropdown,
.new_setting .transfer_container .transfer_general .text-input {
  width: 150px;
  height: 20px;
  line-height: 25px;
  border: 1px solid #cdcdcd;
  padding-left: 5px;
  padding: unset; }

.new_setting .transfer_container .transfer_general .transfer_button {
  cursor: pointer;
  background: #eeeeee;
  font-size: 12px;
  border: 1px solid #285791;
  border-radius: 3px;
  padding: 3px 15px; }

.new_setting .transfer_container .transfer_provider {
  width: 100%; }

.new_setting .transfer_container .transfer_provider .transfer_table {
  width: 100%;
  border-width: 1px;
  border-color: black;
  font-size: 13px; }

.new_setting .transfer_container .transfer_provider .transfer_table td {
  border-width: 1px;
  border-color: black;
  border-style: inset;
  height: 40px; }

.new_setting .transfer_container .transfer_provider .transfer_table .provider {
  text-align: center;
  background: #eeeeee; }

.new_setting .transfer_container .transfer_provider .transfer_table .balance_display {
  display: flex; }

.new_setting .transfer_container .transfer_provider .transfer_table .all_in_btn {
  width: 110px;
  height: 24px;
  line-height: 18px;
  border: 1px solid #1f5389;
  background: #eeeeee;
  border-radius: 3px;
  cursor: pointer; }

.new_setting .transfer_container .transfer_provider .transfer_table .balance {
  text-align: center;
  font-align: 15px; }

.new_setting .history_container .tab_item {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.new_setting .history_container .history_content {
  margin-left: 12px;
  position: relative;
  top: 30px; }

.new_setting .history_container .history_content .query_layer {
  font-size: 12px;
  line-height: 18px; }

.new_setting .history_container .history_content .query_layer .label_column {
  width: auto; }

.new_setting .history_container .history_content .query_layer .input_column {
  width: 120px; }

.new_setting .history_container .history_content .query_layer .input_separator {
  width: 15px; }

.new_setting .history_container .history_content .query_layer .middle_separator {
  width: 50px; }

.new_setting .history_container .history_content .query_layer .text-input {
  border: 1px solid #ccc;
  padding: 0px 10px;
  height: 19px; }

.new_setting .history_container .history_content .query_layer .input_button {
  border: 1px solid #26588d;
  background: #eeeeee;
  padding: 0px 15px;
  height: 22px; }

.new_setting .history_container .history_content .query_layer .row_separator {
  height: 10px; }

.new_setting .history_container .history_content .query_layer .select_input {
  border: 1px solid #ccc;
  width: 195px;
  height: 22px; }

.new_setting .history_container .history_content .query_layer .btn-calendar {
  height: 21px; }

.new_setting .history_container .history_content .query_layer .btn-calendar i.glyphicon {
  top: -5px; }

.new_setting .history_container .history_content .result_layer {
  margin-top: 20px; }

.new_setting .history_container .history_content .result_layer .amount_txt {
  color: #3a84c6 !important; }

.new_setting .history_container .history_content .result_layer .failed_txt {
  color: #ff1a1c !important; }

.new_setting .history_container .history_content .result_layer .pending_txt {
  color: #feb418 !important; }

.new_setting .history_container .history_content .result_layer .success_txt {
  color: #1ec41b !important; }

/* Start -- css for sub tab*/
.setting_sub_layer_container {
  margin-left: 6px; }

.setting_sub_layer_container .sub_inner_tab_layer {
  background-color: white;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  margin-left: 10px; }

.setting_sub_layer_container > div > ul {
  border-bottom: none !important;
  padding: 0; }

.setting_sub_layer_container > nav-tabs {
  border-bottom: none !important; }

.nav-tabs > li {
  float: left;
  margin-bottom: -2px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1;
  border: 1px solid #CCC;
  border-radius: 0px;
  padding: 5px 15px;
  height: 30px;
  font-weight: bold;
  color: #3A3A3A; }

.nav-tabs > li > a:hover {
  background-color: transparent;
  border: 1px solid #AAA; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #fff;
  border: 1px solid #0b67c7;
  cursor: default;
  height: 30px; }

.setting_sub_layer_container .header_img {
  position: relative;
  top: 3px;
  height: 15px; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.setting_sub_layer_container .tab_header {
  font-weight: bolder; }

.setting_sub_layer_container > nav-tabs > li > a {
  color: #CCC;
  padding: 5px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  min-width: auto;
  padding: 10px; }

.sub_inner_tab_layer.uib-tab.nav-item.active:after {
  content: "";
  position: relative;
  top: 6px;
  left: 50%;
  margin-left: -20px;
  border-style: solid;
  border-width: 10px 20px 0;
  border-color: #CCC transparent;
  display: block;
  width: 0;
  z-index: 1; }

/* End -- css for sub tab*/
/* Start -- css for sub tab content*/
.setting_sub_container {
  font-size: 11px;
  color: #000000;
  margin-top: 60px;
  margin-left: 20px;
  margin-right: 20px; }

.setting_sub_container .form-control {
  display: block;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 20px; }

.sub-setting-layer .setting-msg .help-block {
  margin: 0 auto !important; }

.setting_sub_container .form-group {
  margin-bottom: auto !important; }

.setting_sub_container .setting-button {
  font-size: 11px;
  height: 23px;
  line-height: 11px;
  border: 1px solid #003b79;
  background-color: #eeeeee;
  color: black !important; }

.setting_sub_container > table > thead > tr > th {
  color: #000000; }

/* End -- css for sub tab content*/
/* Start -- css for table*/
.new-setting-table > thead {
  border: 1px solid #000000;
  border-right: 1px solid #000000; }

.new-setting-table > tbody > tr {
  border: 1px solid #000000; }

.new-setting-table > tbody > tr > td {
  border-top: 1px solid #000000 !important;
  padding: 4px; }

.setting_sub_container > .pagination {
  margin: 0px auto; }

.setting_sub_container > .pagination > .disabled > span,
.setting_sub_container > .pagination > .disabled > span:hover,
.setting_sub_container > .pagination > .disabled > span:focus,
.setting_sub_container > .pagination > .disabled > a,
.setting_sub_container > .pagination > .disabled > a:hover,
.setting_sub_container > .pagination > .disabled > a:focus {
  border-color: snow; }

.setting_sub_container > .pagination > .active > a,
.setting_sub_container > .pagination > .active > a:hover,
.setting_sub_container > .pagination > .active > a:focus,
.setting_sub_container > .pagination > .active > span,
.setting_sub_container > .pagination > .active > span:hover,
.setting_sub_container > .pagination > .active > span:focus {
  color: grey !important;
  background-color: transparent !important;
  border-color: #fff !important; }

/* End -- css for table*/
/* Start -- Member Account Tab */
.setting_profile_tab .profile_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_profile_tab .pass_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_profile_tab .providerPass_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_profile_tab .inbox_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_profile_tab .bank_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_profile_content > table > tbody > tr {
  line-height: 35px; }

.setting_profile_content .setting-label {
  width: 100px; }

.setting_profile_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_profile_content .setting-input {
  width: 50px; }

.setting_password_content > form > div > table > tbody > tr {
  line-height: 35px; }

.setting_password_content .setting-label {
  width: 120px; }

.setting_password_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_password_content .setting-input {
  width: 50px; }

.setting_password_content .setting-help-block {
  padding-left: 10px; }

.setting_password_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_password_content .setting-button {
  margin-left: 385px; }

.setting_propassword_content > form > div > table > tbody > tr {
  line-height: 35px; }

.setting_propassword_content .setting-label {
  width: 120px; }

.setting_propassword_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_propassword_content .setting-input {
  width: 50px; }

.setting_propassword_content .setting-help-block {
  padding-left: 10px; }

.setting_propassword_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_propassword_content .setting-button {
  margin-left: 385px; }

.setting_bank_content > form > div > table > tbody > tr {
  line-height: 35px; }

.setting_bank_content .setting-label {
  width: 120px; }

.setting_bank_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_bank_content .setting-input {
  width: 50px; }

.setting_bank_content .setting-help-block {
  padding-left: 10px; }

.setting_bank_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_bank_content .setting-button {
  margin-left: 385px; }

/* End -- Member Account Tab */
.outerDiv {
  margin: 0px auto;
  padding: 5px;
  display: flex; }

.leftDiv {
  color: #000000;
  width: 58%;
  float: left; }

.rightDiv {
  color: #000000;
  width: 40%;
  float: right;
  padding-right: 30px; }

.setting-onlinetransfer-wrap {
  color: #000;
  font-weight: bold; }

/* Start -- Withdraw Tab */
.setting_withdraw_content {
  margin-top: 0px; }

.setting_withdraw_content > label {
  font-size: 14px;
  padding: 2px;
  margin-bottom: 5px;
  font-weight: 900; }

.setting_withdraw_content .leftDiv > form > div > table > tbody > tr {
  line-height: 35px; }

.setting_withdraw_content .setting-label {
  width: 120px; }

.setting_withdraw_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_withdraw_content .setting-input {
  width: 50px; }

.setting_withdraw_content .setting-help-block {
  padding-left: 10px; }

.setting_withdraw_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_withdraw_content .setting-button {
  margin-left: 360px !important; }

/* End -- Withdraw Tab */
/* Start -- quickyPay Tab */
.setting_deposit_tab .quickyPay_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_deposit_tab .deposit_tab {
  width: auto;
  height: 15px;
  margin-right: 3px; }

.setting_quickPay_content > label {
  font-size: 14px;
  padding: 2px;
  margin-bottom: 5px;
  font-weight: 900; }

.setting_quickPay_content .setting-label {
  width: 120px; }

.setting_quickPay_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_quickPay_content .setting-input {
  width: auto; }

.setting_quickPay_content .setting-help-block {
  padding-left: 10px; }

.setting_quickPay_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_quickPay_content .setting-button {
  margin-left: 354px !important; }

.setting_bankTransfer_content > label {
  font-size: 14px;
  font-weight: 900;
  padding: 2px;
  margin-bottom: 5px; }

.setting_bankTransfer_content .setting-label {
  width: 120px; }

.setting_bankTransfer_content .setting-mandatory {
  width: 1px;
  color: red; }

.setting_bankTransfer_content .setting-input {
  width: auto; }

.setting_bankTransfer_content .setting-help-block {
  padding-left: 10px; }

.setting_bankTransfer_content .setting-help-block .help-block {
  margin: 0 auto !important; }

.setting_bankTransfer_content .setting-button {
  margin-left: 10px !important; }

.setting_bankTransfer_content .btn-calendar {
  height: 21px; }

.setting_bankTransfer_content .btn-calendar i.glyphicon {
  top: -5px; }

.fileContainer [type=file] {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0; }

.file-button {
  width: 100px;
  height: 20px; }

.btn-uploadfile {
  background-color: #ED1C24;
  color: white; }

.btn-uploadfile:hover {
  color: white; }

.radionbutton-display {
  margin-left: 16px;
  margin-bottom: 5px;
  min-width: 100px;
  max-width: 297px; }

.text-field-must-12 {
  font-size: 12px;
  color: red;
  margin-right: 3px; }

/* End -- quickyPay Tab */
/* add member bank dialog */
.setting-account-textwrap {
  font-size: 13px;
  color: #666666;
  margin-left: -15px;
  margin-right: 15px;
  color: #6a8cb0; }

.item-display {
  display: flex;
  margin-bottom: 10px; }

.member-dialog-form {
  display: block;
  border-radius: 0;
  height: 34px;
  margin: 0;
  font-size: 13px;
  padding: 3px 12px;
  line-height: 1.42857;
  font-family: Helvetica; }

.member-dialog-form:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.member-dialog-form:hover {
  border: 1px solid #006CC0; }

.form-sm-length {
  width: 199.33px;
  float: left; }

.form-md-length {
  width: 348.83px; }

.new-BK8-addmember-font {
  font-family: Helvetica; }

.new-BK8-addmember-btn-font {
  font-family: Helvetica;
  font-size: 16px; }

#member-info .member-info-textwrap {
  font-size: 13px;
  color: #666666;
  color: #6a8cb0;
  display: inline-flex;
  position: relative; }

#member-info .member-info-title {
  display: flex;
  position: relative;
  top: 2.3rem;
  width: 5rem; }

#member-info .input-container {
  display: inline-block;
  position: relative;
  left: 3rem; }

#member-info .input-container .text-required {
  font-size: 12px;
  color: red;
  position: relative;
  margin-right: 3px;
  display: flex;
  top: 1.5rem; }

#member-info .help-block {
  display: block;
  /* margin-top: 5px; */
  /* margin-bottom: 10px; */
  color: #737373; }

#member-info .has-error .help-block {
  color: #a94442;
  display: grid; }

#member-info .has-error {
  color: red;
  margin-top: 3px; }

#member-info .loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* Transparent Overlay */
#member-info .loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
  background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8)); }

/* :not(:required) hides these rules from IE9 and below */
#member-info .loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

#member-info .loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0; }

.edit-icon {
  background-color: #0066d1;
  border-radius: 10px;
  width: 1.75rem;
  margin-top: -1.5rem;
  margin-left: 0.6rem;
  position: absolute; }

.new-bk8-setting {
  margin: 0;
  padding: 0;
  padding-right: 0px !important;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica;
  padding-top: 41px;
  background-image: url(../images/newSetting/bg.jpg);
  width: 100%;
  height: 100%;
  background-position: -42px -128px;
  background-repeat: no-repeat;
  padding-top: 41px; }

.new-bk8-setting * {
  font-family: Helvetica; }

.new-bk8-setting *:focus {
  outline: none !important; }

.new-bk8-setting ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c5c8cc !important; }

.new-bk8-setting ::-moz-placeholder {
  /* Firefox 19+ */
  color: #c5c8cc !important; }

.new-bk8-setting :-ms-input-placeholder {
  /* IE 10+ */
  color: #c5c8cc !important; }

.new-bk8-setting :-moz-placeholder {
  /* Firefox 18- */
  color: #c5c8cc !important; }

.new-bk8-setting input {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  border: none;
  color: black;
  min-width: 240px;
  padding: 0px; }

.new-bk8-setting input {
  -webkit-appearance: textfield;
  background-color: transparent; }

.new-bk8-setting input[type="button"], .new-bk8-setting input[type="submit"], .new-bk8-setting input[type="reset"],
.new-bk8-setting input[type="file"]::-webkit-file-upload-button, .new-bk8-setting button {
  border-color: transparent;
  border-style: solid;
  border-width: 0px; }

.new-bk8-setting .inputWithdraw {
  border: 1px solid silver;
  background-color: #fff;
  color: #999;
  border-radius: 4px;
  display: flex;
  align-items: center; }

.new-bk8-setting .inputDeposit {
  border: 1px solid silver;
  background-color: #fff;
  color: #999;
  border-radius: 4px;
  display: flex;
  align-items: center; }

.new-bk8-setting input[type="radio"], .new-bk8-setting input[type="checkbox"] {
  background-color: initial;
  cursor: default;
  margin: 0px;
  padding: initial;
  border: initial;
  -webkit-appearance: checkbox !important; }

.new-bk8-setting p, .new-bk8-setting ol, .new-bk8-setting ul {
  margin-top: 0px; }

.new-bk8-setting a {
  color: #171717; }

.new-bk8-setting ul, .new-bk8-setting menu, .new-bk8-setting dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px; }

.new-bk8-setting hr {
  margin-top: 1px;
  margin-bottom: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.hr-dotted {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 24px;
  margin-right: 24px;
  border: 0;
  border-top: 1px dashed #959595; }

.new-bk8-setting::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.new-bk8-setting::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px; }

.new-bk8-setting::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px; }

.new-bk8-setting::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-border-radius: 6px; }

.new-bk8-setting .vl {
  border-left: 1px dotted #858585;
  height: 30px; }

.new-bk8-setting .pl-5 {
  padding-left: 5px; }

.new-bk8-setting .pl-10 {
  padding-left: 10px; }

.new-bk8-setting .pl-15 {
  padding-left: 15px; }

.new-bk8-setting .pl-20 {
  padding-left: 20px; }

.new-bk8-setting .pr-5 {
  padding-right: 5px; }

.new-bk8-setting .pr-10 {
  padding-right: 10px; }

.new-bk8-setting .pr-15 {
  padding-right: 15px; }

.new-bk8-setting .pr-20 {
  padding-right: 20px; }

.new-bk8-setting .ml-5 {
  margin-left: 5px; }

.new-bk8-setting .ml-10 {
  margin-left: 10px; }

.new-bk8-setting .ml-15 {
  margin-left: 15px; }

.new-bk8-setting .ml-20 {
  margin-left: 20px; }

.new-bk8-setting .ml-25 {
  margin-left: 25px; }

.new-bk8-setting .ml-30 {
  margin-left: 30px; }

.new-bk8-setting .ml-35 {
  margin-left: 35px; }

.new-bk8-setting .ml-40 {
  margin-left: 40px; }

.new-bk8-setting .ml-45 {
  margin-left: 45px; }

.new-bk8-setting .mb-5 {
  margin-bottom: 5px; }

.new-bk8-setting .mb-10 {
  margin-bottom: 10px; }

.new-bk8-setting .mb-15 {
  margin-bottom: 15px; }

.new-bk8-setting .mb-20 {
  margin-bottom: 20px; }

.new-bk8-setting .mb-25 {
  margin-bottom: 25px; }

.new-bk8-setting .mt-5 {
  margin-top: 5px; }

.new-bk8-setting .mt-10 {
  margin-top: 10px; }

.new-bk8-setting .mt-15 {
  margin-top: 15px; }

.new-bk8-setting .mt-20 {
  margin-top: 20px; }

.new-bk8-setting .mt-25 {
  margin-top: 25px; }

.new-bk8-setting .mt-30 {
  margin-top: 30px; }

.new-bk8-setting .mt-35 {
  margin-top: 35px; }

.new-bk8-setting .mt-40 {
  margin-top: 40px; }

.new-bk8-setting .mt-45 {
  margin-top: 45px; }

.new-bk8-setting .mt-50 {
  margin-top: 50px; }

.new-bk8-setting .mt-55 {
  margin-top: 55px; }

.new-bk8-setting .mt-60 {
  margin-top: 60px; }

.new-bk8-setting .mx-auto {
  margin-left: auto;
  margin-right: auto; }

.new-bk8-setting .my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.new-bk8-setting .font-12 {
  font-size: 12px; }

.new-bk8-setting .font-14 {
  font-size: 14px; }

.new-bk8-setting .font-16 {
  font-size: 16px; }

.new-bk8-setting .text-bold {
  font-family: 'AvenirLT95-BlackFont'; }

.new-bk8-setting .text-title {
  font-family: 'AvenirLT45-BookFont'; }

/*********************************************************************************/
/* Text Color                                                                    */
/*********************************************************************************/
.new-bk8-setting .light-blue {
  color: #3f8fcb; }

.new-bk8-setting .text-blue {
  color: #6a8cb0; }

.new-bk8-setting .dark-blue {
  color: #0066d1; }

.new-bk8-setting .light-gray {
  color: #656565; }

.new-bk8-setting .light-gray-1 {
  color: #bfbfbf; }

.new-bk8-setting .gray {
  color: #858585; }

.new-bk8-setting .red {
  color: #cc1800; }

.new-bk8-setting .green {
  color: #08b200; }

.new-bk8-setting .black {
  color: #000000; }

.new-bk8-setting .white {
  color: #ffffff; }

.new-bk8-setting .account-text {
  color: #6a8cb0;
  font-family: Helvetica, sans-serif;
  font-weight: 700; }

.new-bk8-setting .gray-999 {
  color: #999999; }

.new-bk8-setting .bg-blue {
  background-color: rgba(129, 157, 187, 0.15); }

/*********************************************************************************/
/* Width                                                                         */
/*********************************************************************************/
.new-bk8-setting .w-170 {
  width: 170px; }

.new-bk8-setting .w-290 {
  width: 290px; }

.new-bk8-setting .w-300 {
  width: 300px; }

.new-bk8-setting .w-130 {
  width: 130px; }

.new-bk8-setting .w-150 {
  width: 150px; }

.new-bk8-setting .h-30 {
  height: 30px; }

.new-bk8-setting .h-40 {
  height: 40px; }

.new-bk8-setting .w-350 {
  width: 350px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .w-170 {
    width: 150px; }
  .new-bk8-setting .w-300 {
    width: 260px; } }

/*********************************************************************************/
/* Wrapper & Container                                                           */
/*********************************************************************************/
.new-bk8-setting #wrapper {
  background-position: top;
  background-size: auto;
  width: 100%;
  padding: 0px 0px; }

.new-bk8-setting .container {
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 19px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .container {
    min-width: 1000px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 10px; } }

.new-bk8-setting .text-center {
  text-align: center; }

/*********************************************************************************/
/* Button                                                                        */
/*********************************************************************************/
.new-bk8-setting button.gradientBtn {
  border-radius: 4px;
  width: 188px;
  height: 40px;
  background: #0062c9;
  background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
  background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
  color: #fff;
  cursor: pointer;
  font-size: inherit; }

.new-bk8-setting button.gradientBtn:disabled {
  background: -moz-linear-gradient(top, #e0e0e0 0%, #003679 102%);
  background: -webkit-linear-gradient(top, #e0e0e0 0%, #003679 102%);
  background: linear-gradient(to bottom, #e0e0e0 0%, #003679 102%);
  cursor: not-allowed; }

.new-bk8-setting button.gradientBtnRed {
  border-radius: 4px;
  width: 68px;
  height: 40px;
  background: #0062c9;
  background: -moz-linear-gradient(top, #cc001b 0%, #940014 102%);
  background: -webkit-linear-gradient(top, #cc001b 0%, #940014 102%);
  background: linear-gradient(to bottom, #cc001b 0%, #940014 102%);
  color: #fff;
  cursor: pointer; }

.new-bk8-setting button.gradientBtnDefault {
  border-radius: 4px;
  width: 68px;
  height: 40px;
  background: #0062c9;
  background: -moz-linear-gradient(top, #d3d3d3 0%, #878787 100%);
  background: -webkit-linear-gradient(top, #d3d3d3 0%, #878787 100%);
  background: linear-gradient(to bottom, #d3d3d3 0%, #878787 100%);
  color: #fff;
  cursor: pointer; }

.new-bk8-setting button.gradientBtnGray, .new-bk8-setting label.gradientBtnGray {
  border-radius: 4px;
  width: 188px;
  height: 40px;
  background: #0062c9;
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  color: #858585;
  cursor: pointer;
  border: 1px solid silver; }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
.new-bk8-setting .header {
  width: 100%; }

.new-bk8-setting .header .headerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 82px; }

.new-bk8-setting .headerContent > a {
  margin-top: auto; }

.new-bk8-setting .header .headerContent .icons_header_logo {
  float: left;
  cursor: pointer; }

.new-bk8-setting .header .headerContent .right {
  float: right;
  font-size: 12px;
  height: 90px;
  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;
  margin-bottom: 8px; }

.new-bk8-setting .header .headerContent .right .loginBar {
  float: left;
  height: 100%;
  min-width: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.new-bk8-setting .header .headerContent .right .loginBar .tools {
  position: absolute;
  padding-left: 46px;
  left: 0;
  bottom: 10px;
  width: 100%;
  color: #6d6d6d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.new-bk8-setting .header .headerContent .right .loginBar .tools > div {
  line-height: 100%; }

.new-bk8-setting .header .headerContent .right .loginBar .tools > div.forgot > span {
  color: #6d6d6d; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username-container,
.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container {
  position: relative; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu {
  position: absolute;
  z-index: 4;
  background: #f5f5f5;
  width: 135px;
  padding: 2px;
  left: -40px;
  top: 29px; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .triangle {
  position: absolute;
  z-index: 4;
  width: 18px;
  left: 14px;
  top: 15px;
  border-bottom: solid 15px #f5f5f5;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item {
  padding: 10px 8px;
  pointer: cursor; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item {
  padding: 10px 8px;
  pointer: cursor;
  display: flex; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item .menu-span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username-container .floating-menu .menu-item:hover,
.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item:hover {
  color: white;
  background: #0166d2; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu {
  position: absolute;
  z-index: 4;
  background: #f5f5f5;
  width: 115px;
  padding: 2px;
  left: -40px;
  top: 29px; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .triangle {
  position: absolute;
  z-index: 4;
  width: 18px;
  left: 4px;
  top: 15px;
  border-bottom: solid 15px #f5f5f5;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .funds-container .floating-menu .menu-item > img {
  height: 20px;
  margin-left: 5px; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .username {
  color: #3e7cda;
  font-weight: 900; }

.new-bk8-setting .header .headerContent .right .loginBar .tools .timeNow {
  font-size: 12px; }

.new-bk8-setting .header .headerContent .right .loginBar input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.new-bk8-setting .header .headerContent .right .loginBar ::-webkit-input-placeholder,
.new-bk8-setting .header .headerContent .right .loginBar ::-moz-placeholder,
.new-bk8-setting .header .headerContent .right .loginBar :-ms-input-placeholder {
  font-size: 12px; }

.new-bk8-setting .header .headerContent .right .loginBar > div {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px; }

.new-bk8-setting .header .headerContent .right .loginBar > div.username,
.new-bk8-setting .header .headerContent .right .loginBar > div.password {
  width: 116px;
  height: 30px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: white;
  border: 1px solid #003a76;
  padding-left: 15px;
  box-sizing: border-box; }

.new-bk8-setting .header .headerContent .right .loginBar > div.username > input,
.new-bk8-setting .header .headerContent .right .loginBar > div.password > input {
  width: 98%;
  border: 0; }

.new-bk8-setting .header .headerContent .right .loginBar .login {
  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;
  font-family: "buttonBold";
  cursor: pointer; }

.new-bk8-setting .header .headerContent .right .loginBar .joinnow {
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap; }

.new-bk8-setting .header .headerContent .right .loginBar .login > span,
.new-bk8-setting .header .headerContent .right .loginBar .joinnow > span {
  font-family: "buttonBold";
  font-size: 12px; }

.new-bk8-setting .header .headerContent .right .languageTog {
  float: right;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 46px;
  margin-left: 15px; }

.new-bk8-setting .header .headerContent .right .languageTog .region,
.new-bk8-setting .header .headerContent .right .languageTog .icons_header_more {
  cursor: pointer; }

.new-bk8-setting .header .headerContent .right .loginBar .space,
.new-bk8-setting .header .headerContent .right .tools .space {
  flex-grow: 1; }

.new-bk8-setting .header .headerContent .right .loginBar .livechat {
  background: url("../images/newSetting/icon/contact_dd_livechat.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  cursor: pointer; }

.new-bk8-setting .header .headerContent .right .loginBar .message {
  background: url("../images/newSetting/icon/nav_mail_icon.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  position: relative;
  cursor: pointer; }

.new-bk8-setting .header .headerContent .right .loginBar .message .nav-mail-counter {
  position: absolute;
  top: -6px;
  right: 18px;
  background: red;
  color: white;
  width: 16px;
  height: 16px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  line-height: 17px;
  text-align: center; }

.new-bk8-setting .header .headerContent .right .loginBar .deposit {
  color: white;
  width: 84px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #0166d2 !important;
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  margin-right: 5px; }

.new-bk8-setting .header .headerContent .right .loginBar .logout {
  color: white;
  width: 86px;
  height: 30px;
  border: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #959595 !important;
  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-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  word-break: keep-all;
  white-space: nowrap;
  margin-right: 5px; }

/*********************************************************************************/
/* menu                                                                        */
/*********************************************************************************/
.new-bk8-setting .menu {
  position: relative; }

.new-bk8-setting .menu .menuBox {
  background: #013b7a;
  margin: 0px -19px; }

.new-bk8-setting .menu .menuBox .menuContent {
  font-size: 12px;
  height: 46px;
  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;
  margin-bottom: 1px; }

.new-bk8-setting .menu .menuBox .menuContent .menunav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  padding-left: 5px;
  margin-bottom: 0px; }

.new-bk8-setting .menu .menuBox .menuContent .menunav > li {
  height: 46px;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  line-height: 100%;
  margin-top: 1px;
  font-family: 'mainFont';
  font-size: 13px;
  text-align: center;
  color: white;
  margin: 0 21px; }

.new-bk8-setting .menu .menuBox .menuContent .menunav > li .icons_menu_live {
  position: absolute;
  top: 17px; }

.new-bk8-setting .menu .menuBox .menuContent .menunav > li .icons_menu_new {
  position: absolute;
  top: 17px; }

.new-bk8-setting .icons_menu_live {
  width: 30px;
  height: 16px; }

.new-bk8-setting .icons_menu_new {
  width: 30px;
  height: 16px; }

.icon_main_wallet {
  width: 2.2rem;
  height: 2.2rem;
  display: inline-block;
  background: url(../images/newSetting/icon-smart.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.new-bk8-setting .icons {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/newSetting/headerMenu/headerMenu_liveIcon.png); }

.main-wallet-font {
  color: grey; }

.new-bk8-setting .message_sub_nav {
  top: 65px;
  left: 61px;
  display: block;
  width: 150px; }

.message_nav_item {
  padding: 10px 8px;
  cursor: pointer; }

.new-bk8-setting .messsaging-header {
  display: flex;
  height: 47px;
  padding: 10px 0px 10px 36px; }

/*********************************************************************************/
/* Top Content                                                                      */
/*********************************************************************************/
.new-bk8-setting .profileBox .profileItemDetail {
  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;
  height: 100%; }

.new-bk8-setting .profileItemDetail_userVerificationStatus {
  display: inline-flex;
  align-items: center; }

.new-bk8-setting .profileBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 86px;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 20px;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 23px;
  border-radius: 4px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.new-bk8-setting img.upperElementEightIcon {
  margin-right: 10px;
  width: 47px;
  height: 55px;
  object-fit: contain; }

.new-bk8-setting .profileItemDetail:hover .tooltip.nonDiamond {
  visibility: visible; }

.new-bk8-setting .tooltip {
  height: 80px;
  width: 136px;
  background: #f2f2f2;
  position: absolute;
  top: 83px;
  z-index: 100;
  left: -25px;
  border: 1px solid #b5aaaa;
  visibility: hidden; }

.new-bk8-setting .tooltip a {
  font-size: 12px;
  margin-left: 14px;
  color: #a29999; }

.new-bk8-setting .tooltip img {
  margin-top: 12px;
  margin-left: 10px; }

.new-bk8-setting .tooltip::before,
.new-bk8-setting .tooltip::after {
  content: "";
  position: absolute;
  border-left: 13px  solid transparent;
  border-right: 13px  solid transparent;
  top: -16%;
  left: 48%;
  margin-left: -10px; }

.new-bk8-setting .tooltip::after {
  border-bottom: 13px solid #f2f2f2;
  margin-top: 0px;
  z-index: 1; }

.new-bk8-setting .tooltip::before {
  border-bottom: 13px solid #b5aaaa;
  margin-top: -2px; }

.new-bk8-setting .rightContentBox1 {
  padding-right: 37px; }

.new-bk8-setting .leftContentBox2 {
  padding-left: 20px;
  padding-right: 30px; }

.new-bk8-setting .rightContentBox2 {
  padding-right: 15px; }

.new-bk8-setting .leftContentBox3 {
  width: 70%;
  padding-left: 18px;
  padding-right: 14px; }

.new-bk8-setting .userVerificationStatusText {
  display: inline-block;
  padding-right: 37px; }

.new-bk8-setting .profileItemDetail.contentBox4 {
  position: absolute;
  right: 20px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .profileBox {
    padding: 15px 10px;
    width: 100%;
    max-width: 1200px; }
  .new-bk8-setting .font-14 {
    font-size: 13px; }
  .new-bk8-setting .font-16 {
    font-size: 14px; }
  .new-bk8-setting .rightContentBox1 {
    padding-right: 15px; }
  .new-bk8-setting .userVerificationStatusText {
    display: inline-block;
    padding-right: 17px; }
  .new-bk8-setting .profileItemDetail.contentBox4 {
    position: absolute;
    right: 20px; }
  .new-bk8-setting img.upperElementEightIcon {
    margin-right: 10px;
    width: 37px;
    height: auto;
    object-fit: contain; } }

.new-bk8-setting .reload svg {
  transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
  width: 18px;
  height: 18px;
  cursor: pointer; }

.new-bk8-setting .reload svg path {
  fill: #0066d1; }

.new-bk8-setting .btn--restoreBtn {
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
  height: 40px;
  color: #858585;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.new-bk8-setting .btn--restoreBtn:disabled {
  cursor: not-allowed; }

.new-bk8-setting .btn--restoreBtn:disabled img {
  filter: grayscale(100%); }

.new-bk8-setting img.verificationIcon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-right: 1px; }

.new-bk8-setting .verificationIcon-container {
  border-radius: 25px;
  background-color: #d4d4d4;
  width: 26px;
  height: 26px;
  border-radius: 25px;
  min-width: 26px;
  margin-right: 1px;
  display: flex;
  cursor: pointer; }

.new-bk8-setting img.verificationIcon-new {
  width: 15px;
  height: 15px;
  margin: auto; }

.new-bk8-setting .verificationIcon-active {
  background-color: #30e100 !important; }

.new-bk8-setting .verificationIcon-red {
  background-color: #cc1800 !important; }

.new-bk8-setting .profileItemDetail_userVerificationBar {
  display: inline-flex;
  position: relative;
  margin-top: 10px; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-bar {
    width: 40px;
    height: 5px;
    margin-right: 2px;
    background-color: #d4d4d4; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-bar-1 {
    background-color: #ff9000; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-bar-2 {
    background-color: #ffc200; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-bar-3 {
    background-color: #c1d300; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-bar-4 {
    background-color: #30e100; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-veri-icon {
    position: absolute;
    top: -8px;
    width: 20px;
    height: 20px; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .verification-star {
    position: absolute;
    top: -19px;
    left: 87%;
    cursor: pointer; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-1 {
    left: 17%; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-2 {
    left: 42%; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .progress-3 {
    left: 68%; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .triangle {
    position: absolute;
    z-index: 4;
    left: 151px;
    top: 11px;
    border-bottom: solid 15px #e6e6e6;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent; }
  .new-bk8-setting .profileItemDetail_userVerificationBar .floating-menu {
    position: absolute;
    z-index: 4;
    background: #e6e6e6;
    width: 155px;
    padding: 5px 7px 5px 7px;
    left: 89px;
    top: 25px;
    display: inline-flex; }
    .new-bk8-setting .profileItemDetail_userVerificationBar .floating-menu .right-side {
      padding-left: 5px;
      padding-top: 5px; }
      .new-bk8-setting .profileItemDetail_userVerificationBar .floating-menu .right-side .title {
        font-size: 12px;
        color: #0066d1;
        font-weight: 800; }
      .new-bk8-setting .profileItemDetail_userVerificationBar .floating-menu .right-side .desc {
        font-size: 1.0em; }

.new-bk8-setting .popupText {
  position: relative; }

.new-bk8-setting .popupText .tooltipText {
  visibility: hidden;
  background-color: #f5f5f5;
  color: #0a1623;
  text-align: center;
  border-radius: 6px;
  display: flex;
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
  position: absolute;
  z-index: 5000;
  width: 150px;
  top: 25px;
  left: 21px; }

.new-bk8-setting .popupText:hover .tooltipText {
  visibility: visible; }

.new-bk8-setting ul.breadcrumb {
  list-style: none;
  padding: 0px; }

/* Display list items side by side */
.new-bk8-setting ul.breadcrumb li {
  display: inline;
  margin: 0 5px 0 5px; }

/* Add a slash symbol (/) before/behind each list item */
.new-bk8-setting ul.breadcrumb li + li:before {
  color: #858585;
  content: "/\00a0"; }

/* Add a color to all links inside the list */
.new-bk8-setting ul.breadcrumb li a {
  color: #858585;
  text-decoration: none; }

/*********************************************************************************/
/* tab-content                                                                   */
/*********************************************************************************/
.new-bk8-setting .tabContentHeader {
  height: 54px;
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  position: relative; }

.new-bk8-setting .userActivity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flow-root;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-bottom: 30px; }

.new-bk8-setting .userActivityMenuPart {
  width: 19.17%;
  box-sizing: border-box;
  display: inline-block;
  min-height: 1px;
  background-color: rgba(255, 255, 255, 0.5); }

.new-bk8-setting .userActivityMenuItem > img {
  margin-left: 10px;
  width: 24px;
  height: auto; }

.new-bk8-setting .userActivityMenuItem > a,
.new-bk8-setting .userActivityMenuItem > span {
  margin-left: 10px;
  word-break: break-word; }

.new-bk8-setting .userActivityTitle {
  padding-top: 22px; }

.new-bk8-setting .userActivityTitleSecond {
  padding-top: 20px; }

.new-bk8-setting #userActivity-nav {
  height: 100%;
  width: 100%; }

.new-bk8-setting #userActivity-nav > ul {
  float: left;
  display: block;
  position: relative;
  top: 0;
  border-right-width: 0;
  margin: auto 0 !important;
  padding: 0;
  border-radius: 4px;
  padding-left: 21px;
  padding-right: 21px;
  min-height: 520px; }

.new-bk8-setting #userActivity-nav > ul > li {
  height: 40px;
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  color: #858585;
  font-size: 14px;
  cursor: pointer; }

.new-bk8-setting #userActivity-nav > ul > li.current {
  color: #fff;
  background: #0066d1;
  height: 40px; }

.new-bk8-setting #userActivity-nav > ul > li.first.current > a > span {
  color: #fff; }

.new-bk8-setting #userActivity-nav > ul > li.last {
  border-bottom: none; }

.new-bk8-setting #userActivity-nav > div.tab-content {
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  width: 79.58%;
  border-radius: 4px;
  min-height: 900px;
  float: right; }

.new-bk8-setting .tContent_textContent {
  line-height: 0.8;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  word-wrap: break-word; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .userActivity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flow-root;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px; }
  .new-bk8-setting #userActivity-nav > ul {
    padding-left: 10px;
    padding-right: 10px; } }

.new-bk8-setting .fake-seamless {
  position: relative;
  margin-left: auto;
  margin-right: 0; }

.new-bk8-setting .seamless-toggle-icon {
  padding-left: 10px;
  padding-top: 4px;
  width: 35px; }

.new-bk8-setting .seamless-toggle-icon:hover {
  cursor: pointer; }

/*********************************************************************************/
/* Options-Select-with-Image                                                     */
/*********************************************************************************/
.new-bk8-setting .radio-tile-group {
  display: flex;
  flex-wrap: wrap; }

.new-bk8-setting .left-title {
  width: 118px;
  margin-left: 45px;
  margin-right: 35px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.new-bk8-setting .left-titleDeposit {
  margin-left: 27px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.new-bk8-setting .user-bank-account {
  background-color: #004997;
  color: white;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid silver; }

.new-bk8-setting .profileItemDetail_userVerificationIconGroup {
  display: flex; }

.new-bk8-setting .user-bank-detail {
  line-height: 1.5;
  font-weight: normal; }

.new-bk8-setting .left-titleWithdrawBank {
  width: 110px;
  margin-left: 45px;
  margin-right: 35px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.new-bk8-setting .left-titleWithdrawBank-special-row {
  margin-top: 21px;
  display: grid;
  grid-template-columns: 186px 1fr; }

.new-bk8-setting .left-titleWithdraw {
  margin-left: 42px;
  width: 141px; }

.new-bk8-setting .left-titleHistory {
  margin-left: 42px;
  width: 141px; }

.new-bk8-setting .left-title-bankDetails {
  margin-left: 42px;
  width: 143px;
  display: inline-flex;
  align-items: center;
  margin-right: 13px; }

.new-bk8-setting .left-title-password {
  margin-left: 42px;
  width: 143px;
  display: inline-flex;
  align-items: center; }

.new-bk8-setting label {
  display: inline-block;
  margin-right: 15px;
  color: #858585; }

.new-bk8-setting label > input {
  /* HIDE RADIO */
  visibility: hidden;
  /* Makes input not-clickable */
  position: absolute;
  /* Remove input from document flow */ }

.new-bk8-setting label > input + img {
  /* IMAGE STYLES */
  color: #858585;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-grid;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 6px; }

.new-bk8-setting label > input:checked + img {
  background-image: url(../images/newSetting/tContent_depositContent_largeActive.png);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #0066d1;
  color: #0066d1;
  -webkit-filter: inherit;
  filter: inherit; }

.new-bk8-setting label > input:checked + img + div {
  /* (RADIO CHECKED) IMAGE STYLES */
  color: #0066d1; }

.new-bk8-setting label.LayerDepositOption {
  display: inline-block;
  margin-right: 12px;
  color: #858585; }

.new-bk8-setting label.LayerDepositOption > input {
  /* HIDE RADIO */
  visibility: hidden;
  /* Makes input not-clickable */
  position: absolute;
  /* Remove input from document flow */ }

.new-bk8-setting label.LayerDepositOption > input + img {
  /* IMAGE STYLES */
  color: #858585;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-grid;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 4px; }

.new-bk8-setting label.LayerDepositOption > input:checked + img {
  /* (RADIO CHECKED) IMAGE STYLES */
  background-image: url(../images/newSetting/tContent_depositContent_smallActive.png);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #0066d1;
  color: #0066d1; }

.new-bk8-setting div.gridDepositOptions {
  display: grid;
  grid-template-columns: 194px 194px; }

.new-bk8-setting div.gridDepositOptions > div {
  margin: 1px 1px 15px 1px;
  height: 40px;
  position: relative;
  cursor: pointer; }

.new-bk8-setting div.gridDepositOptions > div.bankOnline:before {
  position: absolute;
  content: '';
  background-color: #10ff00;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  left: 34px;
  z-index: 89; }

.new-bk8-setting div.gridDepositOptions > div.bankOffline:before {
  position: absolute;
  content: '';
  background-color: #FF0000;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  left: 34px;
  z-index: 89; }

.new-bk8-setting div.gridDepositOptions > div > div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-left: 50px;
  color: #858585;
  font-size: 12px;
  line-height: 1;
  text-align: left; }

.new-bk8-setting div.gridDepositOptions > div > img {
  float: left;
  border: 1px solid silver;
  border-radius: 4px; }

.new-bk8-setting div.gridDepositOptions > div.checkedDepositOption > img {
  background-image: url(../images/newSetting/tContent_depositContent_smallActive.png);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #0066d1;
  border-radius: 4px; }

.new-bk8-setting div.gridDepositOptions > div.checkedDepositOption > div {
  color: #0066d1; }

.new-bk8-setting div.floatingBankStatusBox {
  position: absolute;
  z-index: 90;
  background-color: #ebebeb;
  width: 240px;
  height: 45px;
  filter: drop-shadow(0 0 5px #777); }

.new-bk8-setting div.bank-status-content-div {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  justify-content: center; }

.new-bk8-setting div.deposit-top-right-box {
  width: 230px;
  background-color: grey;
  height: 40px;
  margin-top: 15px;
  margin-right: 20px;
  border-top: 1px solid grey;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  word-break: break-word; }

.new-bk8-setting div.deposit-top-right-box:before {
  position: absolute;
  content: '';
  background-color: #FF0000;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  left: 35px;
  bottom: 28px;
  z-index: 89; }

.new-bk8-setting div.deposit-top-right-box.open {
  background-color: #0066d1;
  border-top: 1px solid #0066d1; }

.new-bk8-setting .label-bank-status-offline {
  color: white;
  margin-right: 0;
  background-color: #FF0000;
  width: 45px;
  height: 18px;
  padding: 2px 3px 0px 2px;
  font-size: 12px; }

.new-bk8-setting .label-bank-status-online {
  color: white;
  margin-right: 0;
  width: 40px;
  padding: 2px 3px 0px 2px;
  font-size: 12px;
  height: 19px; }

.new-bk8-setting div.bank-maintenance-status-indicator-board {
  border: 1px solid lightgrey;
  position: absolute;
  background-color: #ebebeb;
  display: none;
  width: 295px; }

.new-bk8-setting div.bank-maintenance-status-indicator-board.open {
  display: block; }

.new-bk8-setting label.LayerDepositOption > input:checked + img + div {
  /* (RADIO CHECKED) IMAGE STYLES */
  color: #0066d1; }

.new-bk8-setting .radio-tile-group .input-container {
  position: relative; }

.new-bk8-setting .radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.new-bk8-setting .radio-tile-group .input-container .radio-tile4 .icon {
  width: 80px;
  height: 40px;
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid silver;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: #858585;
  font-size: 14px; }

.new-bk8-setting .radio-tile-group .input-container .radio-button:checked + .radio-tile4 .icon {
  border: 1px solid #0066d1;
  border-radius: 4px;
  color: #0066d1; }

.new-bk8-setting .formMessage {
  display: inline-flex;
  align-items: center; }

.new-bk8-setting .selectDropDown {
  color: #999999;
  border: 1px solid silver;
  background-color: #fff;
  width: 300px;
  height: 40px;
  border-radius: 4px;
  align-items: center; }

.new-bk8-setting .selectDropDown2 {
  color: #999999;
  border: 1px solid silver;
  background-color: #fff;
  width: 170px;
  height: 40px;
  border-radius: 4px;
  align-items: center; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .radio-tile-group .form-input-container .amount-input {
    font-size: 13px; } }

/*********************************************************************************/
/* Option-Select                                                             */
/*********************************************************************************/
/* ===== Select Box ===== */
.new-bk8-setting .custom-select {
  position: relative;
  font-family: Helvetica;
  cursor: pointer;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 4px;
  color: #999; }

.new-bk8-setting .custom-select select {
  display: none;
  /*hide original SELECT element: */ }

/* Style the arrow inside the select element: */
body.km .new-bk8-setting .select-selected:after {
  top: calc(50% - 0.9em); }

.new-bk8-setting .select-selected:after {
  position: absolute;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  right: 15px;
  top: calc(50% - 0.5em); }

/* Point the arrow upwards when the select box is open (active): */
.new-bk8-setting .select-selected.select-arrow-active:after {
  transform: rotateX(-180deg); }

/* style the items (options), including the selected item: */
.new-bk8-setting .select-items div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

/* Style items (options): */
.new-bk8-setting .select-items {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: white; }

/* Hide the items when the select box is closed: */
.new-bk8-setting .select-hide {
  display: none; }

.new-bk8-setting .select-items div:hover, .new-bk8-setting .same-as-selected {
  background-color: #e6e6e6; }

/*********************************************************************************/
/* ContentItem-Transfer                                                          */
/*********************************************************************************/
/* Firefox old*/
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Opera and prob css3 final iteration */
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.blink-image {
  -moz-animation: blink normal 1s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 1s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 1s infinite ease-in-out;
  /* IE */
  animation: blink normal 1s infinite ease-in-out;
  /* Opera and prob css3 final iteration */ }

.new-bk8-setting .OptionItemBoxDiv {
  width: 210px;
  height: 60px;
  margin-right: 18px;
  position: relative; }

.new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
  margin-right: 0px; }

.new-bk8-setting #weeklyProgressBar {
  height: 5px;
  background: #e2e2e2;
  box-sizing: border-box;
  width: 100px; }

.new-bk8-setting .weeklyCompleteBar {
  height: 5px;
  background: #0166d2; }

.new-bk8-setting .weekly-padding {
  padding-right: 35px; }

.new-bk8-setting .weekly-top-right {
  width: 33%; }

.new-bk8-setting .weekly-top-right .weekly-top-right-div {
  display: flex;
  justify-content: space-evenly;
  background: #E2E2E2;
  height: 30px;
  border-radius: 6px;
  align-items: center;
  color: #585858; }

.new-bk8-setting .tooltip-weekly .weekly-container {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  align-items: center;
  margin-top: 15px; }

.new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  margin-top: 1px; }

.new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-begining {
  color: #0166d2;
  align-self: center; }

.new-bk8-setting .tooltip-weekly .weekly-container .weekly-container-progress-target {
  color: #9b9b9b;
  align-self: center; }

.new-bk8-setting .weekly-turnover-container {
  height: 28px;
  background: #E2E2E2;
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  position: relative;
  top: -8px;
  z-index: 1;
  font-size: 12px; }

.new-bk8-setting .weekly-turnover-container-top {
  height: 10px !important;
  border-radius: 0px !important;
  top: -3px !important; }

.new-bk8-setting .weekly-turnover-container-bottom {
  height: 20px !important;
  z-index: 3; }

.new-bk8-setting .weekly-turnover-container-inner {
  display: flex;
  justify-content: space-between; }

.new-bk8-setting .weekly-turnover-container-left {
  padding-left: 10px;
  display: flex;
  flex-direction: row; }

.new-bk8-setting .weekly-turnover-container-left img {
  height: 14px;
  margin-left: 5px; }

.new-bk8-setting .tooltip-weekly {
  min-height: 72px;
  width: 136px;
  background: linear-gradient(0deg, #e4e4e4 0, #ffffff 100%);
  position: absolute;
  top: 26px;
  z-index: 100;
  left: -56px;
  border: 1px solid #969696;
  display: flex;
  flex-direction: column; }

.new-bk8-setting .tooltip-weekly a {
  font-size: 12px;
  margin-left: 14px;
  color: #a29999; }

.new-bk8-setting .reload-weekly svg {
  transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin-top: 3px; }

.new-bk8-setting .reload-weekly svg path {
  fill: #0066d1; }

.new-bk8-setting .tooltip-weekly::before,
.new-bk8-setting .tooltip-weekly::after {
  content: "";
  position: absolute;
  border-left: 13px  solid transparent;
  border-right: 13px  solid transparent;
  top: -12px;
  left: 48%;
  margin-left: -10px; }

.new-bk8-setting .tooltip-weekly::after {
  border-bottom: 13px solid #ffffff;
  margin-top: 0px;
  z-index: 1; }

.new-bk8-setting .tooltip-weekly::before {
  border-bottom: 13px solid #969696;
  margin-top: -2px; }

body.km .new-bk8-setting .OptionItemBox {
  height: 75px; }

.new-bk8-setting .OptionItemBox {
  width: 210px;
  height: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  border-radius: 4px;
  align-items: end;
  margin-right: 18px;
  z-index: 2; }

.new-bk8-setting .OptionItemBox-last {
  width: 210px;
  height: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  border-radius: 4px;
  align-items: end;
  margin-right: 0px; }

@media screen and (max-width: 1220px) {
  .new-bk8-setting .OptionItemBoxDiv:nth-child(n+4) {
    margin-top: 45px; }
  .new-bk8-setting .weekly-padding {
    padding-right: 250px; }
  .new-bk8-setting .weekly-top-right {
    width: 44%; } }

@media screen and (max-width: 1240px) {
  .new-bk8-setting .OptionItemBoxDiv {
    margin-right: 12px; }
  .new-bk8-setting .OptionItemBox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 4px;
    align-items: end;
    margin-right: 12px; }
  .new-bk8-setting .OptionItemBox-last {
    width: 180px;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 4px;
    align-items: end;
    margin-right: 0px; }
  .new-bk8-setting .left-title {
    width: 110px;
    margin-left: 20px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .new-bk8-setting .left-titleDeposit {
    margin-left: 20px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .new-bk8-setting .left-titleWithdrawBank {
    width: 82px;
    margin-left: 20px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .new-bk8-setting .left-titleWithdrawBank-special-row {
    margin-top: 21px;
    display: grid;
    grid-template-columns: 134px 1fr; }
  .new-bk8-setting .left-titleWithdraw {
    margin-left: 20px;
    width: 110px; }
  .new-bk8-setting .left-titleHistory {
    margin-left: 20px;
    width: 110px; }
  .new-bk8-setting .left-title-bankDetails {
    margin-left: 20px;
    width: 143px; } }

body.km .new-bk8-setting button.optionItemBottomContent-Button {
  height: 29px; }

.new-bk8-setting button.optionItemBottomContent-Button {
  display: flex;
  height: 22px;
  width: 64px;
  border: 1px solid #0066d1;
  justify-content: center;
  align-items: center;
  color: #0066d1;
  border-radius: 4px;
  font-size: 14px;
  background: transparent;
  cursor: pointer; }

.new-bk8-setting button.optionItemBottomContent-Button:disabled {
  color: grey;
  border-color: grey; }

.new-bk8-setting .left-contentOptionItem {
  padding-left: 10px;
  top: 0px;
  position: absolute; }

.new-bk8-setting .optionItemTitle {
  margin-bottom: 7px;
  margin-top: 5px; }

.new-bk8-setting .right-contentOptionItem {
  text-align: right;
  margin-top: 18px;
  float: right;
  position: absolute;
  right: 10px;
  top: 0px; }

/*********************************************************************************/
/* History.                                                                      */
/*********************************************************************************/
.new-bk8-setting .tContent_textContentHistory {
  border: 1px solid transparent;
  border-radius: 4px;
  color: #858585;
  background: transparent;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
  align-items: center;
  height: 26px; }

.new-bk8-setting .radio-tile-group .input-container .radio-button:checked + .radio-tile-transactiontype .tContent_textContentHistory {
  border: 1px solid #0066d1;
  border-radius: 4px;
  color: #0066d1;
  background: white;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
  align-items: center; }

.cursorily {
  cursor: pointer; }

.hov:hover {
  color: #000; }

.ico-size {
  font-size: 16px; }

.ico-size-month {
  font-size: 26px !important;
  line-height: 26px !important; }

.ico-size-large {
  font-size: 40px !important;
  line-height: 30px; }

.dtp_main {
  width: 100%;
  margin: 13px; }

.dtp_main span,
.dtp_main i {
  display: inline-block;
  padding-right: 8px; }

.dtp_modal-win {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #eeeeee;
  opacity: 0.6; }

.dtp_modal-content {
  background-color: #fff;
  border-radius: 10px;
  width: 624px;
  position: absolute;
  z-index: 1000;
  top: 100px;
  left: 100px;
  font-size: 14px;
  font-weight: normal; }

.dtp_modal-content-no-time {
  background-color: #fff;
  border-radius: 10px;
  width: 312px;
  position: absolute;
  z-index: 1000;
  top: 100px;
  left: 100px;
  font-size: 16px;
  font-weight: normal; }

.dtp_modal-cell-date {
  width: 312px;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px; }

.dtp_modal-cell-time {
  width: 311px;
  float: left;
  direction: ltr;
  margin-top: 20px;
  margin-bottom: 20px; }

.dtp_modal-months {
  color: #7d7d7d;
  text-align: center;
  font-size: 16px;
  padding: 0 20px; }

.dtp_modal-months span {
  display: inline-block;
  padding: 10px 20px;
  width: 182px; }

.dtp_modal-calendar {
  width: 266px;
  margin-left: 22px;
  color: #858585; }

.dtp_modal-calendar-cell {
  width: 38px;
  padding: 7px 0;
  display: inline-block;
  text-align: center; }

.dtp_modal-colored {
  color: #0066d1; }

.dtp_modal-grey {
  color: #7d7d7d; }

.dtp_modal-cell-selected {
  background: #0066d1;
  color: #ffffff !important;
  border-radius: 48%;
  transition: background-color 1s ease-out; }

.dtp_modal-time-block {
  height: 212px;
  width: 310px; }

.dpt_modal-button {
  background-color: #0066d1;
  color: #fff;
  font-size: 14px;
  padding: 8px 40px;
  float: left;
  text-align: center;
  display: inline-block;
  margin-left: 22px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.dtp_modal-time-line {
  text-align: center;
  color: #7d7d7d;
  font-size: 16px;
  padding-top: 15px; }

.dtp_modal-time-mechanic {
  padding-top: 16px; }

.dtp_modal-append {
  color: #7d7d7d;
  padding-left: 108px;
  font-weight: normal; }

.dtp_modal-midle {
  display: inline-block;
  width: 40px; }

.dtp_modal-midle-dig {
  display: inline-block;
  width: 16px;
  text-align: center; }

.dtp_modal-digits {
  font-size: 50px;
  padding-left: 96px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

a.chevron-left {
  position: relative;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-bottom: 6px; }

a.chevron-right {
  position: relative;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-bottom: 6px; }

i.chevron-top {
  position: relative;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 20px;
  margin-left: 15px; }

i.chevron-down {
  position: relative;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  margin-top: 20px;
  margin-left: 15px; }

/*********************************************************************************/
/* Date Picker                                                                   */
/*********************************************************************************/
.new-bk8-setting .datePickerBox.w-130.h-40 {
  position: relative;
  border: 1px solid silver;
  background: #fff;
  border-radius: 4px; }

.dateTimePickerBox {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: white;
  height: 40px;
  align-items: center;
  font-size: 14px;
  color: #999;
  border: 1px solid silver;
  border-radius: 4px; }

img.datetimePicker {
  margin-right: 9px; }

.new-bk8-setting input.datepicker {
  display: flex;
  cursor: pointer;
  border: none;
  background-color: transparent;
  height: 40px;
  align-items: center;
  font-size: 14px;
  color: #999;
  padding-left: 13px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting input.datepicker {
    font-size: 13px; } }

.new-bk8-setting .contextmenu {
  position: absolute;
  line-height: 20px;
  font-size: 14px;
  width: 140%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  height: 180px;
  border-radius: 4px;
  padding: 10px;
  top: 45px !important;
  color: #858585;
  z-index: 99; }

.new-bk8-setting a.previous, .new-bk8-setting a.next, .new-bk8-setting .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 20px;
  padding: 3px;
  color: #858585; }

.new-bk8-setting .selected {
  background: #0066d1;
  color: #ffffff !important;
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(0, 102, 209, 0.5); }

.new-bk8-setting input.datepicker:focus + div.contextmenu {
  display: block; }

.new-bk8-setting input.datepicker:focus + div.contextmenu, .new-bk8-setting div.contextmenu:hover {
  display: block; }

.new-bk8-setting .days {
  margin: 10px 0px; }

.new-bk8-setting .yearMonth {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid silver; }

.new-bk8-setting img.datePicker {
  position: absolute;
  right: 9px;
  top: 10px;
  z-index: 2; }

/*********************************************************************************/
/* Table Style                                                                  */
/*********************************************************************************/
.new-bk8-setting table {
  display: table;
  border-collapse: separate;
  border-spacing: 0px;
  border-color: #819dbb !important; }

.new-bk8-setting table {
  width: 100%; }

.new-bk8-setting td, .new-bk8-setting th {
  border: transparent;
  display: table-cell;
  vertical-align: inherit;
  height: 42px;
  text-align: center;
  font-size: 14px;
  color: #999999; }

.new-bk8-setting th {
  font-weight: normal;
  text-align: -internal-center;
  font-size: 14px; }

.new-bk8-setting tr {
  height: 51px;
  border-top: 1px solid #e3e4e4; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting td, .new-bk8-setting th {
    font-size: 13px; }
  .new-bk8-setting th {
    font-size: 13px; } }

/*********************************************************************************/
/* Loader Style                                                                  */
/*********************************************************************************/
.new-bk8-setting #loader {
  position: absolute;
  left: 52%;
  top: 60%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 4px solid #ececec;
  border-radius: 50%;
  border-top: 4px solid #0066d1;
  width: 36px;
  height: 36px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.new-bk8-setting .animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s; }

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0px;
    opacity: 1; } }

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

.new-bk8-setting #myDiv {
  display: none;
  text-align: center; }

.new-bk8-setting .hide {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.new-bk8-setting .tabContentNav {
  display: inline-block;
  right: 40px;
  position: absolute;
  top: 18px; }

.new-bk8-setting #example-one .nav {
  display: flex; }

.new-bk8-setting #example-one .nav li {
  width: 98px;
  height: 36px; }

.new-bk8-setting #example-one .nav li.last {
  margin-right: 0; }

.new-bk8-setting #example-one .nav li a {
  background: #e1e1e1;
  color: #858585;
  border: 0;
  width: 98px;
  height: 36px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none; }

.new-bk8-setting #example-one .nav li a:hover {
  background-color: #e1e1e1; }

.new-bk8-setting #example-one ul {
  list-style: none; }

.new-bk8-setting #example-one ul li a {
  display: block;
  color: #666; }

.new-bk8-setting #example-one ul li a:hover {
  background: #0066d1;
  color: white; }

.new-bk8-setting #example-one ul li:last-child a {
  border: none; }

.new-bk8-setting #example-one ul li.nav-one a.current, .new-bk8-setting #example-one ul.featured li a:hover {
  background-color: #0066d1;
  color: white; }

.new-bk8-setting #example-one ul li.nav-two a.current, .new-bk8-setting #example-one ul.core li a:hover {
  background-color: #0066d1;
  color: white; }

.new-bk8-setting #example-one ul li.nav-three a.current, .new-bk8-setting #example-one ul.jquerytuts li a:hover {
  background-color: #8d01b0;
  color: white; }

.new-bk8-setting #example-one ul li.nav-four a.current, .new-bk8-setting #example-one ul.classics li a:hover {
  background-color: #FE4902;
  color: white; }

.new-bk8-setting .messaging-title {
  display: flex;
  height: 47px;
  border-top: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd; }

.new-bk8-setting .messaging-title-sub {
  display: flex;
  height: 59px;
  border-bottom: 1px solid #d8dcdd; }

.new-bk8-setting .messaging-date {
  width: 128px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.new-bk8-setting .messaging-subject {
  margin-left: 30px;
  width: 575px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer; }

.new-bk8-setting .messaging-remark {
  width: 142px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.new-bk8-setting .iconMessaging {
  opacity: 0.3;
  padding: 7px; }

.new-bk8-setting .iconMessagingfeedback {
  opacity: 0.3; }

.new-bk8-setting .iconMessagingfeedback:hover {
  opacity: 1; }

.new-bk8-setting .iconMessaging:hover {
  opacity: 1; }

.new-bk8-setting .buttonMessaging {
  margin: 3px; }

.new-bk8-setting .messaging-feedback {
  margin-left: 65px;
  margin-right: 65px;
  color: #858585; }

.new-bk8-setting #example-one ul li.nav-one a.promotion {
  background-color: #fcb813;
  color: #ffffff; }

.new-bk8-setting #example-one ul li.nav-one a.payment {
  background-color: #7bd717;
  color: #ffffff; }

.new-bk8-setting #example-one ul li.nav-one a.system {
  background-color: #9d9d9d;
  color: #ffffff; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .tabContentNav {
    display: inline-block;
    right: 20px;
    position: absolute;
    top: 18px; }
  .new-bk8-setting .messaging-date {
    width: 138px; }
  .new-bk8-setting .messaging-remark {
    padding: 0px 20px; } }

.new-bk8-setting .editProfile-col-12 {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between; }

.new-bk8-setting .editProfile-col-3-5 {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28.5%;
  height: 240px;
  padding-top: 28px;
  padding-left: 43px;
  padding-right: 20px; }

.new-bk8-setting .editProfile-col-5 {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 42%;
  height: 240px;
  padding-top: 28px;
  padding-left: 43px; }

.new-bk8-setting .bankDetailsContent {
  display: flex;
  align-items: center; }

.new-bk8-setting img.editProfile-bankType {
  width: 28px;
  height: 28px;
  margin-right: 15px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .editProfile-col-3-5 {
    padding-left: 23px; }
  .new-bk8-setting .editProfile-col-5 {
    padding-left: 23px; } }

/*********************************************************************************/
/*Bank Details                                                                   */
/*********************************************************************************/
.new-bk8-setting .bank-title {
  display: flex;
  height: 47px;
  border-top: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd;
  width: 100%;
  align-items: center; }

.new-bk8-setting .bank-title-child {
  display: flex;
  height: 60px;
  border-bottom: 1px solid #d8dcdd;
  width: 100%;
  align-items: center; }

.new-bk8-setting .bankDetails-bank-col {
  display: flex;
  width: 17%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .bankDetails-branch-col {
  display: flex;
  width: 20%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .bankDetails-accountName-col {
  display: flex;
  width: 23%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .bankDetails-accountNo-col {
  display: flex;
  width: 20%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .bankDetails-bank-col-detail {
  display: flex;
  width: 17%;
  height: 100%;
  align-items: center; }

.new-bk8-setting .cryptoDetails-bank-col-coin {
  display: flex;
  width: 15%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .cryptoDetails-bank-col-address {
  display: flex;
  width: 65%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.new-bk8-setting img.bankDetails-img {
  padding-left: 36px;
  padding-right: 12px;
  width: 33px;
  height: 34px; }

.new-bk8-setting .iconbankDetails {
  opacity: 0.3;
  padding-left: 112px;
  cursor: pointer; }

.new-bk8-setting .bankDetails-remark-button {
  margin-left: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .buttonBankDetails {
  margin: 3px; }

@media screen and (max-width: 1199px) {
  .new-bk8-setting .bankDetails-remark-button {
    margin-left: 10px; }
  .new-bk8-setting img.bankDetails-img {
    padding-left: 20px;
    padding-right: 12px; } }

@media screen and (max-width: 1220px) {
  .new-bk8-setting .OptionItemBoxDiv {
    margin-right: 12px; }
  .new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
    margin-right: 12px; }
  .new-bk8-setting .weekly-padding {
    width: 680px;
    padding-right: 115px; } }

@media screen and (max-width: 999px) {
  .new-bk8-setting .weekly-padding {
    padding-right: 115px; }
  .new-bk8-setting .container {
    min-width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px; }
  .new-bk8-setting #wrapper {
    background-position: top;
    background-size: auto;
    width: 100%;
    padding: 0px 19px; }
  .new-bk8-setting .OptionItemBoxDiv {
    margin-right: 12px; }
  .new-bk8-setting .OptionItemBoxDiv:nth-child(4n) {
    margin-right: 12px; }
  .new-bk8-setting .OptionItemBox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border: 1px solid silver;
    background-color: #fff;
    border-radius: 4px;
    align-items: flex-end;
    margin-right: 10px; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../../content/fonts/glyphicons-halflings-regular.eot");
  src: url("../../content/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../content/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../content/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../content/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-ok:before {
  content: "\e013"; }

.red-color {
  color: red; }

.green-color {
  color: green; }

.new-bk8-setting ul.pagination-sm {
  display: inline-block;
  margin-top: 20px; }

.new-bk8-setting jhi-item-count div {
  margin-top: 20px; }

.new-bk8-setting .bankAccount-icon {
  margin-left: 35px;
  margin-right: 8px;
  cursor: pointer; }

.new-bk8-setting .history-table {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.new-bk8-setting .history-table th {
  border: 0; }

.new-bk8-setting .history-table td {
  border-bottom: 1px solid #e4e4e4; }

.new-bk8-setting .history-row-color-bar {
  height: 50px;
  height: 50px;
  width: 100%;
  position: absolute; }

.new-bk8-setting input::-webkit-outer-spin-button,
.new-bk8-setting input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.new-bk8-setting input[type=number] {
  -moz-appearance: textfield; }

.new-bk8-setting .settings-subtab-header {
  width: fit-content;
  width: -moz-fit-content;
  white-space: nowrap;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #e1e1e1;
  color: white;
  height: 36px;
  border: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none; }

.new-bk8-setting .settings-subtab-header a {
  color: white; }

.new-bk8-setting .settings-subtab-header.active {
  background-color: #0066d1; }

.new-bk8-setting .referral-cpy-btn {
  margin-left: 10px;
  background-color: #6a8cb0;
  padding: 2px;
  vertical-align: bottom; }

.notification-btn-box {
  position: absolute;
  right: 26%; }

.notification-btn {
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -moz-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -ms-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f4f3f3, #e6e6e6);
  background-image: linear-gradient(top, #f4f3f3, #e6e6e6);
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);
  display: none;
  width: fit-content;
  width: -moz-fit-content;
  height: 40px;
  color: #858585;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding-right: 15px; }

.notification-btn.subscribed {
  color: #fff;
  background: #0066d1;
  height: 40px; }

.container-with-important-notice {
  display: flex; }

.container-left {
  width: 70%; }

.important-notice {
  background: #eeeeee;
  width: 20%;
  padding: 20px 20px 0px 20px;
  margin: 20px;
  font-size: 12px;
  height: fit-content; }

.important-notice-img {
  vertical-align: middle; }

.important-notice-title {
  padding: 10px;
  font-size: 13px; }

.important-notice-content {
  color: #858585;
  word-wrap: break-word; }

.passguide {
  color: #858585;
  font-size: 14px;
  width: 300px;
  line-height: 20px;
  margin-left: 187px;
  margin-top: 5px; }

.new-bk8-setting .content-width {
  min-width: max-content; }

.new-bk8-setting .content-alignment {
  margin-left: 10.9rem;
  margin-top: 0.4rem; }

@media screen and (max-width: 1240px) {
  .crypto-remark {
    margin-left: 15px; } }

.new-bk8-setting .saveDetail:disabled {
  cursor: not-allowed;
  color: #0069d7; }

.new-bk8-setting .linkAccount {
  color: white;
  width: 50%;
  height: 35px;
  border: 0px;
  border-radius: 4px;
  background: #00c300 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 5px; }

.new-bk8-setting .linkedAccount {
  color: rgba(255, 255, 255, 0.75);
  width: 50%;
  height: 35px;
  border: 1px;
  border-style: solid;
  border-color: #00c300;
  border-radius: 4px;
  background-color: #00c300 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "buttonBold";
  font-weight: bold;
  cursor: not-allowed;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 5px; }

.new-bk8-setting .linkAccount:disabled {
  cursor: not-allowed; }

.new-bk8-setting .linkedAccount:disabled {
  cursor: not-allowed; }

.new-bk8-setting .completeProfile {
  padding-left: 2.7rem;
  font-weight: 600; }

.new-bk8-setting .completeNow {
  font-weight: 800;
  padding-left: 5px;
  text-decoration: underline;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer; }

.new-bk8-setting .details-box {
  width: 90%;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid;
  overflow: hidden;
  display: inline-flex; }

.new-bk8-setting .details-input {
  padding: 5px 0px 5px 0px; }

.new-bk8-setting .saveDetail {
  width: 5rem;
  height: 30px;
  position: relative;
  border-style: none;
  border-radius: 4px;
  color: white;
  background: linear-gradient(#0062c9, #003b79);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "buttonBold";
  font-weight: bold;
  cursor: pointer;
  float: right;
  margin-top: 1rem; }

.new-bk8-setting .saveDetail:hover {
  color: white;
  background: linear-gradient(#0062c9, #003b79); }

.new-bk8-setting .editWarning {
  padding-left: 2.7rem;
  font-weight: 600;
  color: red; }

.new-bk8-setting .help-block {
  display: block;
  /* margin-top: 5px; */
  /* margin-bottom: 10px; */
  color: #737373; }

.new-bk8-setting .has-error .help-block {
  color: #a94442; }

.new-bk8-setting .has-error {
  color: red;
  margin-bottom: 3px;
  font-size: 13px; }

.new-bk8-setting .linkAccount .provider-icon {
  width: 30%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .linkedAccount .provider-icon-linked {
  width: 30%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.new-bk8-setting .linkedAccount .provider-text {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap; }

.new-bk8-setting .linkAccount .provider-text {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap; }

.crypto-right-display {
  position: relative;
  width: 70%; }

.crypto-detail {
  position: absolute;
  top: 0%;
  left: 10em; }

.crypto-exchange-rate {
  color: #959595; }

.crypto-exchange-rate-detail {
  color: #004997; }

.crypto-reminder {
  color: red; }

.crypto-remark {
  border: 1px solid silver;
  padding: 2%;
  margin-left: 40px;
  color: #858585;
  font-size: 12px; }

.crypto-remark > ol {
  padding-left: 15px; }

.crypto-remark > ol > li {
  line-height: 20px;
  display: list-item;
  list-style: inherit; }

.crypto-exchange-layout {
  display: grid;
  grid-template-columns: 190px  162px 56px; }

@media screen and (max-width: 1240px) {
  .crypto-remark {
    margin-left: 15px; } }

.new-bk8-setting .saveDetail:disabled {
  cursor: not-allowed;
  color: #0069d7; }

.new-bk8-setting .withdrawal-add-bank-button {
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  width: 188px;
  height: 40px;
  background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  padding: 12px; }

.crypto-share .crypto-button {
  border: 1px solid silver;
  border-radius: 4px;
  width: fit-content;
  background: gray;
  align-items: center;
  display: inline-flex;
  padding-left: 10px;
  padding-right: 10px;
  justify-content: center; }

.crypto-share .crypto-save-button {
  margin-top: 15px;
  min-width: 110px; }

.crypto-share .crypto-share-button {
  margin-left: 5px;
  padding-left: 0px;
  padding-right: 2px; }

.crypto-share .crypto-button .crypto-button-text {
  color: white; }

.crypto-share .crypto-button .crypto-button-icon {
  margin-left: 5px; }

.exchange-rate-calculator {
  display: grid;
  grid-template-columns: 150px 50px 150px; }

.exchange-rate-calculator > :nth-child(2) {
  margin-top: 50%;
  width: 100%;
  text-align: center; }

#crypto-refresh-btn {
  border-color: #adadad;
  border-width: 1px;
  height: 60%;
  margin-top: 20px;
  width: 60%;
  margin-left: 25px; }

.crypto-fee-reminder {
  margin-left: 11.4rem;
  margin-top: 0.5rem;
  font-size: 12px;
  color: red; }

.crypto-time-expired-reminder {
  margin-top: 19px;
  color: #004997; }

@media screen and (max-width: 1199px) {
  .crypto-fee-reminder {
    margin-left: 8.1rem; } }

.new-bk8-setting .editProfile-birthday {
  padding: 6px 5px 6px 5px;
  border-radius: 10px;
  background-color: #0066d1;
  color: white;
  cursor: pointer; }

.new-bk8-setting .editProfile-birthday:disabled {
  cursor: not-allowed; }

.new-bk8-setting .editProfile-birthday-icon {
  width: 25px;
  height: 25px; }

.new-bk8-setting .birthday-container {
  margin-left: auto;
  display: inline-flex;
  width: 128px; }

.new-bk8-setting .editProfile-birthday-icon-button {
  margin-right: 5px;
  background-color: #0066d1;
  border-radius: 10px;
  display: flex;
  cursor: pointer;
  align-items: center; }

.new-bk8-dob-dialog-container {
  align-items: left;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px; }
  .new-bk8-dob-dialog-container .new-bk8-dob-dialog-title {
    color: #fdb813;
    font-size: 18px;
    font-weight: 800; }
  .new-bk8-dob-dialog-container .new-bk8-dob-dialog-sub-title {
    color: #0066d1;
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
    margin-bottom: 5px; }
  .new-bk8-dob-dialog-container .new-bk8-dob-dialog-desc {
    color: #9e9e9e;
    font-size: 13px;
    line-height: 1.4; }

.new-bk8-dob-close-btn {
  position: relative;
  font-size: 14px;
  padding: 10px;
  background-color: #9a9b9e;
  border-radius: 3px;
  color: white; }

.bank-tab-focus {
  font-weight: 600; }

.deposit-options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }

.deposit-options-img {
  width: 80px;
  height: 50px;
  object-fit: contain;
  color: #858585;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-grid;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 6px; }

.deposit-upload-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 9px; }

.deposit-amount-rate {
  display: flex !important;
  align-items: center;
  margin-left: 10px; }

.deposit-amount-input {
  display: flex;
  width: 65%; }

.mobile-card-reminder {
  display: table-cell;
  width: 70%;
  margin-bottom: 2%;
  color: red; }

.bank-offline {
  display: grid;
  grid-template-columns: 80px 135px;
  width: 240px;
  margin-bottom: 3px; }

.express-add-bank {
  font-size: 14px;
  color: #0065d1 !important;
  text-decoration: underline;
  margin-left: 10px; }

.new-bk8-setting .select-items-category {
  position: absolute;
  top: 42px;
  left: 0;
  right: -25px;
  z-index: 9999;
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%) !important;
  width: 260px; }

.new-bk8-setting .select-items-category div, .select-first-layer {
  position: relative;
  cursor: pointer;
  height: auto;
  padding-top: 0.4rem;
  align-items: center;
  display: block;
  color: #999;
  padding-left: 0px !important; }

.new-bk8-setting .select-items-second div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

/* Style items (options): */
.new-bk8-setting .select-items-second {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: white; }

.new-bk8-setting .select-hide-second {
  display: none; }

#secondLayerDropdown option {
  background-color: red; }

.secondlayerdrop-container {
  display: block !important;
  position: inherit !important;
  top: 4rem;
  height: 7rem !important;
  margin-left: -3rem;
  background-color: grey;
  color: black !important;
  z-index: 9999;
  width: 100%;
  overflow-y: scroll;
  padding-right: 0px !important;
  padding-left: 0px !important; }

.secondlayerdrop {
  display: flex;
  position: relative;
  color: black !important;
  height: 1.5rem  !important;
  background-color: #ced1d6;
  padding-left: 0px !important;
  border-bottom: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8; }

.secondlayerdrop-text {
  padding-left: 1.5rem; }

.secondlayerdrop-balance {
  float: right;
  padding-right: 1.5rem; }

.select-first-layer-text {
  margin-left: 1rem !important; }

.icon-drop-container {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 1rem; }

.icon-drop-hide {
  background: url(../images/icon/icon-collapse.png) no-repeat !important;
  -webkit-background-size: 100% 100% !important;
  background-size: 100% 100% !important; }

.icon-drop-show {
  background: url(../images/icon/icon-expand.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.express-instruction {
  border: 1px solid silver;
  padding: 2%;
  margin-left: 40px;
  color: #858585;
  font-size: 12px; }

.express-instruction > ol {
  padding-left: 15px; }

.express-instruction > ol > li {
  line-height: 20px;
  display: list-item;
  list-style: inherit; }

.new-bk8-setting .cambodia-table-container tr {
  height: 59px; }

.slide-pages li {
  display: inline-block;
  color: #fff; }

.slide-pages li.pages_style_dots {
  padding: 0 5px; }

.slide-pages li.pages_style_dots > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.slide-pages li.pages_style_dots.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.slide-pages li.pages_style_square {
  padding: 0 2.5px; }

.slide-pages li.pages_style_square > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  cursor: pointer; }

.slide-pages li.pages_style_square.on > i {
  background: #ffb514; }

.slider {
  position: relative;
  overflow: hidden;
  background-color: #0a1624; }

.slider > span {
  display: block;
  width: 100%; }

.slider img {
  display: block;
  width: 100%;
  height: auto; }

.page_item {
  width: 100%; }

.slider-enter-active,
.slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.slider-enter,
.slider-leave-to {
  opacity: 0; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.sliderBanner .slider .mainContentContainer {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 16px;
  justify-content: flex-end; }

.sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 60px;
  right: 16px;
  padding: 0 2.5px; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514; }

.sliderBanner .slider img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderBanner .slider .page_item .pageMainContent .container {
  height: 100%; }

#rootPage .sliderBanner .slider .mainContentContainer .page_no {
  bottom: 25px !important; }

.banner .banner_swiper_container {
  position: relative; }

.banner .banner_swiper_container .notice {
  width: 100%;
  left: 0;
  bottom: 0;
  background: #0a1624;
  overflow: hidden; }

.banner .banner_swiper_container .notice .container {
  box-sizing: border-box; }

.banner .banner_swiper_container .notice .noticeContent {
  height: 44px;
  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;
  color: #c1c6cc; }

.banner .banner_swiper_container .notice .noticeContent > div {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-size: 14px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 20px; }

.banner .banner_swiper_container .notice .noticeContent > div > div {
  padding-left: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  will-change: transform; }

#announcement-list-page,
#announcement-list-page2 {
  will-change: transform;
  transform: translate3d(1440px, 0, 0);
  width: -moz-fit-content; }

@-webkit-keyframes noticeenter {
  from {
    -webkit-transform: translate3d(1400px, 0, 0);
    transform: translate3d(1440px, 0, 0); }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@-webkit-keyframes noticeleave {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.banner .banner_swiper_container .notice .noticeContent > div > div > div {
  line-height: 100%;
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap; }

/* .banner .banner_swiper_container .notice .noticeContent .yellow {
  color: #f8b61a;
}

.banner .banner_swiper_container .notice .noticeContent .red {
  color: #ee051b;
} */
.notice-parent {
  height: 44px;
  display: block;
  padding-left: 10px !important; }

.notice-item {
  position: absolute;
  /* top: 50%; */ }

.notice-item-leave-active,
.notice-item-enter-active {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.notice-item-leave-to {
  opacity: 0; }

.notice-item-enter {
  opacity: 0;
  top: 42px; }

.banner_swiper_container .notice .noticeContent,
.banner_swiper_container .notice .noticeContent * {
  font-family: "menuFont";
  font-size: 14px;
  word-break: break-all;
  white-space: nowrap; }

.banner_swiper_container .notice .noticeContent .yellow {
  color: #f8b61a; }

.banner_swiper_container .notice .noticeContent .red {
  color: #ee051b; }

.recommendedContent .recommendedBottom {
  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;
  height: 80px;
  background: #ebebeb;
  color: #6d6d6d;
  font-size: 12px;
  padding: 10px 15px;
  box-sizing: border-box;
  overflow: auto; }

.recommendedContent .recommendedBottom .bigItem {
  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;
  height: 100%; }

.recommendedContent .recommendedBottom .bigItem .title {
  height: 100%;
  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;
  white-space: nowrap; }

.recommendedContent .recommendedBottom .bigItem .title > span {
  white-space: nowrap; }

.recommendedContent .recommendedBottom .bigItem .detail {
  height: 100%;
  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;
  cursor: pointer; }

.recommendedContent .recommendedBottom .bigItem .detail > div {
  margin-right: 45px;
  position: relative; }

.hotGamesContent {
  margin-top: 50px;
  padding-bottom: 50px;
  position: relative; }

.hotGamesContent::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.hotGamesContent .imgBanner {
  overflow: hidden;
  position: relative; }

.hotGamesContent .imgBanner .imgContainer {
  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;
  margin-left: 27px;
  margin-top: 20px; }

.hotGamesContent .imgBanner .imgItem {
  margin-right: 20px;
  height: 100%;
  width: 150px;
  /* height: 179px; */ }

.hotGamesContent .imgBanner .imgItem .img {
  width: 150px;
  height: 150px;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box; }

.hotGamesContent .imgBanner .imgItem .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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 55px;
  justify-content: center; }

.hotGamesContent .imgBanner .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: center; }

.hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) {
  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; }

.hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) * {
  font-family: "mainBoldFont"; }

.hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) span {
  font-size: 16px;
  word-break: keep-all;
  white-space: nowrap; }

.hotGamesContent .imgBanner .imgItem .text .left .hotGameText2 span {
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap; }

.hotGamesContent .imgBanner .imgItem .text .left .providerWithIcon .icons {
  background-size: contain;
  width: 30px;
  height: auto;
  margin-left: 7px; }

.hotGamesContent .imgBanner .imgItem .text .left .providerWithIcon .icons_SG_logo {
  width: 23px; }

.hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(1) .icons_new {
  margin-left: 10px; }

.hotGamesContent .imgBanner .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.imgContainer {
  position: absolute; }

.imgBanner {
  height: 235px; }

.hotgames-enter-active {
  -webkit-animation: enter 20s linear;
  animation: enter 20s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

.hotgames-leave-active {
  -webkit-animation: leave 20s linear;
  animation: leave 20s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes enter {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes leave {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 204px;
  background: #0a1623;
  padding: 30px 48px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bottomNotice .icons_logo {
  position: absolute;
  right: 0;
  bottom: 0; }

.bottomNotice > p {
  width: 430px; }

.bottomNotice .pheader {
  font-family: "mainBoldFont";
  font-size: 32px; }

.bottomNotice .pcontent {
  margin-top: 5px;
  line-height: 28px; }

.bottomNotice .ptime {
  font-size: 18px;
  line-height: 100%;
  margin-top: 20px; }

.lastestHighlightVideo {
  position: relative; }

.lastestHighlightVideo .iconAndTitle {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: white; }

.lastestHighlightVideo {
  height: 685px;
  /* overflow: hidden; */ }

.lastestHighlightVideo .slider {
  position: relative;
  padding-top: 46px;
  height: 486px; }

.lastestHighlightVideo .slider > span {
  top: 46px; }

.lastestHighlightVideo .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.lastestHighlightVideo .slider .mainContentContainer .page_no {
  top: -514px;
  right: 20px;
  z-index: 3; }

.lastestHighlightVideo .slider img {
  display: block;
  width: 100%;
  height: auto; }

.lastestHighlightVideo .slider .page_item {
  position: absolute;
  left: 0;
  top: -2px;
  height: 470px;
  overflow: hidden; }

.lastestHighlightVideo .slider .page_item > div,
.lastestHighlightVideo .slider .loading > div {
  height: 458px;
  overflow: hidden; }

.lastestHighlightVideo .slider .loading img {
  display: block;
  width: 120px;
  margin: auto; }

.lastestHighlightVideo .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.lastestHighlightVideo .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.lastestHighlightVideo .bottomNotice {
  position: absolute;
  left: 0;
  bottom: -31px;
  width: 100%;
  height: 200px;
  background: #0a1623;
  padding: 30px 48px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.lastestHighlightVideo .bottomNotice .icons_logo {
  position: absolute;
  right: 0;
  bottom: 0; }

.lastestHighlightVideo .bottomNotice > p {
  width: 430px; }

.lastestHighlightVideo .bottomNotice .pheader {
  font-size: 32px; }

.lastestHighlightVideo .bottomNotice .pcontent {
  line-height: 28px; }

.lastestHighlightVideo .bottomNotice .ptime {
  font-size: 18px;
  line-height: 100%; }

.lastestHighlightVideo .tools {
  position: absolute;
  left: 44px;
  bottom: 38px;
  height: 34px;
  background: green;
  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;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  color: white; }

.lastestHighlightVideo .tools .play {
  width: 38px;
  height: 100%;
  background: #003b79;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }

.lastestHighlightVideo .tools .video_time {
  height: 100%;
  background: #0a1623;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px; }

.lastestHighlightVideo .tools .share {
  height: 100%;
  background: #fcb813;
  padding: 0 8px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }

.lastestHighlightVideo .tools .share > span {
  font-family: "buttonBold"; }

.lastestHighlightVideo .tools .share .icons_share {
  margin-right: 6px; }

.lastestHighlightVideo .swiperitem1 {
  width: 805px;
  height: 643px;
  overflow: hidden;
  position: relative; }

.lastestHighlightVideo .swiperitem1 .bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 205px;
  background: #0a1623;
  padding: 30px 48px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.lastestHighlightVideo .swiperitem1 .bottomNotice .icons_logo {
  position: absolute;
  right: 0;
  bottom: 0; }

.lastestHighlightVideo .swiperitem1 .bottomNotice > p {
  width: 430px; }

.lastestHighlightVideo .swiperitem1 .bottomNotice .pheader {
  font-size: 32px; }

.lastestHighlightVideo .swiperitem1 .bottomNotice .pcontent {
  line-height: 28px; }

.lastestHighlightVideo .swiperitem1 .bottomNotice .ptime {
  font-size: 18px;
  line-height: 100%; }

.lastestHighlightVideo .swiperitem1 .tools {
  position: absolute;
  left: 44px;
  bottom: 242px;
  height: 34px;
  background: green;
  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;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  color: white; }

.lastestHighlightVideo .swiperitem1 .tools .play {
  width: 38px;
  height: 100%;
  background: #003b79;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }

.lastestHighlightVideo .swiperitem1 .tools .video_time {
  height: 100%;
  background: #0a1623;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px; }

.lastestHighlightVideo .swiperitem1 .tools .share {
  height: 100%;
  background: #fcb813;
  padding: 0 8px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }

.lastestHighlightVideo .swiperitem1 .tools .share > span {
  font-family: "buttonBold"; }

.lastestHighlightVideo .swiperitem1 .tools .share .icons_share {
  margin-right: 6px; }

.content-enter-active,
.content-leave-active {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute; }

.content-enter-active {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.content-enter,
.content-leave-to {
  opacity: 0; }

.upcomingMatches .imgBox {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 3px solid #ebebeb; }

.upcomingMatches .imgBox .img {
  width: 293px;
  height: 195px;
  overflow: hidden;
  border-bottom: 8px solid #faba12;
  position: relative; }

.upcomingMatches .imgBox .img .betNow {
  position: absolute;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 40px; }

.upcomingMatches .imgBox .img .betNow > span {
  font-family: "buttonBold"; }

.upcomingMatches .imgBox .text {
  width: 293px;
  padding: 0 18px;
  font-size: 14px;
  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; }

.upcomingMatches .imgBox .text .one {
  font-family: "mainBoldFont";
  line-height: 38px;
  position: relative; }

.upcomingMatches .imgBox .text .one::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.upcomingMatches .imgBox .text .two {
  color: #686868;
  margin-top: 10px; }

.liveCasino {
  margin-top: 10px;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 591px;
  height: 326px;
  margin-right: 19px;
  position: relative;
  overflow: hidden; }

.liveCasino .iconAndTitle {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0; }

.liveCasino .swiper {
  width: 100%; }

.liveCasino .swiper .slider {
  position: relative;
  height: 333px; }

.liveCasino .swiper .slider > span {
  top: 60px; }

.liveCasino .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.liveCasino .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 296px;
  z-index: 3; }

.liveCasino .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.liveCasino .swiper .slider .page_item {
  position: absolute;
  left: 0;
  height: 272px; }

.liveCasino .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.liveCasino .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.liveCasino .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.liveCasino .swiper .tools {
  position: absolute;
  left: 26px;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.liveCasino .swiper .tools .button_y {
  height: 30px;
  color: black;
  padding: 0 10px;
  min-width: unset; }

.liveCasino .swiper #sliderCasino span .page_item {
  padding-left: 25px;
  padding-right: 179px;
  background: #f3f3f3 url("../images/casino_bg.png") no-repeat right bottom;
  box-sizing: border-box; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle {
  padding: 14px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 12px;
  color: #616161;
  font-size: 14px; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .asiaLogo {
  margin-left: 7px;
  width: 146px;
  height: 33px;
  background: url("../images/casino_logo_ug.png") no-repeat; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .asiaLogo .lazy-css {
  background: none;
  background-color: #F1F1FA; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .Logo_SA {
  margin-left: 7px;
  width: 146px;
  height: 33px;
  background: url("../images/casino_logo_sa.png") no-repeat; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .Logo_SA .lazy-css {
  background: none;
  background-color: #F1F1FA; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .Logo_AG2 {
  margin-left: 7px;
  width: 146px;
  height: 33px;
  background: url("../images/casino_logo_ag2.png") no-repeat; }

.liveCasino .swiper #sliderCasino span .page_item .tableTitle .Logo_AG2 .lazy-css {
  background: none;
  background-color: #F1F1FA; }

.liveCasino .swiper #sliderCasino span .page_item table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff; }

.liveCasino .swiper #sliderCasino span .page_item table tr th,
.liveCasino .swiper #sliderCasino span .page_item table tr td {
  border: #9f9f9f 1px dotted; }

.liveCasino .swiper #sliderCasino span .page_item table tr {
  height: 28px; }

.liveCasino .swiper #sliderCasino span .page_item table tr td {
  height: 28px;
  vertical-align: middle;
  text-align: center;
  min-width: 25px;
  min-height: 25px; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .empty-circle {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid black;
  color: black;
  font-size: 14px;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_red {
  border: 2px solid #dd0000;
  color: #dd0000; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_blue {
  border: 2px solid #1818ff;
  color: #1818ff; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_green {
  border: 2px solid #03ca03;
  color: #03ca03; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_filled_red {
  border: 2px solid red;
  color: white;
  background: red; }

.liveCasino .swiper #sliderCasino span .page_item table tr td .circle.circle_filled_black {
  border: 2px solid black;
  color: white;
  background: black; }

.liveGdResultTd {
  width: 42px;
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.sportsNewsContent {
  width: 100%;
  position: relative; }

.sportsNewsContent .iconAndTitle {
  position: relative;
  width: 100%;
  left: 0;
  top: 0; }

.sportsNewsContent .sportsContentBox {
  width: 100%;
  height: 220px;
  min-height: 220px;
  position: relative;
  overflow: hidden; }

.sportsNewsContent .sportsContentBox .sportsNewsBox {
  padding-left: 15px;
  width: 100%;
  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; }

.sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem {
  padding: 20px 0;
  position: relative;
  width: 100%;
  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; }

.sportsNewsContent .sportsContentBox .sportsNewsBox > .sportsNewsItem::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem p {
  width: 608px; }

.sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem p:nth-child(2) {
  font-size: 13px;
  color: #666666; }

.sportsNewsContent .sportsContentBox .sportsNewsBox .sportsNewsItem .pheader {
  font-family: "mainBoldFont";
  font-size: 14px;
  margin-bottom: 6px;
  color: black; }

.sportsNewsContent .sportsContentBox .sportsNewsBox > section:last-child::after {
  content: "" !important;
  display: none; }

.sportsNewsContent .sportsContentBox .slider {
  height: 390px;
  padding-top: 57px; }

.sportsNewsContent .sportsContentBox .slider > span {
  top: 46px; }

.sportsNewsContent .sportsContentBox .slider .page_no {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 338px;
  z-index: 3;
  display: none; }

.sportsNewsContent .sportsContentBox .slider .page_item {
  height: 303px; }

.sportsNewsContent .sportsContentBox .slider .news_iframe {
  width: 101%;
  height: 100%;
  padding-left: 8px;
  height: 45%;
  box-sizing: border-box;
  border: 0; }

.sportsNewsContent .sportsContentBox .slider .slider-enter-active,
.sportsNewsContent .sportsContentBox .slider .slider-leave-active {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute; }

.sportsNewsContent .sportsContentBox .slider .slider-enter-active {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.sportsNewsContent .sportsContentBox .slider .slider-enter,
.sportsNewsContent .sportsContentBox .slider .slider-leave-to {
  opacity: 0; }

.liveStreamingContent {
  width: 42%; }

.liveStreamingContent * {
  font-family: "mainBoldFont"; }

.liveStreamingContent .dateAndList {
  padding-left: 15px; }

.liveStreamingContent .dateAndList .dateBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  position: relative; }

.liveStreamingContent .dateAndList .dateBox::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.liveStreamingContent .dateAndList .dateBox > span {
  font-size: 14px;
  word-break: keep-all;
  white-space: nowrap;
  margin-right: 10px; }

.liveStreamingContent .dateAndList .streamingList {
  padding: 10px 0;
  height: 130px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }

.liveStreamingContent .dateAndList .streamingList::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.liveStreamingContent .dateAndList .streamingList .streamingItem {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left {
  width: 500px;
  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; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left > div:nth-child(1) {
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left > div:nth-child(3) {
  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;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left .teamBox {
  width: 200px; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left .teamBox > span {
  font-size: 14px; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left .teamBox .iconBox {
  width: 40px;
  height: 100%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left .time {
  margin: 0 10px; }

.liveStreamingContent .dateAndList .streamingList .streamingItem .left .time > span {
  display: inline-block;
  width: 74px;
  height: 26px;
  color: white;
  font-size: 14px;
  background: #767570;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.iconTitleBox {
  padding-bottom: 0px; }

.iconTitleBox .container {
  padding: 0 19px; }

.iconTitleBox .VideoAndMatchesContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px; }

.iconTitleBox .VideoAndMatchesContent .lastestHighlightVideo {
  width: 57.5%;
  height: 690px; }

.iconTitleBox .VideoAndMatchesContent .matchesAndCasino {
  width: 42%;
  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; }

.iconTitleBox .VideoAndMatchesContent .matchesAndCasino > div {
  width: 100%; }

.iconTitleBox .sportsAndStreamingContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px; }

.iconAndTitle {
  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;
  height: 46px;
  padding-left: 15px; }

.iconAndTitle * {
  font-family: "mainBoldFont"; }

.iconAndTitle > span {
  margin-left: 6px;
  word-break: keep-all;
  white-space: nowrap; }

.iconAndTitle .other {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 10px; }

.betNowBtn {
  width: 100px;
  height: 30px;
  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;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffaf15;
  cursor: pointer; }

#sliderVideo .leave_to {
  transform: translateY(-100%); }

#sliderVideo .enter {
  transform: translateY(100%); }

#sliderNotice .page_item.leave_active,
#sliderNotice .page_item.enter_active {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

#sliderNotice .page_item.leave_to {
  transform: translateY(-40px);
  opacity: 0; }

#sliderNotice .page_item.enter {
  transform: translateY(40px);
  opacity: 1; }

.hotGamesContent .slider .page_item.leave,
.hotGamesContent .slider .page_item.leave_to,
.hotGamesContent .slider .page_item.enter,
.hotGamesContent .slider .page_item.enter_to {
  transform: none; }

.hotGamesContent .slider .page_item.leave_to,
.hotGamesContent .slider .page_item.enter {
  opacity: 0; }

.imgBoxHeight {
  height: 305.04px; }

.sitemap-seperator {
  content: "";
  position: absolute;
  margin-left: -15px;
  width: 1271.99px;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.sitemap a:link,
.sitemap a:visited {
  color: #0070d1; }

.sitemap a:hover {
  color: #0070d1;
  text-decoration: underline; }

/* slick */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  margin-bottom: 30px; }

.slick-slider .slick-list {
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px; }

.slick-slider .slick-track {
  position: relative;
  left: 0px;
  top: 0px; }

.slick-slider .slide {
  float: left;
  min-height: 1px; }

.slick-slider .slide img {
  display: block; }

.slick-slider .slide {
  display: none; }

.slick-initialized .slide {
  display: block; }

/* Loading States */
.slick-loading .slick-track {
  visibility: hidden; }

.slick-loading .slick-list {
  background: #fff center center no-repeat; }

.slick-loading .slide {
  visibility: hidden; }

/* Arrows */
.slick-slider .slick-prev {
  position: absolute;
  background: -50px -40px no-repeat;
  display: block;
  height: 40px;
  width: 30px;
  text-indent: -9999px;
  top: 50%;
  margin-top: -20px;
  left: -25px;
  padding: 0px; }

.slick-slider .slick-next {
  position: absolute;
  background: -90px -40px no-repeat;
  display: block;
  height: 40px;
  width: 30px;
  text-indent: -9999px;
  top: 50%;
  margin-top: -20px;
  right: -25px;
  padding: 0px; }

.slick-slider .slick-prev:focus {
  outline: none; }

.slick-slider .slick-next:focus {
  outline: none; }

.slick-slider .slick-next.disabled {
  background-position: -90px -90px; }

.slick-slider .slick-prev.disabled {
  background-position: -50px -90px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .slick-slider .slick-next {
    background: -90px -40px no-repeat;
    background-size: 900px 200px; }
  .slick-slider .slick-prev {
    background: -50px -40px no-repeat;
    background-size: 900px 200px;
    -webkit-background-size: 900px 200px; } }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -30px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  background: -200px -50px no-repeat;
  height: 5px;
  width: 5px;
  text-indent: -9999px;
  margin: 0px 5px;
  padding: 0px; }

.slick-dots li.active {
  background-position: -150px -50px; }

.slick-dots li a {
  display: block;
  height: 10px;
  width: 10px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .slick-dots li {
    background: -200px -50px no-repeat;
    background-size: 900px 200px; } }

/* Draggable */
.slick-list.draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.downloadAppContentSeparator {
  margin-top: 25px;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.downloadAppContent {
  width: 100%;
  height: 416px;
  margin-top: 2.5px;
  position: relative; }

.downloadAppContent .title-container {
  position: absolute;
  font-weight: bold;
  display: flex;
  align-items: center;
  left: 20px;
  top: 30px; }

.downloadAppContent .sliding-item {
  height: 416px;
  width: 565px;
  position: relative; }

.downloadAppContent .sliding-item .desc {
  position: absolute;
  top: 340px;
  width: 165px; }

.downloadAppContent .sliding-container {
  display: flex;
  height: 416px;
  max-width: 565px;
  position: absolute;
  top: 0px;
  left: 110px; }

.downloadAppContent .sliding-container .slick-dots {
  bottom: unset;
  left: 220px;
  top: 20px; }

.downloadAppContent .sliding-container .slick-dots li {
  height: 8px;
  width: 8px;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  border: 1px solid grey; }

.downloadAppContent .sliding-container .slick-dots li.active {
  height: 8px;
  width: 8px;
  background-color: #0b64d7;
  border-radius: 50%; }

.downloadAppContent .desc-container {
  position: absolute;
  width: 550px;
  height: 192px;
  left: 57%;
  top: 153px;
  display: grid;
  grid-template-columns: 1fr 30px 1fr;
  color: white; }

.oddsFeedContainer .slick-dots {
  bottom: unset; }

.oddsFeedContainer .slick-dots li {
  height: 8px;
  width: 8px;
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  border: 1px solid grey; }

.oddsFeedContainer .slick-dots li.active {
  height: 8px;
  width: 8px;
  background-color: #0b64d7;
  border-radius: 50%; }

@media only screen and (max-device-width: 1300px) {
  .downloadAppContent .desc-container {
    width: unset;
    grid-template-columns: auto auto auto; } }

@media only screen and (max-device-width: 1200px) {
  .downloadAppContent .desc-container {
    display: block; } }

.downloadAppContent .desc-container .device-container {
  display: grid;
  grid-template-rows: auto 40px 120px; }

.downloadAppContent .desc-container .device-container .device {
  display: flex;
  align-items: center;
  font-size: 18px; }

.downloadAppContent .desc-container .device-container .device > span {
  margin-left: 15px;
  margin-top: 3px; }

.downloadAppContent .desc-container .device-container .qr-desc {
  display: flex;
  font-size: 13px; }

.downloadAppContent .desc-container .device-container .qr-desc img {
  height: 140px; }

.downloadAppContent .desc-container .device-container .qr-desc .instruction {
  background: #013b7a;
  color: white;
  padding: 5px 20px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  word-break: normal; }

.app-instruction-header {
  background: #faba10;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative; }

.app-instruction-header-lite {
  background: #25c9ad;
  color: white;
  font-weight: bold;
  padding: 10px 20px;
  font-size: 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative; }

.app-instruction-header-lite .close-btn {
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 20px;
  color: #f5f5f5;
  cursor: pointer; }

.app-instruction-header .close-btn {
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 20px;
  color: red;
  cursor: pointer; }

.app-instruction-desc {
  padding: 20px;
  font-size: 14px; }

.tooltiptext {
  width: fit-content;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  z-index: 100; }

.midNoticeContainer {
  width: 100%;
  height: 36px;
  position: absolute;
  background: #0a1623;
  top: 486px;
  border: 1px solid #0a1623; }

/* bk8 lite app download */
.downloadAppContent .lite-app-download {
  position: relative;
  top: 23rem;
  width: 54%;
  float: right; }

.lite-app-desc {
  width: 80%;
  padding-top: 7px;
  text-align: center; }

.lite-app-text {
  color: white;
  margin-left: 4px; }

.banner-container {
  position: relative;
  display: flex;
  width: 100%; }

.lite-app-download-btn-container {
  cursor: pointer; }

.download_wrap {
  border: 0;
  border-radius: 4px;
  width: 100%;
  height: 2.3rem;
  cursor: pointer; }

.download-words {
  color: white;
  margin-left: 2rem;
  text-align: center; }

@media screen and (max-width: 1300px) {
  .downloadAppContent .lite-app-download {
    width: 43%  !important; } }

.homePromotion {
  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;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  width: 591px;
  height: 369px;
  margin-right: 19px;
  position: relative;
  overflow: hidden; }

.homePromotion .iconAndTitle {
  width: 100%;
  margin-top: 30px; }

.homePromotion .iconAndTitle .redirectButton,
.hotGamesContent .iconAndTitle .redirectButton {
  cursor: pointer;
  color: #0069D7;
  text-decoration: underline;
  font-weight: bold;
  z-index: 10;
  margin-bottom: auto; }

.homePromotion .swiper {
  width: 100%; }

.homePromotion .swiper .slider {
  position: relative;
  height: 293px;
  background: transparent !important; }

.homePromotion .swiper .slider .promotionTitle {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 13px; }

.homePromotion .swiper .slider .promotionDesc {
  display: block;
  margin-bottom: 49px;
  font-size: 12px; }

.homePromotion .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.homePromotion .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: -25px;
  right: 235px;
  z-index: 3; }

.homePromotion .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.homePromotion .swiper .slider .page_item {
  position: absolute;
  left: 0;
  height: 100%; }

.homePromotion .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: 147px; }

.homePromotion .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.homePromotion .swiper .slider .page_item .pageMainContent .icons_slot_big_promo_new {
  position: absolute;
  right: 20px;
  top: 0; }

.homePromotion .swiper .tools {
  position: absolute;
  left: 26px;
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.homePromotion .swiper .tools .button_y {
  height: 30px;
  color: black;
  padding: 0 10px;
  min-width: unset; }

.icon-promotion-grey {
  background-image: url("../../content/images/_icons/icon_promotion_big_grey.png");
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block; }

.left-support-banner-promotion {
  top: 65%;
  left: -1px;
  width: 116px;
  height: auto;
  position: fixed;
  z-index: 2147485645; }

.left-support-banner-promotion .promotion-banner-close {
  position: absolute;
  top: 5px;
  width: 35px;
  right: 8px;
  height: 39px;
  z-index: 200; }

.left-support-banner-promotion .promotion-banner-redirect {
  position: absolute;
  top: 42px;
  width: 115px;
  right: 8px;
  height: 155px;
  z-index: 150; }

.left-support-banner-promotion .promotion-banner-desc {
  position: absolute;
  top: 132px;
  font-size: 14px;
  color: white;
  text-align: center;
  width: 100%; }
.center {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.pdleft10 {
  display: block;
  padding-left: 10px;
  padding-top: 10px; }

.pdleft30 {
  display: block;
  padding-left: 30px; }

.textAlignLeft {
  text-align: left !important; }

/* ------- rules & regulations -------- */
.sports-rr {
  width: 100vw;
  height: 98vh;
  overflow: hidden; }

.rr-header {
  background-color: #013B7A;
  text-align: center;
  padding: 10px 15px;
  font-family: Arial;
  margin: 0 auto;
  font-weight: bold;
  color: white; }

.rr-header2 {
  height: 15vh;
  position: fixed;
  width: 100%; }

.rr-header2 .title {
  width: 100%;
  height: 3vh;
  background-color: #013B7A;
  text-align: center;
  padding: 1vh 15px;
  font-family: Arial;
  margin: 0 auto;
  font-weight: bold;
  color: white; }

.rr-header2 .rr-navbar {
  height: 10vh;
  max-width: 960px;
  margin: auto; }

@media (max-width: 1200px) {
  .rr-header2 {
    width: 100vw; }
  .rr-header2 .rr-navbar {
    min-width: unset;
    max-width: unset;
    margin: 0 20px; } }

.rr-body {
  position: fixed;
  width: 100%;
  margin-top: 15vh !important; }

.rr-container {
  position: relative;
  height: 80vh !important;
  overflow: hidden;
  background-color: #F5F5F5;
  margin: 0 20px; }

.rr-content {
  position: absolute;
  color: #013B7A;
  width: 70%;
  left: 30%;
  overflow: scroll;
  height: 80%;
  padding-bottom: 15%; }

.rr-menu {
  width: 100%;
  display: flex;
  padding-left: 0;
  margin: 0;
  margin-top: 1.5rem; }

.menu-tab, .menu-tab-active {
  text-align: center;
  margin: 0 auto;
  width: 25%; }

.menu-tab {
  background-color: #DBDBDB;
  white-space: nowrap; }

.menu-tab-active {
  background-color: #f5f5f5; }

.menu-tab-word {
  color: #013B7A;
  position: relative;
  bottom: 25%;
  font-weight: bold; }

.clickableArea {
  display: inline-block;
  width: 100%;
  height: 42px; }

.clickableArea2 {
  display: inline; }

.sport_menu {
  max-height: 80% !important; }

.csport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 35.5%;
  max-height: 80%; }

.isport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 32.5%;
  max-height: 80%; }

.ssport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 19.5%;
  max-height: 80%; }

.vsport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 29%;
  max-height: 80%; }

.csport_menu_cn {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 32.5%;
  max-height: 80%; }

.isport_menu_cn {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 37.5%;
  max-height: 80%; }

.csport_menu_th {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 40%;
  max-height: 80%; }

.tnc_main_content {
  height: 787px;
  overflow-y: scroll;
  text-align: justify;
  line-height: 1;
  padding: 0 15px;
  margin-top: 18px; }

.tnc_submenu {
  width: 26%;
  display: block; }

.tnc_submenu_content {
  padding-left: 0;
  margin: 0;
  position: absolute;
  height: 87.9%;
  overflow-y: scroll;
  width: 25%; }

.tnc_content {
  width: 70%;
  color: #013B7A;
  padding-right: 25px; }

.tnc_zh_content {
  width: 70%;
  color: #013B7A;
  padding-right: 25px;
  line-height: 1.6; }

.submenu-tab-header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  background-color: #013B7A;
  padding: 14px;
  height: 22px; }

.submenu-tab-header-word {
  color: white; }

.submenu-tab {
  margin: 0 auto;
  font-weight: bold;
  background-color: #DBDBDB;
  text-align: left; }

.submenu-tab:active, .submenu-tab.active {
  background: #efefef; }

.tnc-submenu-tab {
  margin: 0 auto;
  font-weight: bold;
  background-color: #efefef;
  padding: 14px;
  text-align: left; }

.tnc-submenu-tab .submenu-tab-word {
  line-height: 18px; }

.submenu-tab-word {
  display: inline-flex;
  align-items: top;
  width: 85%;
  padding: 10px;
  padding-right: 10%;
  color: #013B7A;
  font-size: 15px; }

.submenu-tab-word div {
  width: 12%;
  min-width: 12%; }

.tnc-submenu-tab .submenu-tab-word div {
  width: 10%;
  min-width: 24px; }

.submenu_ul .submenu-tab-word div {
  width: 24% !important;
  min-width: 24%; }

.csport-container {
  position: relative;
  height: 580px;
  text-align: justify;
  overflow-y: scroll; }

td.active {
  display: table-cell; }

.fs_Bold {
  font-weight: bold; }

.csport-hr {
  border-top: 1px solid #dbdbdb; }

.style1 {
  padding-left: 2.5em; }

.style2 {
  color: #b53f39; }

.p {
  font-size: 100%;
  font-weight: normal;
  position: relative; }

.rr-table {
  border: 1px solid; }

.trbgov {
  background-color: #f5eeb8 !important; }

.liveligh {
  background-color: #ffddd2 !important; }

.submenu1 {
  margin: 0 auto;
  font-weight: normal;
  background-color: #efefef;
  text-align: left;
  padding-left: 10px; }

.submenu1 > a {
  display: inline-block;
  width: 100%; }

.submenu1:active > a > span.submenu-tab-word, .submenu1:focus > a > span.submenu-tab-word,
.submenu1 .active > a > span.submenu-tab-word, li.submenu1.active > a > span.submenu-tab-word,
.submenu-tab:active > a > span.submenu-tab-word, .submenu-tab:focus > a > span.submenu-tab-word,
.submenu-tab .active > a > span.submenu-tab-word, li.submenu-tab.active > a > span.submenu-tab-word,
.tnc-submenu-tab:active > a > span.submenu-tab-word, .tnc-submenu-tab:focus > a > span.submenu-tab-word,
.tnc-submenu-tab .active > a > span.submenu-tab-word, li.tnc-submenu-tab.active > a > span.submenu-tab-word {
  color: #FCB814; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #efefef; }

.dropdown-menu > li > a {
  white-space: unset; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 19px;
  margin-right: 5px;
  vertical-align: middle;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #013b7a;
  position: absolute;
  right: 5px; }

@media (min-width: 280px) {
  .info-centre-container {
    width: 268px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -15%;
    display: flex; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 13px;
    border-right: none;
    padding: 0px 10px 0px;
    display: inline-flex;
    width: 30%; }
  .copyright {
    font-family: Arial;
    font-size: 11px;
    color: #8d8d8d;
    margin-left: 34%; }
  .info-centre-hr {
    margin: 8% 2% 0 3%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 280px */
@media (min-width: 285px) {
  .info-centre-container {
    width: 268px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -14%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 13px;
    border-right: none;
    padding: 0px 10px 0px;
    display: inline-flex;
    width: 30%; }
  .copyright {
    font-family: Arial;
    font-size: 11px;
    color: #8d8d8d;
    margin-left: 34%; }
  .info-centre-hr {
    margin-top: 8%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 285px */
@media (min-width: 320px) {
  .info-centre-container {
    width: 303px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -14%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 14px;
    border-right: none;
    padding: 0px 13px 0px;
    display: inline-flex;
    width: 30%; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 34%; }
  .info-centre-hr {
    margin-top: 7%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 320px */
@media (min-width: 375px) {
  .info-centre-container {
    width: 358px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -10%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 15px;
    border-right: none;
    padding: 0px 12px 0px;
    display: inline-flex;
    width: 30%; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 45%; }
  .info-centre-hr {
    margin-top: 7%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 375px */
@media (min-width: 480px) {
  .info-centre-container {
    width: 463px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -8%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 16px;
    border-right: none;
    padding: 0px 12px 0px;
    display: inline-flex;
    width: auto; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 57%; }
  .info-centre-hr {
    margin-top: 5%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 480px */
@media (min-width: 568px) {
  .info-centre-container {
    width: 551px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -6%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 15px;
    border-right: none;
    padding: 0px 28px 0px;
    display: inline-flex;
    width: auto; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 64%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 568px */
@media (min-width: 667px) {
  .info-centre-container {
    width: 650px; }
  .info-menu {
    width: auto;
    margin: 15px auto 0 -5%; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 16px;
    border-right: none;
    padding: 0px 41px 0px;
    display: inline-flex;
    width: auto; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 70%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; } }

/* end of 667px */
@media (min-width: 774px) {
  .csport-container {
    height: 730px; } }

/* end of 774px */
@media (min-width: 768px) {
  .info-centre-container {
    width: 750px; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 75%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%; }
  .ic-navbar-toggle {
    border-radius: 0;
    margin: 5px 5px 5px 0;
    display: block; }
  .ic-navbar-header {
    float: right; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin-bottom: 0; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: none;
    padding: 0px 53px 0px;
    display: inline-flex;
    width: auto; } }

@media (min-width: 812px) {
  .info-centre-container {
    width: 576x; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 74%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .separator li {
    display: inline-block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%;
    border-right: 1px #c0c0c0 solid; }
  .ic-navbar-default {
    background-color: #f2f2f2;
    border-color: #f2f2f2; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: none;
    padding: 0px 53px 0px;
    display: inline-flex;
    width: auto; } }

@media (min-width: 992px) {
  .info-centre-container {
    width: 970px; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 81%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: none;
    padding: 0px 86px 0px;
    display: inline-flex;
    width: auto; } }

@media (min-width: 1200px) {
  .info-centre-container {
    width: 1170px; }
  .copyright {
    font-family: Arial;
    font-size: 12px;
    color: #8d8d8d;
    margin-left: 81%; }
  .info-centre-hr {
    margin-top: 3%;
    border-top: 1px solid #d3d3d3; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: none;
    padding: 0px 86px 0px;
    display: inline-flex;
    width: auto; }
  .rr-container {
    max-width: 960px;
    margin: auto; }
  .csport-container {
    position: relative;
    height: 859px;
    text-align: justify;
    overflow-y: scroll; }
  .csport_menu {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    min-height: 27%;
    max-height: 85%;
    max-width: 270px; }
  .isport_menu {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    min-height: 33%;
    max-height: 85%;
    max-width: 270px; }
  .ssport_menu {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    min-height: 155px;
    max-height: 85%;
    max-width: 270px; }
  .vsport_menu {
    width: 100%;
    position: fixed;
    overflow-y: scroll;
    min-height: 23.5%;
    max-width: 270px;
    max-height: 85%; }
  .csport_menu_cn {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 25.5%;
    max-height: 85%; }
  .isport_menu_cn {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 31.5%;
    max-height: 85%; }
  .csport_menu_th {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 28.5%;
    max-height: 85%; } }

.info-centre-header {
  background-color: #003b79;
  text-align: center;
  padding: 10px 15px;
  font-family: Arial;
  margin: 0 auto;
  font-weight: bold;
  margin-bottom: 20px; }

.info-centre-container {
  max-width: 960px;
  margin: 0 auto; }

.info-centre-content {
  background-color: #f2f2f2;
  width: 100%;
  display: inline-block; }

.info-centre-img {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block; }

.info-centre a {
  color: #8d8d8d;
  text-decoration: none; }

.info-menu {
  width: 100%; }

.info-menu > .active > a, .info-centre > .active, info-centre:hover,
.info-menu a:hover, .info-menu a:active, .info-menu > .active > a {
  color: #0070d1; }

.separator {
  color: #8d8d8d;
  text-align: center;
  list-style: none;
  padding: 0 7%; }

.separator a {
  color: #8d8d8d;
  text-decoration: none; }

.separator a:active, .separator a:hover, .separator a:focus, .separator > .active > a {
  color: #0070d1; }

.accordion-toggle:hover, .accordion-toggle:focus {
  color: #757575;
  cursor: pointer; }

.accordion-title {
  color: #757575;
  font-size: 16px;
  font-family: arial;
  border-color: #f2f2f2 #f2f2f2 #d3d3d3; }

.panel:hover, .panel:active, .panel-group .panel:active,
.panel-group .panel:focus, .panel-group .panel:active {
  color: #757575;
  background-color: #e1e1e1 !important;
  border-left-color: #f2f2f2;
  border-right-color: #f2f2f2; }

.accordion-content, .accordion-content:hover {
  color: #8d8d8d;
  font-size: 14px;
  font-family: Arial;
  background-color: #f2f2f2; }

.panel-group .panel {
  background-color: #f2f2f2;
  border-radius: 0;
  margin: 0 2%; }

.panel-heading {
  padding: unset; }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
  border: none;
  border-color: #f2f2f2 #f2f2f2 #757575; }

.panel-title > a, .panel-title > a:active {
  display: block;
  text-decoration: none;
  padding: 16px; }

.panel-group .panel-heading a.collapsed:after {
  content: ">";
  color: #757575;
  transform: rotate(90deg); }

.panel-group .panel-heading a:after {
  content: ">";
  color: #757575;
  float: right;
  transition: all 0.2s ease;
  transform: rotate(-90deg); }

.panel-group .panel + .panel {
  margin-top: 0; }

.backToTop {
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
  position: fixed; }

.panel-body p a, .panel-body a {
  font-style: italic;
  text-decoration: underline; }

.panel-body ol > li, .panel-body ul > li {
  list-style: unset; }

/** about us **/
.about-us-container-EN_ID {
  width: 100%;
  height: 263.813rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_MY {
  width: 100%;
  height: 263.813rem;
  border: 0;
  outline: 0; }

.about-us-container-MS_MY {
  width: 100%;
  height: 270.688rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_VN {
  width: 100%;
  height: 268.813rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_TH {
  width: 100%;
  height: 267.313rem;
  border: 0;
  outline: 0; }

.about-us-container-ZH_MY {
  width: 100%;
  height: 229.251rem;
  border: 0;
  outline: 0; }

.about-us-container-ZH_SG {
  width: 100%;
  height: 220.751rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_SG {
  width: 100%;
  height: 255.188rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_EU,
.about-us-container-KM_KH {
  width: 100%;
  height: 265.813rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_US {
  width: 100%;
  height: 262.501rem;
  border: 0;
  outline: 0; }

.about-us-container-EN_KH {
  width: 100%;
  height: 262.501rem;
  border: 0;
  outline: 0; }

.about-us-container-ZH_EU,
.about-us-container-ZH_KH {
  width: 100%;
  height: 227.938rem;
  border: 0;
  outline: 0; }

.about-us-container-ZH_US {
  width: 100%;
  height: 227.938rem;
  border: 0;
  outline: 0; }

.about-us-container-ID_ID {
  width: 100%;
  height: 276.188rem;
  border: 0;
  outline: 0; }

.about-us-container-TH_TH {
  width: 100%;
  height: 254.563rem;
  border: 0;
  outline: 0; }

.about-us-container-VI_VN {
  width: 100%;
  height: 272.563rem;
  border: 0;
  outline: 0; }

.about-header-gap {
  padding-top: 55px !important;
  margin-left: 7.5% !important;
  width: 85.3333% !important; }

.about-us-header, .contact-us-header {
  background: #efefef;
  padding: 5px 0 5px 15px;
  font-weight: bold;
  font-size: 18px; }

.about-us-header {
  height: 30px; }

.about-us-content {
  font-size: 13px;
  line-height: 1.7em;
  height: 1973px;
  overflow-y: unset; }

.about-us-p {
  margin-bottom: 2.5em; }

.built-to-entertain {
  margin-bottom: 1.4em; }

.built-to-entertain-p {
  margin-bottom: 85px; }

.about-content-bot-margin {
  margin-bottom: 85px !important; }

.content-one {
  padding-top: 0 !important; }

.about-content, .co-info {
  padding-top: 40px; }

.co-info-bot-margin {
  margin-bottom: 55px !important; }

.about-content::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

.about-us-p > p.fs_Bold, .built-to-entertain > p.fs_Bold {
  font-size: 18px !important;
  margin-top: 2.5rem; }

.about-us-p > p.fs_Bold {
  margin-top: 45px !important; }

.our-mission > p.fs_Bold {
  margin-bottom: 55px; }

.about-us-p > p, .built-to-entertain > p {
  font-size: 14px; }

.about-timeline-content-row1 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 55px; }

.about-timeline-content-row2 {
  display: flex;
  flex-wrap: wrap; }

.timeline-story {
  width: 20%;
  margin-right: 55px;
  display: flex;
  flex-direction: column; }

.our-mission > p {
  margin-bottom: 0.625em; }

.about-us-font {
  font-size: 24px !important; }

.timeline-content {
  display: inline-flex; }

.timeline-content-img {
  display: flex; }

.timeline-img {
  max-width: 100%;
  position: relative;
  padding: 0 75px 0 0;
  height: 100px;
  display: flex;
  align-items: center; }

.timeline-img > img {
  max-width: 100%; }

.timeline-p-div-row1 {
  min-height: 177px; }

.timeline-p-div-row2 {
  min-height: 216px; }

.timeline-p {
  border-left: solid 1px #a89b8b;
  padding: 0 12px;
  margin-top: 42px; }

.timeline-p > h2 {
  font-size: 24px; }

.timeline-p > p {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0; }

.timeline-desc > p {
  padding: 12px; }

.about-hr {
  margin-bottom: 6%;
  border-top: 1px dotted; }

.contacts-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 76px;
  margin-top: 38px;
  margin-left: 38px; }

.contacts-container .divider {
  width: 1px;
  height: 125px;
  position: relative;
  bottom: 14px;
  border-left: 1.5px dotted #e2e2e2; }

.contact-header-gap {
  padding-top: 42px !important;
  margin-left: 6% !important;
  width: 88.3333% !important;
  background: white; }

.sub-contacts-container {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  padding: 0% 5% 0% 5%; }

.sub-contacts-container p {
  font-weight: bold;
  font-size: 17px;
  margin-top: 12px; }

.sub-contacts-container a {
  font-weight: bold;
  color: #000000;
  font-size: 17px;
  margin-top: 12px; }

.container-divider {
  display: flex;
  flex-basis: 19.5%;
  justify-content: space-between; }

.sub-contacts-container:last-child, .sub-contacts-container:nth-child(4), .sub-contacts-container:nth-child(8) {
  border: none; }

.container-divider:last-child .divider,
.container-divider:nth-child(5) .divider,
.container-divider:nth-child(10) .divider {
  background: red;
  display: none; }

.sub-contacts-container img {
  width: auto;
  height: 82px; }

@media screen and (max-width: 1500px) {
  .timeline-img {
    padding: 0 65px 0 0; } }

@media screen and (max-width: 1450px) {
  .timeline-img {
    padding: 0 55px 0 0; } }

@media screen and (max-width: 1400px) {
  .timeline-content-img {
    width: 110%; }
  .timeline-img > img {
    width: 75%; }
  .timeline-img {
    padding: 0 10px 0 0; }
  .about-header-gap {
    padding-top: 55px !important;
    margin-left: 7% !important;
    width: 79% !important; }
  .about-us-container-ZH_SG {
    height: 256rem !important; }
  .about-us-container-ZH_MY {
    height: 264rem !important; }
  .about-us-container-TH_TH {
    height: 296rem !important; }
  .about-us-container-EN_SG {
    height: 302rem !important; }
  .about-us-container-EN_TH {
    height: 313rem !important; }
  .about-us-container-EN_MY, .about-us-container-EN_ID, .about-us-container-EN_KH, .about-us-container-EN_US {
    height: 310rem !important; }
  .about-us-container-EN_VN {
    height: 315rem !important; }
  .about-us-container-KM_KH {
    height: 306rem !important; }
  .about-us-container-ZH_KH {
    height: 263rem !important; }
  .about-us-container-ZH_US {
    height: 256rem !important; }
  .about-us-container-MS_MY {
    height: 323rem !important; }
  .about-us-container-VI_VN {
    height: 319rem !important; }
  .about-us-container-ID_ID {
    height: 326rem !important; } }

#infoCentre-body .csport-container {
  max-height: 80vh; }

.info-centre-container .table-responsive table {
  text-align: center; }

.info-centre-container .table-responsive table thead td,
.table-responsive table tbody tr:first-of-type > td {
  color: #000;
  font-weight: 800;
  background-color: #dddddd !important; }

.info-centre-container .table-responsive table tbody tr:first-of-type > td {
  background-color: #eeeeee !important; }

.info-centre-container .table-responsive table thead td,
.oddsTable th {
  text-align: center;
  border: 2px solid #f2f2f2;
  background-color: #dddddd; }

.table-responsive table tbody td,
.oddsTable td {
  border: 2px solid #f2f2f2;
  background-color: #eeeeee; }

.oddsTable td {
  padding-left: 5px; }

.csport_menu ul, .csport_menu_cn ul, .csport_menu_th ul,
.isport_menu ul, .isport_menu_cn ul,
.ssport_menu ul, .vsport_menu ul {
  padding-top: 0 !important; }

.faq-nav {
  display: flex;
  justify-content: baseline;
  background: url(../../content/images/faq/faq.png) no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: contain;
  vertical-align: text-bottom; }

.faq-nav > a {
  position: absolute;
  top: 300px;
  left: 180px; }

.sports-table td {
  white-space: normal !important; }

.sports-table2 td:first-child {
  width: 60px; }

.table-responsive.info-bet-table table tbody tr:first-child > td,
.table-responsive.info-bet-table table tbody tr:nth-child(2) > td {
  background-color: #ddd !important;
  color: #000; }

.about-us-content .about-us-p .about-us-icon {
  position: relative;
  margin-right: 1.5rem !important; }

.about-us-partner-title {
  font-weight: bold; }

.about-us-icon-down {
  padding-bottom: 10px; }

ul.faq-circle-list > li {
  list-style-type: circle; }

ul.faq-square-list > li {
  list-style-type: square; }

.marketbet-table > .table > tbody > tr > td {
  background: white;
  color: #013B7A;
  border: 1px solid;
  text-align: center; }

.marketbet-table > .table > tbody > tr > th {
  color: #013B7A;
  background: #ddd;
  border: 1px solid;
  text-align: center; }

.accordion-toggle {
  background-color: #e1e1e1; }

.accordion-toggle.collapsed {
  background-color: unset; }

.slot-ultimate {
  background: #000000;
  min-height: 582px;
  position: relative;
  cursor: pointer; }

.slot-ultimate img {
  display: block;
  margin: 0 auto; }

.register_form {
  background: #f0f0f0;
  display: flex;
  justify-content: center; }

.register_form .form_container {
  width: 1000px;
  background: white;
  margin: 40px 0px;
  position: relative; }

.register_form .form_container .member_benefits {
  width: 247.05px;
  padding: 26px 0;
  border: 1px solid #DDDDDD;
  list-style: unset !important;
  height: fit-content;
  word-break: break-word; }

.register_form .form_container .member_benefits_app {
  height: 410px;
  width: 400px; }
  .register_form .form_container .member_benefits_app .icon_member_benefit_div {
    display: flex;
    padding-top: 40px;
    padding-left: 50px; }
    .register_form .form_container .member_benefits_app .icon_member_benefit_div .icon_div {
      width: 70px;
      margin-right: 20px; }
  .register_form .form_container .member_benefits_app .qr_code_div {
    display: flex;
    margin-top: 35px;
    padding-left: 50px; }
    .register_form .form_container .member_benefits_app .qr_code_div .ios_div {
      margin-right: 60px; }
    .register_form .form_container .member_benefits_app .qr_code_div .qr_os_icon_div {
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #ffffff;
      margin-bottom: 12px;
      height: 32px; }
      .register_form .form_container .member_benefits_app .qr_code_div .qr_os_icon_div img {
        margin-right: 10px; }
    .register_form .form_container .member_benefits_app .qr_code_div .qr_img_div {
      width: 120px;
      margin-bottom: 4px; }
      .register_form .form_container .member_benefits_app .qr_code_div .qr_img_div img {
        width: 120px;
        border-radius: 6px; }
    .register_form .form_container .member_benefits_app .qr_code_div button {
      background-color: #013b7a;
      color: #ffffff;
      border: 0;
      padding: 5px 15px;
      font-size: 15px; }

.member_benefits2 {
  padding: 22px !important;
  color: #373737; }

.register_form .form_container .form_section {
  width: 595px; }

.register_form .form_container .form_section .register_header {
  background: black;
  width: 72.5%;
  color: white;
  padding: 9px 0px 9px 15px; }

.register_form .form_container .form_section .progress_bar_container {
  display: block;
  height: 55px;
  width: 100%; }

.register_form .form_container .form_section .progress_bar_container .progress_bar {
  width: 40%;
  position: relative;
  top: 25px;
  left: 115px; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .active-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  background: #0070c1;
  color: white; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .inactive-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  background: #e1e1e1;
  color: white; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .success-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  background: #6ac259;
  color: white; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .left-circle {
  position: absolute;
  top: -13px;
  left: 0px;
  cursor: pointer; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .middle-circle {
  position: absolute;
  top: -13px;
  right: 45%;
  cursor: pointer; }

.register_form .form_container .form_section .progress_bar_container .progress_bar .right-circle {
  position: absolute;
  right: 0px;
  top: -13px;
  cursor: pointer; }

.register_form .form_container .form_section .data_input {
  line-height: 50px; }

.register_form .form_container .form_section .data_input .register-form-data,
.socialMedia-title-column {
  display: inline;
  text-align: left;
  padding: 0px;
  font-size: 13px;
  min-width: 122px; }

.register_form .form_container .form_section .data_input .register-input-div,
.socialMedia-btn-column {
  display: flex;
  width: 44%; }

.register_form .form_container .form_section .data_input .register-breakline-div {
  width: 33%;
  position: relative;
  left: 20px; }

.register_form .form_container .form_section .data_input .register-breakline-div hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eee;
  margin: 1em 0 1em 8px;
  padding: 0;
  width: 209px; }

.register_form .form_container .form_section .data_input .form-control {
  border: 1px solid silver;
  width: 88.58%;
  padding: 3px 12px;
  height: 34px;
  border-radius: 0px;
  font-size: 12px; }

.register_form .form_container .form_section .data_input .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.register_form .form_container .form_section .data_input .form-control:hover {
  border: 1px solid #006CC0; }

.register_form .form_container .form_section .data_input .register-status-area {
  position: relative;
  margin-left: 33px;
  max-width: 35%; }

.register_form .triangle-border {
  position: absolute;
  color: #111111;
  background: #ddd;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  min-width: 182px;
  margin: 0px;
  padding: 5px; }

.register_form .triangle-border.blue {
  background: #0066d1 !important;
  min-width: 198px !important;
  padding: 10px !important; }

.register_form .triangle-border-tips {
  position: absolute;
  color: #ffffff;
  background: #0066d1;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  min-width: 198px;
  margin: 0px;
  padding: 10px; }

.triangle-border2 {
  min-width: 132px !important; }

.register_form .triangle-border:before {
  content: "";
  position: absolute;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

/* creates the smaller  triangle */
.register_form .triangle-border:after {
  content: "";
  position: absolute;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

/* creates the smaller  triangle */
.register_form .triangle-border-tips:before {
  content: "";
  position: absolute;
  border-style: solid;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0; }

/* creates the larger triangle */
.register_form .triangle-border.detail:before {
  top: 9px;
  /* controls vertical position */
  bottom: auto;
  left: -7px;
  /* value = - border-left-width - border-right-width */
  border-width: 5px 10px 5px 0;
  border-color: transparent #ddd; }

/* creates the larger triangle */
.register_form .triangle-border.detail.blue:before {
  border-color: transparent #0066d1; }

/* creates the larger triangle */
.register_form .triangle-border-tips:before {
  top: 24px;
  /* controls vertical position */
  bottom: auto;
  left: -9px;
  /* value = - border-left-width - border-right-width */
  border-width: 5px 10px 5px 0;
  border-color: transparent #0066d1; }

/* creates the larger triangle */
.register_form .country-of-bank .triangle-border-tips:before {
  top: 18px;
  /* controls vertical position */
  bottom: auto;
  left: -9px;
  /* value = - border-left-width - border-right-width */
  border-width: 5px 10px 5px 0;
  border-color: transparent #0066d1; }

/* creates the smaller  triangle */
.register_form .triangle-border.detail:after {
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 21px 9px 0;
  border-color: transparent rgba(255, 255, 255, 0); }

.register_form .stat-icon-div {
  position: relative;
  top: 4px;
  left: -30px; }

.register_form .stat-text-div {
  position: relative;
  left: 0px;
  top: -40px; }

.register_form .stat-text-div-tips {
  position: relative;
  top: -5px;
  z-index: 99999;
  word-break: break-all;
  left: -27px !important; }

.register_form .stat-text-div-tips.country-of-bank {
  position: relative;
  top: 2px;
  z-index: 99999;
  left: -27px !important; }

.register_form .stat-text-div.details {
  top: 9px !important;
  left: -27px !important;
  z-index: 99999; }

.register_form .data-error {
  color: red;
  font-size: 11px;
  text-align: left;
  margin: 0px;
  display: flex;
  line-height: 15px;
  min-height: 16px;
  align-items: center; }

.register_form .data-problem {
  color: black;
  font-size: 11px;
  text-align: left;
  margin: 0px;
  display: flex;
  line-height: 15px;
  min-height: 16px;
  align-items: center;
  word-break: break-word; }

.register_form .data-problem.white {
  color: white; }

.register_form .data-tips {
  color: white;
  font-size: 11px;
  text-align: left;
  margin: 0px;
  display: flex;
  line-height: 15px;
  min-height: 16px;
  align-items: center;
  word-break: break-word; }

.register_form .language-details {
  display: flex;
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  width: 76%;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  background: white;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.register_form .language-details:hover, .register_form .language-details:hover a span {
  background: #434242;
  color: white; }

.register_form .form_container .form_section .data_input .register-success-container {
  display: flex;
  width: 60%;
  justify-content: center;
  align-items: center;
  line-height: 1em; }

.register_form .form_container .form_section .data_input .register-success-container .merchant-logo {
  position: relative; }

.register_form .form_container .form_section .data_input .register-success-container .success-title {
  position: relative;
  margin-left: 10px;
  text-align: center; }

.register_form .form_container .form_section .data_input .register-success-container .desc-container {
  margin-top: 20px;
  line-height: 14px; }

.btn-blue {
  width: 8.8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#0062c9), to(#003b79));
  background: -webkit-linear-gradient(#0062c9, #003b79);
  background: -o-linear-gradient(#0062c9, #003b79);
  background: linear-gradient(#0062c9, #003b79); }

.socialMedia-title-column {
  display: flex;
  align-items: center;
  margin-left: 10px; }

.socialMedia-login-btn {
  width: 81%;
  border-radius: 3px;
  color: #fff;
  margin-left: 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.socialMedia-login-btn img {
  height: 80%;
  margin-right: 3%; }

.line-btn {
  background-color: #00c300; }

.socialMedia-break-line {
  width: 75%;
  text-align: center;
  border-bottom: 1px solid #eee;
  line-height: 0.1em;
  margin: 10px 0 20px; }

.socialMedia-break-line span {
  background: #fff;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 600; }

.international-telcode {
  height: 10rem;
  overflow-y: scroll;
  background-color: white; }

.searchBox-input {
  width: 23.9%;
  display: flex;
  min-width: 23rem;
  z-index: 55;
  position: absolute; }

.register_form .reg_banners {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-top: 50px; }

.reg_success_override {
  position: unset !important; }

.register_form .reg_banners .reg_banner img {
  display: block;
  margin: 0 auto;
  padding-top: 2%;
  width: 92%; }

.register_form .reg_banners .reg_banner:last-child img {
  margin-bottom: 0px; }

.int-register-form-data {
  min-width: 165px !important; }

/* Style the arrow inside the select element: */
.register_form .select-selected:after {
  position: absolute;
  content: url(../images/newSetting/tContent_Content_formDropdown.png);
  right: 15px;
  top: calc(50% - 0.5em); }

/* Point the arrow upwards when the select box is open (active): */
.register_form .select-selected.select-arrow-active:after {
  transform: rotateX(-180deg); }

/* style the items (options), including the selected item: */
.register_form .select-items div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

.register_form .select-items-category div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

/* ===== Select Box ===== */
.register_form .custom-select {
  position: relative;
  font-family: Helvetica;
  cursor: pointer;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 4px;
  color: #999; }

.register_form .custom-select select {
  display: none;
  /*hide original SELECT element: */ }

/* style the items (options), including the selected item: */
.register_form .select-items div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

.register_form .select-items-category div, .select-selected {
  position: relative;
  cursor: pointer;
  height: 40px;
  align-items: center;
  display: flex;
  color: #999;
  padding-left: 15px; }

/* Style items (options): */
.register_form .select-items {
  position: absolute;
  top: 42px;
  left: 0;
  right: -25px;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%) !important; }

.register_form .select-items-category {
  position: absolute;
  top: 42px;
  left: 0;
  right: -25px;
  z-index: 9999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%) !important;
  width: 260px; }

/* Hide the items when the select box is closed: */
.register_form .select-hide {
  display: none; }

.register_form .language-details-international {
  padding-left: 15px; }

.register_form .language-details-international,
.register_aff_form .language-details-international {
  height: 40px;
  color: #999; }

.register_form .language-details-international:hover,
.register_aff_form .language-details-international:hover {
  background-color: #e6e6e6; }

.register_form .icon-arrow-down {
  margin-right: 2px;
  width: 14px; }

.register_form .icon-arrow-down-aff-id {
  position: relative;
  display: inline-block;
  top: 2px;
  left: 8px;
  width: 12px; }

.register_form .icon-arrow-down-aff-id.open {
  transform: rotate(180deg); }

.register_form select[ng-model="vm.day"] {
  padding-left: 9px !important;
  width: 23% !important;
  background: white !important; }

.register_form select[ng-model="vm.month"] {
  width: 42% !important;
  background: white !important; }

.register_form select[ng-model="vm.year"] {
  background: white !important; }

.register_form .international-country-icon {
  margin-right: 5px;
  position: relative;
  top: 10%;
  width: 25px; }

.register_form .international-country-name {
  position: relative;
  top: -3%; }

.games-container {
  position: relative;
  background-position: center; }

.games-container .game-desc {
  font-size: 17px;
  color: #999; }

.games-container .game-highlight-desc {
  font-size: 18px;
  color: #000; }

.games-container .playnow_wrap {
  background-color: #003b79;
  color: #fff;
  padding: 0 6px 0 6px;
  height: 45px;
  font-size: 17px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  cursor: pointer; }

.games-container .playnow_wrap:hover {
  background-color: #004b99; }

.games-container .fun_wrap {
  background-color: #757575;
  color: #fff;
  padding: 0 6px 0 6px;
  height: 45px;
  font-size: 17px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0px;
  cursor: pointer; }

.games-container .fun_wrap:hover {
  background-color: #999; }

.games-container .sbo, .games-container .br, .games-container .allbet, .games-container .golddeluxe, .games-container .evolution-gaming,
.games-container .gameplay, .games-container .dreamgaming, .games-container .asiagaming, .games-container .playtech, .games-container .sexybacarrat,
.games-container .ultimate, .games-container .ggfishing, .games-container .ptfishing, .games-container .sgfishing, .games-container .download-banner {
  min-height: 514px; }

.games-container .sbo .game-desc {
  font-size: 17px;
  color: #999;
  position: relative;
  top: 229px; }

.games-container .sbo .game-play {
  position: relative;
  top: 245px; }

.games-container .cmd, .games-container .br-games {
  min-height: 910px;
  background: #ffffff; }

.games-container .cmd {
  margin: 0 60px; }

.layout1145 {
  width: 1145px;
  margin-left: auto;
  margin-right: auto; }

.games-container .cmd iframe, .games-container .br-games iframe {
  position: relative;
  width: 100%;
  min-height: inherit; }

.games-container .br .game-desc {
  position: relative;
  top: 240px; }

.games-container .br .game-play {
  position: relative;
  top: 265px; }

.games-container .br-subcontainer {
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center; }

.games-container .br-subcontainer .game-category {
  width: 264px;
  height: 280px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }

.games-container .br-subcontainer .game-category span {
  font-size: 16px;
  color: #fcb813;
  display: flex;
  justify-content: center;
  position: relative;
  top: 244px;
  float: left;
  padding-left: 10px;
  font-weight: bold; }

.br-button {
  margin-top: 90%;
  float: right;
  margin-right: 8px;
  color: black;
  padding: 0 8px;
  min-width: auto;
  font-weight: bold;
  font-size: inherit; }

.games-container .allbet .game-desc {
  position: relative;
  top: 240px;
  width: 320px; }

.games-container .allbet .game-play {
  position: relative;
  top: 265px; }

.games-container .allbet-casino-games {
  margin-top: 20px; }

.games-container .allbet-casino-games .container {
  display: flex;
  margin-bottom: 20px; }

.games-container .allbet-casino-games .game {
  margin-right: 15px;
  width: 288px;
  height: 187px;
  cursor: pointer; }

.games-container .golddeluxe .game-desc {
  position: relative;
  width: 300px;
  top: 250px; }

.games-container .golddeluxe .game-play {
  position: relative;
  top: 280px; }

.games-container .golddeluxe-highlight, .games-container .evolutiongaming-highlight, .games-container .gameplay-highlight, .games-container .dreamgaming-highlight,
.games-container .asiagaming-highlight, .games-container .playtech-highlight, .games-container .sexybacarrat-highlight {
  height: 220px;
  margin-top: 20px;
  text-align: center; }

.games-container .golddeluxe-highlight .game-highlight-desc {
  position: relative;
  top: 80px;
  width: 380px;
  left: 308px; }

.games-container .golddeluxe-highlight .game-play, .games-container .evolutiongaming-highlight .game-play, .games-container .gameplay-highlight .game-play,
.games-container .dreamgaming-highlight .game-play, .games-container .asiagaming-highlight .game-play, .games-container .playtech-highlight .game-play,
.games-container .sexybacarrat-highlight .game-play {
  position: relative;
  top: 95px; }

.games-container .evolution-gaming .game-desc {
  position: relative;
  width: 260px;
  top: 240px; }

.games-container .evolution-gaming .game-play {
  position: relative;
  top: 265px; }

.games-container .evolutiongaming-highlight .game-highlight-desc {
  position: relative;
  top: 80px;
  width: 380px;
  left: 308px; }

.games-container .gameplay .game-desc {
  position: relative;
  top: 245px;
  width: 320px; }

.games-container .gameplay .game-play {
  position: relative;
  top: 270px; }

.games-container .gameplay-highlight .game-highlight-desc {
  position: relative;
  top: 80px;
  width: 330px;
  left: 335px; }

.games-container .dreamgaming .game-desc {
  position: relative;
  top: 245px;
  width: 320px; }

.games-container .dreamgaming .game-play {
  position: relative;
  top: 270px; }

.games-container .dreamgaming-highlight .game-highlight-desc {
  position: relative;
  top: 80px;
  width: 330px;
  left: 335px; }

.games-container .asiagaming .game-desc {
  position: relative;
  top: 245px;
  width: 240px; }

.games-container .asiagaming .game-play {
  position: relative;
  top: 270px; }

.games-container .asiagaming-highlight .game-highlight-desc {
  position: relative;
  top: 75px;
  width: 380px;
  left: 312px; }

.games-container .playtech .game-desc {
  position: relative;
  top: 245px;
  width: 275px; }

.games-container .playtech .game-play {
  position: relative;
  top: 270px; }

.games-container .playtech-highlight .game-highlight-desc {
  position: relative;
  top: 75px;
  width: 350px;
  left: 335px; }

.games-container .sexybacarrat .game-desc {
  position: relative;
  top: 245px;
  width: 275px; }

.games-container .sexybacarrat .game-play {
  position: relative;
  top: 270px; }

.games-container .sexybacarrat-highlight .game-highlight-desc {
  position: relative;
  top: 75px;
  width: 335px;
  left: 335px; }

.games-container .idnpoker {
  height: 514px; }

.games-container .idnpoker .game-desc {
  position: relative;
  top: 245px; }

.games-container .idnpoker .game-play {
  position: relative;
  top: 270px; }

.games-container .idnpoker-highlight {
  height: 450px;
  font-size: 14px;
  color: #fff; }

.games-container .idnpoker-highlight .title {
  font-size: 16px;
  color: #fcb813; }

.games-container .idnpoker-highlight .idn-highlight-desc {
  position: relative;
  width: fit-content;
  left: 147px;
  top: 110px; }

.games-container .idnpoker-highlight .idn-highlight-desc-2 {
  position: relative;
  width: fit-content;
  left: 640px;
  top: 270px; }

.games-container .idnpoker-highlight .game-play {
  position: relative;
  width: fit-content;
  left: 425px;
  top: 50px; }

.games-container .common-slot {
  height: 514px; }

.games-container .common-slot .download {
  position: relative;
  top: 15px; }

.games-container .common-slot .game-desc {
  position: relative;
  color: #999;
  font-size: 18px;
  width: fit-content;
  top: 165px; }

.games-container .common-slot .winner-list {
  position: relative;
  width: 310px;
  height: 230px;
  color: #fff;
  background: #091e3d;
  top: 178px; }

.games-container .common-slot .winner-list .title {
  position: relative;
  left: 25px; }

.games-container .common-slot .winner-list .title span {
  font-size: 16px;
  position: relative;
  top: 8px;
  left: 0px; }

.games-container .common-slot .winner-list .pager {
  position: relative;
  top: -50px;
  left: 250px; }

.games-container .common-slot .winner-list .pager .page {
  cursor: pointer; }

.games-container .common-slot .winner-list .pager .page-info {
  font-size: 15px;
  position: relative;
  top: -2px;
  left: -155px; }

.games-container .common-slot .winner-list .pager .page-info .current {
  color: #fdb813; }

.games-container .common-slot .winner-list .winner-content {
  background: #01172f;
  position: relative;
  width: 260px;
  height: 180px;
  top: -52px;
  left: 24px; }

.games-container .common-slot .winner-list .winner-content .container {
  width: 260px;
  height: 60px;
  display: flex;
  font-size: 16px; }

.games-container .common-slot .winner-list .winner-content .container .username-gamename {
  text-align: left;
  width: 50%;
  margin-left: 20px;
  margin-top: 5px; }

.games-container .common-slot .winner-list .winner-content .container .currency-amount {
  text-align: right;
  width: 50%;
  margin-right: 20px;
  margin-top: 5px; }

.games-container .common-slot .winner-list .winner-content .container .username, .games-container .common-slot .winner-list .winner-content .container .amount {
  color: #fff; }

.games-container .common-slot .winner-list .winner-content .container .gamename {
  color: #999; }

.games-container .common-slot .winner-list .winner-content .container .currency {
  color: #fdb813; }

.games-container .slot-jackpot {
  margin-top: 20px;
  height: 120px; }

.games-container .slot-jackpot img {
  display: block;
  margin: 0 auto; }

.games-container .slot-jackpot .jackpot {
  font-size: 44px;
  color: #000;
  position: relative;
  width: 580px;
  display: flex;
  justify-content: center;
  top: -95px;
  left: 360px; }

.games-container .slot-jackpot .jackpot .jackpot-container .odometer-digit {
  margin-right: 15px; }

.games-container .slot-jackpot .jackpot .jackpot-container .odometer-digit-inner {
  height: 48px;
  width: 24px;
  padding-left: 2px;
  padding-right: 2px;
  background: #fff;
  border-radius: 5px;
  border-style: double;
  border-color: #32ccfe; }

.games-container .slot-jackpot .jackpot .jackpot-container .odometer-formatting-mark {
  color: #fff; }

.games-container .slot-game-searcher {
  display: flex;
  margin-top: 20px; }

.games-container .slot-game-searcher .found-text {
  width: 70%;
  color: #808080;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px; }

.games-container .slot-game-searcher .search-box {
  width: 30%;
  height: 34px;
  border: 1px solid #ccc;
  background: #c1c1c1;
  font-size: 12px; }

.games-container .slot-game-searcher .search-box i {
  position: relative;
  top: 10px;
  left: 5px; }

.games-container .slot-game-searcher .search-box .keyword {
  height: 25px;
  width: 265px;
  background: transparent; }

.games-container .menu-sub {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px; }

.games-container .menu-sub ul {
  position: relative;
  /* left:50% */ }

.games-container .menu-sub ul li {
  height: 40px;
  width: 125px;
  line-height: 40px;
  margin-right: 12px;
  display: block;
  float: left;
  position: relative; }

.games-container .menu-sub ul li a {
  width: 100%;
  height: 100%;
  color: #fff;
  background: #555;
  display: block;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

.games-container .menu-sub ul li a:hover {
  background: #021385; }

.games-container .menu-sub ul .current a, .games-container .menu-sub ul .current a:hover {
  background: #021385;
  color: #fff; }

.games-container .menu-sub ul li:last-child {
  margin-right: 0; }

.games-container .game-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, 146px);
  grid-gap: 1rem;
  justify-content: space-between;
  align-content: flex-start;
  list-style: none;
  width: 954px;
  padding: 0;
  margin-left: 22px; }

.games-container .game-gallery .content {
  position: relative;
  min-height: 239px;
  background: #000; }

.games-container .game-gallery .masked-game-img {
  display: none;
  background-color: black;
  opacity: .50;
  -moz-opacity: .50;
  filter: alpha(opacity=50);
  border: 1px solid lightblue;
  min-height: 189px;
  max-height: 189px;
  min-width: 146px;
  max-width: 146px; }

.games-container .game-gallery .game-img {
  border: 1px solid #000000;
  min-height: 189px;
  max-height: 189px;
  min-width: 146px;
  max-width: 146px; }

.games-container .game-gallery .game-img img, .games-container .game-gallery .masked-game-img img {
  min-height: 187px;
  max-height: 187px;
  min-width: 144px;
  max-width: 144px;
  margin-left: 1px;
  margin-top: 1px; }

.games-container .game-gallery .play {
  display: none;
  position: absolute;
  width: 148px;
  height: 30px;
  left: 0px;
  top: 69px;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  background: #337ab7;
  cursor: pointer; }

.games-container .game-gallery .single-play {
  top: 85px !important; }

.games-container .game-gallery .demo {
  display: none;
  position: absolute;
  width: 148px;
  height: 30px;
  top: 100px;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  background: grey;
  cursor: pointer; }

.games-container .game-gallery .play:hover, .games-container .game-gallery .demo:hover {
  color: lightblue; }

.games-container .game-gallery .game-title {
  display: table;
  min-height: 50px;
  width: 100%;
  text-align: center; }

.games-container .game-gallery .game-title span {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  height: 50px;
  text-align: center;
  line-height: 16px; }

.games-container .game-gallery .content:hover .game-img {
  display: none; }

.games-container .game-gallery .content:hover .game-title span {
  color: lightblue; }

.games-container .game-gallery .content:hover .masked-game-img,
.games-container .game-gallery .content:hover .play,
.games-container .game-gallery .content:hover .demo {
  display: block; }

.games-container .ultimate .game-desc {
  position: relative;
  top: 200px; }

.games-container .ultimate .game-play {
  position: relative;
  top: 230px; }

.games-container .ultimate-highlight, .games-container .ggfishing-highlight, .games-container .ptfishing-highlight, .games-container .sgfishing-highlight {
  height: 450px; }

.games-container .ultimate-highlight .game-desc {
  position: relative;
  font-size: 14px;
  color: #fff;
  width: fit-content;
  top: 145px;
  left: 90px; }

.games-container .ultimate-highlight .game-desc .title, .games-container .ggfishing-highlight .game-desc .title, .games-container .ptfishing-highlight .game-desc .title,
.games-container .sgfishing-highlight .game-desc .title {
  font-size: 16px;
  color: #fcb813; }

.games-container .ultimate-highlight .game-play {
  position: relative;
  width: fit-content;
  top: 190px;
  left: 90px; }

.games-container .scr888 .logo {
  position: relative; }

.games-container .scr888 .logo img {
  display: block;
  margin: 0 auto; }

.games-container .scr888 .usrpwd {
  position: relative;
  width: 360px;
  height: 100px;
  margin: 0 auto;
  background: #434142;
  margin-top: 20px;
  margin-bottom: 20px; }

.games-container .scr888 .usrpwd .content {
  font-size: 16px;
  color: white;
  font-weight: bold;
  text-align: center;
  top: 25px; }

.games-container .scr888 .frame iframe {
  min-width: 932px;
  min-height: 730px;
  display: block;
  margin: 0 auto; }

.games-container .ggfishing .game-desc, .games-container .ptfishing .game-desc {
  position: relative;
  width: fit-content;
  top: 240px; }

.games-container .ggfishing .game-play, .games-container .ptfishing .game-play {
  position: relative;
  witdh: fit-content;
  top: 265px; }

.games-container .ggfishing-highlight .game-desc, .games-container .ptfishing-highlight .game-desc {
  position: relative;
  font-size: 14px;
  color: #fff;
  width: fit-content;
  top: 175px;
  left: 80px; }

.games-container .ggfishing-highlight .game-play {
  position: relative;
  width: fit-content;
  top: 280px;
  left: 255px; }

.games-container .ptfishing-highlight .game-play {
  position: relative;
  width: fit-content;
  top: 280px;
  left: 80px; }

.games-container .sgfishing .game-play {
  position: relative;
  width: fit-content;
  top: 320px; }

.games-container .sgfishing-highlight .game-play {
  position: relative;
  width: fit-content;
  top: 290px;
  left: 100px; }

.games-container .download-banner .game-desc {
  position: relative;
  width: fit-content;
  top: 240px; }

.games-container .download-content .menu-sub {
  width: 954px;
  margin-left: auto;
  margin-right: auto; }

.games-container .download-content .menu-sub ul li {
  width: 470px; }

.games-container .download-content .menu-sub ul li img {
  margin-top: 3px; }

.games-container .download-content .download-gallery {
  display: flex;
  flex-wrap: wrap;
  width: 954px;
  margin-left: 30px; }

.games-container .download-content .download-gallery .item {
  position: relative;
  margin: 4px;
  width: 308px;
  height: 199px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0; }

.games-container .download-content .download-gallery .item:nth-child(3n+0) {
  margin-right: 0; }

.games-container .download-content .download-gallery .item:nth-child(3n-2) {
  margin-left: 0; }

.games-container .download-content .download-gallery .item .playnow_wrap {
  height: 35px;
  width: 147px;
  font-size: 14px;
  padding: 0 6px 0 6px; }

.games-container .download-content .download-gallery .item .qrcode {
  height: 199px;
  width: 308px;
  background: black;
  opacity: 0.8;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  cursor: pointer; }

.games-container .livetv {
  height: 910px;
  min-height: 910px;
  background: #cfcfcf;
  overflow-y: auto; }

.games-container .livetv .content {
  display: flex;
  padding: 5px; }

.games-container .livetv .content .left-content {
  width: 850px;
  height: 134px;
  background: #e7e7e7;
  margin-right: 5px;
  font-size: 18px; }

.games-container .livetv .content .right-content {
  width: 170px;
  height: 134px; }

.games-container .livetv .content .title {
  height: 10px;
  background: black;
  color: white;
  font-size: 14px;
  padding: 10px 30px;
  line-height: 10px; }

.games-container .livetv .content .detail {
  height: 74px;
  background: white; }

.games-container .livetv .content .detail .team-name {
  text-align: center;
  line-height: 74px;
  width: 395px; }

.games-container .livetv .content .detail .score {
  width: 20px;
  font-size: 30px; }

.games-container .livetv .content .detail .status {
  position: relative;
  width: 110px;
  text-align: center; }

.games-container .livetv .content .detail .status .game-time {
  font-size: 22px; }

.games-container .livetv .content .detail .status .game-start {
  font-size: 12px; }

.games-container .livetv .content .match-point {
  background: #e7e7e7;
  height: 30px;
  display: flex;
  justify-content: center;
  font-size: 16px; }

.games-container .livetv .content .title .left {
  display: flex;
  float: left; }

.games-container .livetv .content .title .left img {
  margin-top: -5px;
  margin-left: 5px; }

.games-container .livetv .content .title .right {
  float: right; }

.games-container .livetv .content .cdtimer {
  height: 30px;
  background: #4a4a4a;
  color: white;
  font-size: 20px;
  display: flex;
  justify-content: center; }

.games-container .livetv .content .watch-now {
  width: 168px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center; }

.games-container .livetv .content .watch-now img {
  width: 151px;
  height: 64px; }

.games-container .livescore {
  height: 910px;
  min-height: 910px;
  background: white; }

.games-container .livescore .menu {
  height: 32px;
  line-height: 32px;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  padding: 0px 15px; }

.games-container .livescore .menu a {
  margin: 0 30px;
  color: #757575; }

.games-container .livescore .menu a.active, .games-container .livescore .menu a:hover {
  color: #d9991d;
  text-decoration: underline; }

.games-container .livescore .frame iframe {
  position: relative;
  width: 996px;
  min-height: 878px;
  height: 878px; }

.games-container > .layout {
  display: flex;
  align-items: center;
  justify-content: center; }

.games-container > .layout > div {
  margin: 40px 0 93px 0; }

.games-container > img {
  display: block;
  margin: 0 auto;
  cursor: pointer; }

.liveScore-container {
  height: 910px;
  min-height: 910px;
  background: #ffffff;
  margin: 0 auto;
  width: 1028px; }

.liveScore-iframe-border {
  border-width: 2px;
  border-style: inset;
  border-color: initial;
  border-image: initial; }

.liveScore-col {
  width: 100%;
  margin-right: 6.4356%; }

.liveScore-bg {
  background-color: #DEDEDE; }

#liveScore .live-score-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: row;
  width: 1440px;
  box-sizing: border-box; }

.liveScore-iframe {
  position: relative;
  width: 99.5%;
  min-height: 878px; }

.liveScore-subnav,
.liveScore-subnav:link {
  font-size: 15px;
  font-weight: bold;
  color: #757575;
  margin: 0 30px; }

.liveScore-subnav-container {
  width: 100%;
  min-height: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }

.liveScore-subnav-container span a.active {
  color: #d9991d;
  text-decoration: underline; }

#liveScore .liveScoremain {
  padding-top: 40px;
  padding-bottom: 97px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

#liveScore .liveScoreContainer {
  padding: 0 13px;
  width: 1414px;
  margin: 0 auto; }

.liveScore {
  flex-basis: 70%; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#liveScore p,
#liveScore section {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#liveScore .liveScoremain .liveScoremainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#liveScore .liveScore iframe {
  height: 100%; }

.icons_liveScore_provider_bg {
  width: 293px;
  height: 391px;
  background: url(../images/bg/icons_livetv_provider_bg.png); }

.icons_liveScore_logo {
  width: 49px;
  height: 27px;
  background-position: -583px -45px; }

#liveScore .liveScoremain .liveScoremainright {
  flex-basis: 30%;
  max-width: 294px; }

#liveScore .liveScoremain .liveScoremainright .imgBox {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.games-container > .liveScoreContainer .liveScore {
  margin: 0 10px; }

#liveScore .liveScoremain .liveScoremainright .imgLive {
  height: 100%; }

#liveScore .liveScoremain .liveScoremainright .imgBox .img {
  width: 318px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  position: relative; }

#liveScore .liveScoremain .liveScoremainright .imgBox .img .betNow {
  position: absolute;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 40px; }

#liveScore .liveScoremain .liveScoremainright .imgBox .img .betNow > span {
  font-family: "buttonBold"; }

#liveScore .liveScoremain .liveScoremainright .imgBox .text {
  width: 293px;
  padding: 0 18px;
  font-size: 14px;
  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; }

#liveScore .liveScoremain .liveScoremainright .imgBox .text .one {
  font-family: "mainBoldFont";
  line-height: 38px;
  position: relative;
  font-size: 16px; }

#liveScore .liveScoremain .liveScoremainright .imgBox .text .one::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

#liveScore .liveScoremain .liveScoremainright .imgBox .text .two {
  font-size: 14px;
  color: #686868;
  margin-top: 10px; }

#liveScore .liveScoremain .liveScoremainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider,
#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider {
  height: 278px; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer,
#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no,
#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: auto;
  left: 28px;
  bottom: 20px;
  z-index: 3; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no li > i,
#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
  border: none;
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .slider .mainContentContainer .page_no li.on > i,
#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 24px;
  padding-bottom: 55px;
  box-sizing: border-box; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem > div:nth-child(2n) {
  margin-right: 0; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem .swiperimgBox {
  width: 116px;
  height: 103px;
  background: white;
  border: 1px solid white;
  margin-right: 9px;
  margin-bottom: 8px;
  cursor: pointer; }

#liveScore .liveScoremain .liveScoremainright .swiper.icons_liveScore_provider_bg .sliderItem .swiperimgBox > p {
  width: 116px;
  height: 24px;
  font-family: "mainBoldFont";
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin: 0; }

/* ==========================================================================
make sure browsers use the pointer cursor for anchors, even with no href
========================================================================== */
a:hover,
.hand,
[jh-sort-by] {
  cursor: pointer; }

.liveScore-col-2 {
  height: 910px;
  min-height: 910px; }

.box-1 {
  width: 200px;
  height: 200px;
  background-color: red; }

.poker-selling-point {
  background-image: url(../../content/images/poker/selling_point.jpg);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 90px; }

/* lazy loading */
.poker-selling-point.lazy-css {
  background-image: none;
  background-color: #F1F1FA; }

.poker-content-banner {
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 582px; }

.poker-content-banner-2 {
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 792px; }

.poker-content-banner > img, .poker-content-banner-2 > img {
  display: block;
  margin: 0 auto; }

.page_item {
  width: 100%; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.banner .banner_swiper_container {
  position: relative; }

.banner .banner_swiper_container .button_y {
  position: absolute;
  left: 60px;
  bottom: 120px; }

.pokerPage .img {
  position: relative; }

.pokerPage .img > img {
  display: block;
  width: 100%;
  height: auto; }

.pokerPage .img .tools {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.pokerPage .img .tools > span {
  margin-right: 8px; }

.pokerPage .img .tools > span:last-child {
  margin-right: 0; }

.pokerPage .img .tools > span:nth-child(1) {
  color: black; }

.pokerPage .img.img1 .tools {
  bottom: 44%;
  left: 64.5%; }

.pokerPage .img.img2 .tools {
  bottom: 45%;
  left: 16.5%; }

.pokerPage .page_item {
  cursor: pointer; }

.fit-poker-banner {
  background-size: 100% 100%; }

.reset-request {
  margin: 0 auto;
  min-width: 980px;
  max-width: 1440px;
  background: white; }

#reset-finish.reset-request label {
  margin-top: 0; }

#strengthBar {
  margin-bottom: 0;
  margin-top: 5px; }

.reset-request .text-register-header {
  font-family: Arial, sans-serif;
  font-size: 30px;
  color: #0094d4; }

.reset-request-container,
#reset-finish {
  margin: 4rem auto; }

.reset-request-container2 {
  width: 959px;
  background: white;
  margin: 40px 0px;
  justify-content: center; }

.reset-request .btn-register {
  color: #FFFFFF; }

.reset-request-container {
  width: 83.33333%;
  margin-left: 8.33333%;
  background: white; }

.reset-request .point {
  background: #DDD;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  width: 20px; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert2 {
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }

.alert-danger2 {
  background-color: unset;
  border: unset;
  padding: unset;
  margin-bottom: unset;
  font-family: "mainFont"; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.reset-request .alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.alert-success .alert-success2 {
  background-color: #ffffff;
  color: #8e8e8e; }

.alert-success .alert-success2 .alert-success3 {
  background-color: #ffffff;
  color: #a94442; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.reset-request .navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle; }

.reset-request .text-register-label {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #a1a1a1; }

.reset-request label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.reset-request .form-control:hover {
  border: 1px solid #006CC0; }

.reset-request .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.reset-request label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

.reset-request .form-group {
  margin-bottom: 15px; }

.text-register-header {
  margin-top: 20px;
  margin-bottom: 10px; }

.form-email {
  margin-bottom: 1.5rem; }

.lottery-bn-qqthai {
  background: #000000;
  min-height: 582px;
  position: relative;
  cursor: pointer; }

.lottery-bn-qqthai img {
  display: block;
  margin: 0 auto; }

.lottery-bn-qqkeno {
  background: #000000;
  min-height: 582px;
  position: relative;
  cursor: pointer; }

.lottery-bn-qqkeno img {
  display: block;
  margin: 0 auto; }

.lottery-bn-qqkenothai {
  background: #000000;
  min-height: 582px;
  position: relative;
  cursor: pointer; }

.lottery-bn-qqkenothai img {
  display: block;
  margin: 0 auto; }

.lottery-bn-gameplay {
  background: #000000;
  min-height: 582px;
  position: relative; }

.lottery-bn-gameplay img {
  display: block;
  margin: 0 auto; }

.slider {
  position: relative;
  overflow: hidden;
  background-color: #0a1624; }

.page_item {
  width: 100%; }

.mainContent {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }

.mainContent .mainContentContainer {
  position: relative;
  width: 100%;
  height: 100%; }

.mainContent .mainContentContainer .page_no {
  position: absolute;
  top: 0;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.mainContent .mainContentContainer .page_no > li:nth-last-child(1) {
  padding-right: 0; }

.mainContent .mainContentContainer .page_no li {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  padding: 0 5px; }

.mainContent .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #9d9d9d;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

.mainContent .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

.lotterybanner .sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px !important;
  right: 16px !important;
  padding: 0 2.5px !important; }

.sliderBanner .slider .mainContentContainer .page_no li > i {
  display: inline-block;
  width: 40px;
  height: 5px;
  background: #fffdff;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer; }

.sliderBanner .slider .mainContentContainer .page_no li.on > i {
  background: #ffb514; }

.sliderBanner .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.sliderBanner .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.sliderBanner .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderBanner .slider .page_item .pageMainContent .container {
  height: 100%; }

.lotterybanner {
  overflow: hidden; }

.lotterybanner .container {
  box-sizing: border-box;
  padding: 0 13px; }

.lotterybanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 16px;
  padding: 0 2.5px; }

.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

.lotteryFirmsContent {
  background: #f2f2f2;
  width: 100%;
  height: 120px;
  overflow: hidden;
  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;
  position: relative; }

.lotteryFirmsContent .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%; }

.lotteryFirmsContent .tabPage > li {
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  width: 157px;
  height: 120px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  position: relative; }

.lotteryFirmsContent .tabPage > li:last-child::after {
  content: "";
  display: none;
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.lotteryFirmsContent .tabPage > li:hover {
  background-color: #fcb913; }

.lotteryFirmsContent .tabPage > li:hover > span {
  color: #01172f; }

.lotteryFirmsContent .tabPage > li::after {
  content: "";
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.lotteryFirmsContent .tabPage > li > .i {
  height: 47px; }

.lotteryFirmsContent .tabPage > li > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  color: #0185be; }

.lotteryFirmsContent .tabPage > li.on {
  background: #fcb913; }

.lotteryFirmsContent .tabPage > li.on > span {
  color: #01172f; }

.main-banner-carousel_chevron {
  background-color: rgba(219, 219, 219, 0.5);
  cursor: pointer;
  display: none;
  height: 120px;
  opacity: .9;
  position: absolute;
  top: 50%;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  border-color: #00fff2;
  margin-top: -60px; }

.lotteryFirmsContent:hover + div > .main-banner-carousel_chevron {
  display: block; }

.main-banner-carousel_chevron:hover {
  opacity: 1;
  display: block; }

.main-banner-carousel_chevron:hover::before {
  border-color: #003477; }

.main-banner-carousel_chevron-left {
  left: 0; }

.main-banner-carousel_chevron-left::before {
  border-color: #003477;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 18px;
  left: 17px;
  position: relative;
  top: 53px;
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  vertical-align: top;
  width: 18px; }

.main-banner-carousel_chevron-right {
  right: 0; }

.main-banner-carousel_chevron-right::before {
  border-color: #003477;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: '';
  display: inline-block;
  height: 18px;
  left: 8px;
  position: relative;
  top: 53px;
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: top;
  width: 18px; }

.lotteryGameList .imgItem {
  height: 230px;
  width: 100%;
  position: relative;
  margin-right: 20px;
  margin-bottom: 21px;
  top: 0;
  cursor: pointer; }

.lotteryGameList .imgItem .imgItemOverBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* display: none; */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.lotteryGameList .imgItem:hover .imgItemOverBox {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.lotteryGameList .imgItemOverBox {
  cursor: default;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: white;
  width: 340px;
  height: 288px;
  margin-left: -37px;
  margin-top: -29px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 19px;
  padding-bottom: 8px; }

.lotteryGameList .imgItem .imgItemOverBox .text {
  box-sizing: border-box;
  background: white;
  padding-left: 10px;
  width: 287px; }

.lotteryGameList .imgItem .imgItemOverBox .img {
  width: 287px;
  height: 190px;
  overflow: hidden;
  position: relative; }

.lotteryGameList .imgItem .imgItemOverBox .img > img {
  width: 287px;
  height: 190px; }

.lotteryGameList .imgItem .imgItemOverBox .img_overlay {
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  cursor: default; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay {
  position: absolute;
  left: 0;
  top: 190px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.lotteryGameList .imgItem .imgItemOverBox .img:hover > .img_overlay {
  top: 0; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay * {
  margin: 8px 0;
  color: white; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay > span {
  width: 125px; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay > .button_y {
  color: black !important; }

.button_b_span {
  font-family: "buttonBold"; }

.button_y_span {
  font-family: "buttonBold";
  color: black !important; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav {
  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-size: 14px;
  margin-top: -5px;
  cursor: pointer; }

.lotteryGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav .icons_addtofavourites {
  margin-right: 8px;
  width: 14px;
  height: 13px;
  background: url(../assets/images/icons_addtofavourites.png) no-repeat; }

.lotteryGameList .imgItem .imgItemOverBox .text.textbottom {
  height: 35px !important; }

.lotteryGameList .imgItem .imgItemOverBox .text.textbottom .left > p:nth-child(1) span {
  font-family: 'mainFont';
  font-size: 12px;
  color: #666666; }

.lotteryGameList .imgItem .imgItemOverBox .text.texttop .left > p:nth-child(1) .icons_lottery_new {
  right: 6px; }

.lotteryGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(1) .icons_lottery_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.lotteryGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.lotteryGameList .imgItem:hover {
  /* top: -10px; */
  /* -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); */ }

.lotteryGameList .imgItem.nomb {
  margin-bottom: 0; }

.lotteryGameList .imgItem .img {
  width: 100%;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.lotteryGameList .imgItem .img img {
  width: 100%;
  height: 100%; }

.lotteryGameList .imgItem .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: 56px;
  background: #f2f2f2;
  position: relative; }

.lotteryGameList .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }

.lotteryGameList .imgItem .text .left > p:nth-child(1) {
  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; }

.lotteryGameList .imgItem .text .left > p:nth-child(1) * {
  font-family: "mainBoldFont"; }

.lotteryGameList .imgItem .text .left > p:nth-child(1) span {
  font-size: 16px;
  word-break: keep-all; }

.lotteryGameList .imgItem .text .left > p:nth-child(1) .icons_lottery_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.lotteryGameList .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.lotteryGameList .lotteryGameList_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.lotteryGameList .lotteryGameList_top .swiper {
  width: 552px;
  height: 486px;
  margin-right: 21px;
  position: relative;
  overflow: hidden; }

.lotteryGameList .lotteryGameList_top .swiper .slider {
  height: 480px; }

.lotteryGameList .lotteryGameList_top .swiper .slider .slider-enter-active,
.lotteryGameList .lotteryGameList_top .swiper .slider .slider-leave-active {
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  position: absolute; }

.lotteryGameList .lotteryGameList_top .swiper .slider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

.lotteryGameList .lotteryGameList_top .swiper .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: 30px;
  bottom: 20px;
  z-index: 3; }

.lotteryGameList .lotteryGameList_top .swiper .slider img {
  display: block;
  width: 100%;
  height: auto; }

.lotteryGameList .lotteryGameList_top .swiper .slider .page_item {
  position: absolute;
  left: 0;
  top: 0; }

.lotteryGameList .lotteryGameList_top .swiper .slider .page_item > img {
  display: block;
  width: 100%;
  height: auto; }

.lotteryGameList .lotteryGameList_top .swiper .slider .page_item .pageMainContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 208px;
  background: #0a1623;
  padding: 0px;
  color: white;
  font-size: 20px;
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice {
  box-sizing: border-box;
  height: 144px;
  background: #f2f2f2;
  padding: 24px 36px; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice .pheader {
  font-size: 24px;
  color: black;
  margin: 0; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice .pcontent,
.lotteryGameList .lotteryGameList_top .swiper .bottomNotice .ptime {
  font-size: 14px;
  color: #666666; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice .pcontent {
  line-height: 18px;
  margin: 0;
  margin-top: 10px;
  width: 80%; }

.lotteryGameList .lotteryGameList_top .swiper .bottomNotice .ptime {
  margin: 0;
  margin-top: 10px; }

.lotteryGameList .lotteryGameList_top .swiper .tools {
  position: absolute;
  left: 31px;
  bottom: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.lotteryGameList .lotteryGameList_top .swiper .tools > span {
  font-family: "buttonBold";
  cursor: pointer;
  height: 34px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px; }

.lotteryGameList .lotteryGameList_top .swiper .tools > span.playnow {
  background: #013b7a;
  color: white;
  margin-right: 5px; }

.lotteryGameList .lotteryGameList_top .swiper .tools > span.demo {
  background: #ffc438; }

.lotteryGameList .lotteryGameList_top .topimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.lotteryGameList .lotteryGameList_top .topimgItem > div:nth-child(3n) {
  margin-right: 0; }

.lotteryGameList .bottomimgItem {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%; }

.lotteryGameList .bottomimgItem > div:nth-child(5n) {
  margin-right: 0; }

.lotteryMain {
  padding-top: 37px;
  padding-bottom: 110px; }

.lotteryMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.lotteryMain .lotteryfirmBox {
  padding-bottom: 10px; }

.lotteryMain .lotteryGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 12px; }

.lotteryMain .lotteryGrid {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

.rotating-img {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.transfer-popup .popup-header {
  background: #013b7b;
  color: #fff;
  height: 55px; }

.transfer-popup .popup-header .title {
  height: 55px;
  width: fit-content;
  font-size: 18px;
  line-height: 55px;
  margin-left: 15px; }

.transfer-popup .popup-content {
  width: 100%;
  height: 362px; }

.transfer-popup .popup-content .refresh {
  display: block;
  width: 120px;
  height: auto;
  margin-left: 140px;
  padding-top: 2px; }

.transfer-popup .popup-content .refresh img {
  height: 13px;
  width: 13px;
  display: block;
  margin: 0 auto; }

.transfer-popup .popup-content .wallet {
  width: 100%;
  display: flex; }

.transfer-popup .popup-content .wallet .icon {
  width: 125px; }

.transfer-popup .popup-content .wallet .icon img {
  display: block;
  margin: 0 auto; }

.transfer-popup .popup-content .wallet .amount {
  width: 455px;
  margin-left: 5px;
  border-left: 1px solid #ccc9c9; }

.transfer-popup .popup-content .wallet .amount .content {
  display: flex; }

.transfer-popup .popup-content .wallet .amount .content .inner-value {
  width: 120px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  font-size: 11px; }

.transfer-popup .popup-content .wallet .amount .content .inner-value .wallet-value {
  font-size: 16px;
  font-weight: bold;
  color: #006dc0; }

.transfer-popup .popup-content .wallet .amount .content .inner-value .provider-value {
  font-size: 16px;
  font-weight: bold;
  color: black; }

.transfer-popup .popup-content .wallet .amount .content .deposit-now {
  border: 1px solid black;
  font-size: 11px;
  cursor: pointer;
  height: fit-content;
  padding: 5px 10px;
  margin-top: -2px; }

.transfer-popup .popup-content .arrow {
  margin-top: 4px;
  margin-bottom: 2px;
  width: fit-content;
  position: relative;
  left: 109px; }

.transfer-popup .popup-content .transfer-box {
  margin-top: 30px;
  margin-left: 30px;
  font-size: 18px;
  width: 245px; }

.transfer-popup .popup-content .transfer-box .amount {
  font-size: 15px;
  font-weight: bolder;
  height: 34px;
  padding: 3px 12px; }

.transfer-popup .popup-content .transfer-box .slider.slider-horizontal {
  width: 227px !important;
  background: transparent; }

.transfer-popup .popup-content .transfer-box .slider-track {
  height: 5px !important;
  margin-top: -3px !important;
  background-color: #f3f3f3 !important; }

.transfer-popup .popup-content .transfer-box .slider-handle {
  height: 5px !important;
  margin-top: -3px !important;
  background-color: #f3f3f3 !important;
  margin-top: 2px !important;
  width: 15px !important;
  height: 15px !important;
  background: #006dc0 !important;
  border-radius: 50%; }

.transfer-popup .popup-content .transfer-box .slider-selection {
  background-color: #006dc0 !important; }

.transfer-popup .popup-content .transfer-box .transfer-amount {
  text-align: right;
  font-size: 12px;
  width: 225px; }

.transfer-popup .popup-content .transfer-button {
  position: relative;
  width: 225px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  color: white;
  background: #ee1c2b;
  cursor: pointer;
  left: 320px;
  top: -42px; }

.transfer-popup .popup-result-content {
  background: #292929;
  height: 282px;
  width: 100%; }

.transfer-popup .popup-result-content .result {
  height: 120px;
  width: 100%; }

.transfer-popup .popup-result-content .result img {
  height: 70px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.transfer-popup .popup-result-content .result-message {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #ede6e8; }

.transfer-popup .popup-result-content .result-message h2 {
  font-size: 30px; }

.transfer-popup .popup-result-content .result-detail-message {
  text-align: center;
  margin-bottom: 10px;
  color: #ede6e8; }

.transfer-popup .popup-result-content .result-detail-message h5 {
  font-size: 14px; }

.transfer-popup .popup-result-content .continue-button {
  position: relative;
  height: 50px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  background: #cc001b;
  color: white;
  top: 36px; }

.transfer-popup .popup-content .transfer-box .form-control,
.transfer-popup .popup-content .promotion-box .form-control {
  display: block;
  padding: 3px 12px;
  font-size: 14spx;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 28px;
  width: 94%; }

.transfer-popup .popup-content .promotion-box {
  margin-top: 30px;
  margin-left: 30px;
  font-size: 18px;
  width: 245px; }

/**** new transfer UI  START**/
.transfer-popup-new .popup-header {
  background: #f4f3f3;
  color: #fff;
  height: 55px; }

.transfer-popup-new .popup-header .title {
  height: 55px;
  width: fit-content;
  font-size: 18px;
  line-height: 55px;
  margin-left: 15px; }

.transfer-popup-new .popup-content {
  width: 100%;
  height: 100%; }

.transfer-popup-new .popup-content .refresh {
  display: block;
  width: 120px;
  height: auto;
  margin-left: 10px;
  padding-top: 3px; }

.transfer-popup-new .popup-content .refresh img {
  height: 13px;
  width: 13px;
  display: block;
  margin: 0 auto; }

.transfer-popup-new .popup-content .wallet {
  display: flex;
  background-color: #e5e5e5;
  padding: 0.5rem; }

.transfer-popup-new .popup-content .wallet .icon {
  width: 125px; }

.transfer-popup-new .popup-content .wallet .icon img {
  display: block;
  margin: 0 auto; }

.transfer-popup-new .popup-content .wallet .amount {
  width: 455px; }

.transfer-popup-new .popup-content .wallet .amount .content {
  display: flex; }

.transfer-popup-new .popup-content .wallet .amount .content .inner-value {
  width: 120px;
  margin-left: 1rem;
  margin-right: 10px;
  text-align: inherit;
  font-size: 11px;
  font-weight: bolder; }

.transfer-popup-new .popup-content .wallet .amount .content .inner-value .wallet-value {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  color: #006dc0; }

.transfer-popup-new .popup-content .wallet .amount .content .inner-value .provider-value {
  font-size: 16px;
  font-weight: bold;
  color: black; }

.transfer-popup-new .popup-content .wallet .amount .content .deposit-now {
  border: 1px solid black;
  font-size: 11px;
  cursor: pointer;
  height: fit-content;
  padding: 5px 10px;
  margin-top: -2px; }

.transfer-popup-new .popup-content .arrow {
  margin-top: 4px;
  margin-bottom: 2px;
  width: fit-content;
  position: relative;
  left: 109px; }

.transfer-popup-new .popup-content .transfer-box {
  margin-left: 30px;
  font-size: 18px; }

.transfer-popup-new .popup-content .transfer-box .amount {
  font-size: 15px;
  font-weight: bolder;
  height: 34px;
  padding: 3px 12px; }

.transfer-popup-new .popup-content .transfer-box .slider.slider-horizontal {
  width: 135px !important;
  background: transparent; }

.transfer-popup-new .popup-content .transfer-box .slider-track {
  height: 5px !important;
  margin-top: -3px !important;
  background-color: #f3f3f3 !important; }

.transfer-popup-new .popup-content .transfer-box .slider-handle {
  height: 5px !important;
  margin-top: -3px !important;
  background-color: #f3f3f3 !important;
  margin-top: 2px !important;
  width: 15px !important;
  height: 15px !important;
  background: #006dc0 !important;
  border-radius: 50%; }

.transfer-popup-new .popup-content .transfer-box .slider-selection {
  background-color: #006dc0 !important; }

.transfer-popup-new .popup-content .transfer-box .transfer-amount {
  text-align: left;
  font-size: 12px;
  width: 225px; }

.transfer-popup-new .popup-content .transfer-button {
  position: relative;
  width: 225px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  color: white;
  background: #ee1c2b;
  cursor: pointer;
  left: 320px;
  top: -42px; }

.transfer-popup-new .popup-result-content {
  background: #292929;
  height: 282px;
  width: 100%; }

.transfer-popup-new .popup-result-content .result {
  height: 120px;
  width: 100%; }

.transfer-popup-new .popup-result-content .result img {
  height: 70px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.transfer-popup-new .popup-result-content .result-message {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #ede6e8; }

.transfer-popup-new .popup-result-content .result-message h2 {
  font-size: 30px; }

.transfer-popup-new .popup-result-content .result-detail-message {
  text-align: center;
  margin-bottom: 10px;
  color: #ede6e8; }

.transfer-popup-new .popup-result-content .result-detail-message h5 {
  font-size: 14px; }

.transfer-popup-new .popup-result-content .continue-button {
  position: relative;
  height: 50px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  background: #cc001b;
  color: white;
  top: 36px; }

.transfer-popup-new .popup-content .transfer-box .form-control,
.transfer-popup-new .popup-content .promotion-box .form-control {
  display: block;
  padding: 3px 12px;
  font-size: 14spx;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 28px;
  width: 94%; }

.transfer-popup-new .popup-content .promotion-box {
  margin-top: 30px;
  margin-left: 30px;
  font-size: 18px;
  width: 245px; }

.rightContentBox2 .btn--restoreBtn {
  background-image: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6);
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  border-radius: 4px;
  display: flex;
  width: fit-content;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 0.1px solid #ddd; }

.transfer-popup-new .restore {
  margin-left: 2rem; }

.transfer-popup-new .transfer-left {
  padding-top: 10px;
  margin-bottom: 20px;
  width: 35%; }

.transfer-popup-new .transfer-right {
  padding-top: 10px;
  margin-bottom: 20px;
  width: 65%; }

.transfer-popup-new .transfer-container {
  width: 100%;
  display: flex; }

.transfer-popup-new .provider-panel {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 17rem;
  overflow-y: scroll;
  overflow-x: hidden; }

.transfer-popup-new .provider-icon {
  text-align: center;
  padding: 5px 5px 5px 5px;
  width: 100%;
  height: fit-content;
  justify-content: center; }

.transfer-popup-new .provider-icon-sub {
  text-align: center;
  padding: 5px 5px 5px 5px;
  width: 5rem;
  display: initial;
  height: fit-content;
  justify-content: center; }

.transfer-popup-new .img-round-border {
  border: 1px solid #d3d3d3;
  min-height: 3rem;
  min-width: 4rem; }

.transfer-popup-new .selecting-provider {
  background-image: url(../images/newSetting/tContent_depositContent_largeActive.png);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #0066d1; }

.transfer-popup-new .turnover-container {
  padding: 1rem;
  display: flex; }

.transfer-popup-new .left-turnover {
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.3rem;
  margin-right: 5px; }

.transfer-popup-new .right-bonus {
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.3rem;
  margin-left: 5px;
  background-color: #d3d3d3; }

.transfer-popup-new .promo-info-text {
  color: black;
  font-size: 13px; }

.transfer-popup-new .promo-info-text-value {
  color: #0a1623;
  float: right;
  margin-top: 3px;
  font-weight: bold; }

.transfer-popup-new .bottom-btn-container {
  display: flex;
  padding-bottom: 1rem;
  align-items: center;
  justify-content: center; }

.transfer-popup-new .confirm-btn {
  margin-right: 10px; }

.transfer-popup-new .confirm-button {
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  width: 188px;
  height: 40px;
  background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  padding: 8px;
  border: 1px solid #d3d3d3; }

.transfer-popup-new .confirm-button:disabled {
  background: linear-gradient(to bottom, #e0e0e0 0%, #003679 102%);
  cursor: not-allowed; }

.transfer-popup-new .cancel-button {
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  width: 188px;
  height: 40px;
  background: linear-gradient(to bottom, #d3d3d3 0%, #8d8d8d 102%);
  color: #fff;
  cursor: pointer;
  font-size: inherit;
  padding: 8px;
  border: 1px solid #d3d3d3; }

.transfer-popup-new .popup-promo-title {
  font-size: 20px;
  font-weight: bold;
  color: #006dc0;
  padding-left: 1.5rem;
  padding-top: 1rem; }

/* scr888 */
#scr888 .scr-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 2em auto;
  width: 1440px; }

.scr888-container {
  position: relative;
  min-width: 920px;
  margin: 0 auto;
  flex-basis: 50%; }

.scr888-header {
  background-image: url(../../content/images/icon/scr_logo.png);
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 400px;
  position: relative; }

.scr888-desc {
  color: #ceb6d9;
  font-size: 14px;
  font-weight: bold;
  top: 146px;
  left: 350px;
  position: relative; }

.scr888-text-align {
  text-align: center; }

.scr888-label1 {
  position: relative;
  left: -173px;
  top: 230px;
  color: #6C1AA2;
  font-weight: bold;
  font-size: 18px; }

.scr888-label2 {
  position: relative;
  left: -174px;
  top: 230px;
  color: #6C1AA2;
  font-weight: bold;
  font-size: 18px; }

.scr888-amount {
  color: #FBB714;
  font-weight: bold;
  font-size: 18px; }

.scr888-banner {
  top: 278px;
  position: relative;
  left: 237px; }

.scr-details, .scr-promotion {
  color: #1C6FDE; }

.scr-promotion {
  text-decoration: underline; }

.scrLogo {
  position: relative;
  height: 248px; }

.src-tnc-container {
  padding: 2rem;
  background: #F2F2F2;
  color: #838080;
  font-size: 1.1em; }

.separate-line {
  border: 1px dashed #ccc; }

.seo-style {
  padding-left: 0rem;
  font-size: 0.9rem; }

.src-slot-desc-container {
  padding: 2rem;
  background: #F2F2F2;
  color: #838080;
  font-size: 1.1em; }

.src-seo-content {
  font-size: 14px; }

.src-seo-line {
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTI0ODk5MEUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTI0ODk5MUUyNzcxMUU4QTk2RTk4QjkxN0I3REY2MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBMjQ4OThFRTI3NzExRThBOTZFOThCOTE3QjdERjYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBMjQ4OThGRTI3NzExRThBOTZFOThCOTE3QjdERjYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nB3PgwAAABRJREFUeNpidHBwYACC/0DMCBBgAA1WAcL0Qf17AAAAAElFTkSuQmCC) repeat; }

.tnc-title {
  font-style: italic; }

.tnc-title, .src-ol-style {
  font-size: 0.9rem; }

.src-ol-style {
  padding-left: 1rem; }
  .src-ol-style li {
    list-style: decimal; }
    .src-ol-style li p {
      padding-left: 12px;
      margin: 0; }

.scrCredential-container {
  position: relative;
  width: 100%;
  height: 115px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  background-color: #D9D9D9;
  margin-left: 200px;
  padding-left: 35px; }

.scr888-container-iframe {
  flex-basis: 35%; }

.srcSecondRowContainer {
  display: flex;
  flex-direction: row; }

.srcLogoImg {
  position: absolute;
  height: 96.15px;
  z-index: 3;
  top: 224px; }

.srcInstructionContainer {
  height: 115px;
  flex-basis: 100%;
  background: #E5E5E5;
  padding: 17px;
  padding-left: 36px;
  box-sizing: border-box;
  font-size: 0.9em; }

.instrcutionLabel {
  padding-top: 7px;
  padding-right: 10px; }

.scrcredential {
  font-size: 16px;
  color: #3783E4;
  font-family: arial;
  margin-left: 8px; }

.scrcredentialTitle {
  font-size: 16px;
  color: #292929;
  font-family: arial; }

.scrCredential-iframe {
  width: 100%;
  height: 100%; }

.scrTitleContainer {
  width: 75px;
  padding-top: 6px; }

.srcUsername,
.scrPassword {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 16px; }

.scrCredentialValContainer {
  background: white;
  box-sizing: border-box;
  border: 1px solid #A0A0A0;
  border-radius: 3px;
  margin: 0 10px;
  min-width: 160px;
  height: 35px;
  text-align: left;
  padding-left: 1px;
  padding-top: 9px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.instrcutionTitle {
  font-style: italic; }

.copyIcon {
  cursor: pointer;
  height: 18px;
  margin-right: 6px; }

/* end scr888 */
/* start mega888 */
#mega888 .mega-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 2em auto;
  width: 1440px;
  /* end mega888 */ }
  #mega888 .mega-container .mega888-container {
    position: relative;
    min-width: 920px;
    margin: 0 auto;
    flex-basis: 50%; }
  #mega888 .mega-container .megaLogo {
    position: relative;
    height: 248px; }
  #mega888 .mega-container .megaSecondRowContainer {
    display: flex;
    flex-direction: row; }
  #mega888 .mega-container .megaLogoImg {
    position: absolute;
    height: 96.15px;
    z-index: 3;
    top: 224px; }
  #mega888 .mega-container .megaCredential-container {
    position: relative;
    width: 100%;
    height: 115px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    background-color: #D9D9D9;
    margin-left: 200px;
    padding-left: 35px; }
  #mega888 .mega-container .megaUsername,
  #mega888 .mega-container .megaPassword {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 16px; }
  #mega888 .mega-container .megaTitleContainer {
    width: 75px;
    padding-top: 6px; }
  #mega888 .mega-container .megacredentialTitle {
    font-size: 16px;
    color: #292929;
    font-family: arial; }
  #mega888 .mega-container .megaCredentialValContainer {
    background: white;
    box-sizing: border-box;
    border: 1px solid #A0A0A0;
    border-radius: 3px;
    margin: 0 10px;
    min-width: 160px;
    height: 35px;
    text-align: left;
    padding-left: 1px;
    padding-top: 9px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  #mega888 .mega-container .megacredential {
    font-size: 16px;
    color: #3783E4;
    font-family: arial;
    margin-left: 8px; }
  #mega888 .mega-container .megaInstructionContainer {
    height: 115px;
    flex-basis: 100%;
    background: #E5E5E5;
    padding: 17px;
    padding-left: 36px;
    box-sizing: border-box;
    font-size: 0.9em; }
  #mega888 .mega-container .mega-tnc-container {
    padding: 2rem;
    background: #F2F2F2;
    color: #838080;
    font-size: 1.1em; }
  #mega888 .mega-container .separate-line {
    border: 1px dashed #ccc; }
  #mega888 .mega-container .seo-style {
    padding-left: 0rem;
    font-size: 0.9rem; }
  #mega888 .mega-container .mega-details, #mega888 .mega-container .mega-promotion {
    color: #1C6FDE; }
  #mega888 .mega-container .mega-promotion {
    text-decoration: underline; }
  #mega888 .mega-container .mega-ol-style {
    font-size: 0.9rem; }
  #mega888 .mega-container .mega888-container-iframe {
    flex-basis: 35%; }
  #mega888 .mega-container .megaCredential-iframe {
    width: 100%;
    height: 100%; }

.mega-ol-style {
  padding-left: 1rem; }

.mega-ol-style li p {
  padding-left: 12px;
  margin: 0; }

.mega-ol-style li {
  list-style: decimal; }

.vip-login {
  background-image: url(../images/background/vip-login-background.jpg);
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: round; }

.vip-login form .form-group {
  margin-bottom: 15px; }

.vip-login .form-control:hover {
  border: 1px solid #006CC0; }

.vip-login .form-control {
  display: block;
  width: 100%;
  padding: 3px 12px;
  font-size: 11px;
  line-height: 1.42857;
  height: 35px;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border-radius: 5px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.vip-login .vip-remember-me {
  color: #FBB714;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

.vip-login form button[type=submit] {
  width: 100%;
  background-color: #093E78;
  border: 0;
  border-radius: 5px;
  height: 30px;
  color: white; }

.vip-login-success {
  background-image: url(../images/background/vip-thankyou-background.jpg);
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background-repeat: round; }

.promo-vip-button {
  position: absolute;
  top: 60%;
  left: 54%;
  background-color: #003b79;
  color: #fff;
  padding: 0 13px;
  height: 45px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0px;
  font-weight: bold;
  z-index: 0;
  cursor: pointer; }

.vip-banner {
  position: relative;
  background-color: #0a1624; }

.vip-banner > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  z-index: -1;
  box-sizing: border-box; }

.vip-member .viptop {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 165px; }

.vip-member .vip-content {
  margin: 83px !important;
  color: #fff;
  margin-top: 50px !important;
  margin-bottom: 0 !important; }

.vip-member .viptop .tab:hover {
  color: #fdb813 !important; }

.vip-member .viptop .tab:focus {
  color: #fdb813 !important; }

.vip-member .viptop .tab {
  font-size: 33px;
  color: #003b79;
  padding: 20px;
  font-weight: 600;
  background: none;
  border: none;
  margin-top: -24px;
  white-space: nowrap; }

.vip-show {
  color: #fdb813 !important; }

.vip-hidden {
  color: #003b79 !important; }

.vip-member-bg {
  min-height: 960px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: auto;
  max-width: 2100px;
  margin: auto; }

@media screen and (max-width: 1450px) {
  .vip-benefit .vip-table .table-header {
    width: 15% !important;
    font-size: 12px !important; }
  .vip-benefit .content {
    font-size: 12px !important; } }

@media screen and (max-width: 1200px) {
  .vip-benefit .vip-table .table-header {
    width: 21% !important; }
  .vip-benefit .content {
    font-size: 10px !important; }
  .vip-member .viptop .tab {
    font-size: 28px; } }

#cmdpage .cmdmain {
  padding-top: 40px;
  padding-bottom: 97px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#cmdpage .cmdContainer {
  padding: 0 13px;
  width: 1440px;
  margin: 0 auto;
  box-sizing: border-box; }

.cmd {
  flex-basis: 70%; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#cmdpage p,
#cmdpage section {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#cmdpage .cmdmain .cmdmainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#cmdpage .cmd iframe {
  height: 100%;
  width: 1030px; }

#cmdpage .cmd {
  height: 100% !important;
  background: #DEDEDE; }

.icons_cmd_provider_bg {
  width: 293px;
  height: 391px;
  background: url(../images/bg/icons_livetv_provider_bg.png); }

.icons_cmd_logo {
  width: 49px;
  height: 27px;
  background-position: -583px -45px; }

#cmdpage .cmdmain .cmdmainright {
  flex-basis: 30%;
  max-width: 294px; }

#cmdpage .cmdmain .cmdmainright .imgBox {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.games-container > .cmdContainer .cmd {
  margin: 0;
  width: 1030px;
  margin-right: 6.4356%; }

.games-container > .cmdContainer .cmd {
  width: 100%;
  height: 934px; }

#cmdpage .cmdmain .cmdmainright .imgLive {
  height: 100%; }

#cmdpage .cmdmain .cmdmainright .imgBox .img {
  width: 318px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  position: relative; }

#cmdpage .cmdmain .cmdmainright .imgBox .img .betNow {
  position: absolute;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 40px; }

#cmdpage .cmdmain .cmdmainright .imgBox .img .betNow > span {
  font-family: "buttonBold"; }

#cmdpage .cmdmain .cmdmainright .imgBox .text {
  width: 293px;
  padding: 0 18px;
  font-size: 14px;
  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; }

#cmdpage .cmdmain .cmdmainright .imgBox .text .one {
  font-family: "mainBoldFont";
  line-height: 38px;
  position: relative;
  font-size: 16px; }

#cmdpage .cmdmain .cmdmainright .imgBox .text .one::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

#cmdpage .cmdmain .cmdmainright .imgBox .text .two {
  font-size: 14px;
  color: #686868;
  margin-top: 10px; }

#cmdpage .cmdmain .cmdmainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider,
#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider {
  height: 278px; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer,
#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no,
#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: auto;
  left: 28px;
  bottom: 20px;
  z-index: 3; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no li > i,
#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
  border: none;
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .slider .mainContentContainer .page_no li.on > i,
#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 24px;
  padding-bottom: 55px;
  box-sizing: border-box; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem > div:nth-child(2n) {
  margin-right: 0; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem .swiperimgBox {
  width: 116px;
  height: 103px;
  background: white;
  border: 1px solid white;
  margin-right: 9px;
  margin-bottom: 8px;
  cursor: pointer; }

#cmdpage .cmdmain .cmdmainright .swiper.icons_cmd_provider_bg .sliderItem .swiperimgBox > p {
  width: 116px;
  height: 24px;
  font-family: "mainBoldFont";
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin: 0; }

#brSportpage .brSportmain {
  padding-top: 40px;
  padding-bottom: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#brSportpage .brSportContainer {
  padding: 0 13px;
  width: 1440px;
  margin: 0 auto;
  box-sizing: border-box; }

.brSport {
  flex-basis: 90%; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#brSportpage p,
#brSportpage section {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#brSportpage .brSportmain .brSportmainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#brSportpage .brSport iframe {
  height: 100%; }

.icons_brSport_provider_bg {
  width: 293px;
  height: 391px;
  background: url(../images/bg/icons_livetv_provider_bg.png); }

.icons_brSport_logo {
  width: 49px;
  height: 27px;
  background-position: -583px -45px; }

#brSportpage .brSportmain .brSportmainright {
  flex-basis: 30%;
  max-width: 294px; }

#brSportpage .brSportmain .brSportmainright .imgBox {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.games-container > .brSportContainer .brSport {
  margin-right: 40px; }

#brSportpage .brSportmain .brSportmainright .imgLive {
  height: 100%; }

#brSportpage .brSportmain .brSportmainright .imgBox .img {
  width: 318px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  position: relative; }

#brSportpage .brSportmain .brSportmainright .imgBox .img .betNow {
  position: absolute;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  left: 0;
  bottom: 40px; }

#brSportpage .brSportmain .brSportmainright .imgBox .img .betNow > span {
  font-family: "buttonBold"; }

#brSportpage .brSportmain .brSportmainright .imgBox .text {
  width: 293px;
  padding: 0 18px;
  font-size: 14px;
  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; }

#brSportpage .brSportmain .brSportmainright .imgBox .text .one {
  font-family: "mainBoldFont";
  line-height: 38px;
  position: relative;
  font-size: 16px; }

#brSportpage .brSportmain .brSportmainright .imgBox .text .one::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRkVDNDQ0QkUyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRkVDNDQ0Q0UyNzcxMUU4OThBNTlGNTNCOUIxQkQ1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGRUM0NDQ5RTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGRUM0NDRBRTI3NzExRTg5OEE1OUY1M0I5QjFCRDUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2JK2kwAAABVJREFUeNpinD9/PgMQ/AdiRoAAAwAZlQLfIqFqNAAAAABJRU5ErkJggg==) repeat; }

#brSportpage .brSportmain .brSportmainright .imgBox .text .two {
  font-size: 14px;
  color: #686868;
  margin-top: 10px; }

#brSportpage .brSportmain .brSportmainright .iconsbk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-right: 10px;
  background: white; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg {
  width: 100%;
  height: 390px;
  background-color: #dddbdc;
  padding-top: 113px; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider,
#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider {
  height: 278px; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer,
#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no,
#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  right: auto;
  left: 28px;
  bottom: 20px;
  z-index: 3; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no li > i,
#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no li > i {
  border: none;
  background: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .slider .mainContentContainer .page_no li.on > i,
#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderProvider .mainContentContainer .page_no li.on > i {
  background: #0069d7;
  border: 1px solid #0069d7; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 24px;
  padding-bottom: 55px;
  box-sizing: border-box; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem > div:nth-child(2n) {
  margin-right: 0; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem .swiperimgBox {
  width: 116px;
  height: 103px;
  background: white;
  border: 1px solid white;
  margin-right: 9px;
  margin-bottom: 8px;
  cursor: pointer; }

#brSportpage .brSportmain .brSportmainright .swiper.icons_brSport_provider_bg .sliderItem .swiperimgBox > p {
  width: 116px;
  height: 24px;
  font-family: "mainBoldFont";
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  margin: 0; }

.games-container .brSport iframe {
  position: relative;
  width: 100%;
  min-height: inherit; }

.modal-popup-transfer {
  background: transparent;
  padding-top: 110px;
  margin: 20px; }

@media (min-width: 768px) {
  .modal-popup-transfer {
    margin: 20px auto; } }

.modal-popup-transfer > .modal-content {
  background: transparent !important;
  border-width: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  max-width: 550px; }

.modal-popup-transfer > .modal-content > .modal-header {
  border-bottom: 0px;
  height: 0px;
  padding: 0px; }

.popup-transfer-web-body {
  background-color: #fff; }

.popup-transfer-body {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: auto;
  margin-left: auto; }

.popup-transfer-close {
  position: absolute;
  right: -13px;
  top: 0px;
  z-index: 1;
  opacity: 0.9; }

.popup-transfer-close:hover {
  opacity: 1; }

.popup-transfer-close > img {
  width: 30px;
  height: 30px; }

.popup-angpow-container {
  background-color: rgba(0, 0, 0, 0.5); }

.popup-angpow-container > div {
  padding-left: 0px;
  padding-right: 0px; }

.popup-angpow-name {
  position: absolute;
  color: white !important;
  font-weight: bold !important;
  font-size: 19px !important;
  bottom: 50%;
  left: 0.4% !important;
  right: 0.4% !important;
  text-align: center;
  width: 13.5rem; }

.popup-freespin-name, .popup-freespin-num {
  position: unset; }

.popup-freespin-title, .popup-freespin-desc {
  color: white !important;
  font-weight: bold !important; }

.popup-angpow-currency {
  position: absolute;
  font-size: 30px !important;
  font-weight: bold !important;
  color: #ffe260 !important;
  top: 66% !important;
  left: 10% !important;
  right: 10% !important;
  text-align: center; }

.popup-angpow-desp {
  position: absolute;
  font-size: 18px !important;
  color: #0e83cd;
  top: 165% !important;
  left: 0.4% !important;
  right: 0.4% !important;
  text-align: center;
  width: 13.5rem; }

.popup-angpow-img {
  position: fixed;
  text-align: center;
  top: 38%;
  width: 25%;
  left: 38%; }

.popup-promotion-warning {
  position: relative;
  font-size: 12px;
  color: red;
  width: 225px;
  left: 289px;
  top: -140px;
  font-weight: 600;
  margin-bottom: 21px; }

.promotion-box {
  height: 61px; }

.ad_popup {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 9999; }

.ad_popup .popup_close {
  position: relative;
  margin-top: -15%;
  margin-bottom: 24.5%;
  margin-right: 0%;
  margin-left: -2%;
  width: 3%;
  cursor: pointer; }

.m-popup-angpow-content {
  position: absolute !important;
  width: 45% !important;
  top: 55% !important;
  left: 30%;
  right: 30%; }

.m-popup-angpow-name {
  position: absolute;
  color: white !important;
  font-weight: bold !important;
  font-size: 20px !important;
  bottom: 72%;
  left: 10%;
  right: 10%;
  text-align: center; }

.m-popup-angpow-currency {
  position: absolute;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #ffe260 !important;
  top: 59%;
  left: 10% !important;
  right: 10% !important;
  text-align: center; }

.m-popup-angpow-desp {
  position: absolute;
  font-size: 20px !important;
  color: #0e83cd !important;
  top: 138%;
  left: 10%;
  right: 10%;
  text-align: center; }

.popup-angpow-content {
  position: absolute !important;
  width: 49% !important;
  top: 50% !important;
  left: 27% !important; }

.verify-step-box {
  padding-left: 20px;
  padding-right: 20px; }

.verify-title {
  color: #147dec;
  font-size: 1.15em;
  font-weight: 900;
  margin-top: 0px;
  margin-bottom: 0px; }

.verify-desc {
  font-size: 15px;
  color: #777575;
  word-break: break-all; }

.verify-mobile {
  text-align: center;
  display: flex;
  flex-wrap: wrap; }

.verify-mobile-header {
  width: 20%;
  margin-left: 15%; }

.verify-mobile-number {
  width: 16rem;
  margin-left: 2%;
  height: 46.5px; }

.search-font-phone {
  background: white;
  margin-top: -0.5em; }

.international-telcode-phone {
  position: absolute;
  z-index: 1;
  border: 1px solid #ccc;
  width: 19.7%;
  margin-top: -0.5rem;
  min-width: 14.3rem;
  font-size: 13px;
  background: white;
  overflow-y: scroll;
  height: 60%; }

.searchBox-input-phone {
  min-width: 14.4rem;
  width: 50%; }

.telcodeDropdownPhone {
  margin-left: 15%; }

.dropDownIcon {
  margin-left: 20px; }

.language-details-international:hover {
  background-color: #e6e6e6; }

.phoneHeader {
  position: relative;
  right: -7px;
  font-size: 0.8em; }

.verify-mobile-header-normal {
  width: 20%;
  margin-left: 15%; }

.resend-button,
.verify-button {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }

.resend-button button,
.verify-button button {
  padding-left: 40px;
  padding-right: 40px; }

.resend-button,
.verify-button .btn-default {
  background-color: #f4f3f3; }

.verification-msg {
  padding-top: 50px;
  padding-bottom: 40px; }

.font-warning {
  color: red;
  font-weight: bolder; }

.enter-otp-code {
  padding-top: 5px;
  text-align: center;
  margin-bottom: 20px; }

.enter-otp-code input {
  width: 300px; }

.enter-otp-code button {
  padding: 12px 10px; }

.enter-otp-reminder {
  font-size: 0.9em;
  margin-bottom: 10px; }

.verify-error {
  font-size: 15px;
  color: red; }

.font-success {
  color: #06ca06; }

.verify-email-address {
  width: 50%; }

#email .help-block {
  display: block;
  /* margin-top: 5px; */
  /* margin-bottom: 10px; */
  color: #737373; }

#email .has-error .help-block {
  color: #a94442;
  display: grid; }

#email .has-error {
  color: red;
  margin-top: 3px; }

.verify-email-address {
  width: 50%; }

.errorMessage {
  display: block;
  color: red; }

.referral-program {
  min-width: 1000px;
  max-width: 2000px;
  margin: 0 auto; }

.banner-img {
  height: auto;
  width: 100%;
  display: block; }

.img-center {
  width: 100%;
  height: auto;
  text-align: center; }

.reward-img {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  height: 400px;
  margin-right: 3rem;
  margin-top: 2rem;
  z-index: 3; }

.tournament-img {
  z-index: 2;
  width: 100%;
  height: auto; }

.refer-img {
  width: min-content;
  height: min-content; }

.tournament-position {
  position: relative;
  top: -3.2rem; }

.referral-program .referral-responsive-content {
  position: relative; }

.referral-banner-container {
  position: relative;
  display: inline-block; }

.referal-banner-content {
  position: absolute;
  top: 3.438rem;
  left: 5.438rem;
  color: white;
  font-weight: bold;
  font-family: sans-serif;
  max-width: 40rem; }

.referral-banner-title {
  color: #fdb813; }

.referral-banner-title-size {
  font-size: 2.813rem; }

.referral-desc {
  font-size: 1.25rem;
  padding-top: 1rem; }

.referral-program .tab-position {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem; }

.referral-program .tab {
  font-size: 1.71rem;
  color: #003b79;
  padding: 20px;
  font-weight: 600;
  background: none;
  border: none;
  margin-top: -24px;
  white-space: nowrap; }

.referral-program .tab:hover {
  color: #fdb813 !important; }

.referral-program .tab:focus {
  color: #fdb813 !important; }

.referral-code-responsive {
  position: absolute;
  top: 4rem;
  right: 19rem;
  color: black;
  max-width: 36rem; }

.referral-program .referral-content-title {
  font-size: 35px;
  font-weight: bolder;
  font-family: sans-serif; }

.referral-program .referral-content-desc {
  font-size: 19px;
  padding-top: 0.5em; }

.referral-reward-container {
  display: flex;
  justify-content: center;
  align-items: center; }

.referral-reward-responsive {
  max-width: 44rem;
  min-width: 33rem;
  display: inline-block;
  margin: 1rem 2rem 3rem 3rem;
  z-index: 1; }

.referral-program .referral-tournament {
  background-image: url(../../content/images/referral-program/bk8-rp-tournament-min.jpg);
  background-repeat: no-repeat;
  background-position: top;
  min-height: 384px;
  margin-top: -3.2rem;
  color: black; }

.referral-program .referral-tournament .referral-tournament-position {
  padding-top: 80px; }

.referral-program .referral-tournament td {
  padding: 1px 14px 2px;
  text-align: center;
  white-space: nowrap; }

.referral-program .referral-tournament table {
  margin-top: 0.15rem; }

.tournament-container {
  float: right;
  margin-right: 1.25rem;
  max-width: 37rem; }

.referral-program .referral-tournament td img {
  width: 40px; }

.referral-program .referral-faq {
  color: black;
  display: flex;
  justify-content: center;
  margin-bottom: 2vw;
  margin-top: 2rem; }

.referral-program .referral-faq .referral-faq-content {
  max-width: 43em;
  margin-right: 5rem;
  margin-left: 2rem;
  min-width: 30rem; }

.referral-program .referral-faq .referral-faq-content .referral-faq-questions {
  float: left;
  max-width: 42rem; }

.referral-program .referral-faq .referral-faq-content .referral-faq-questions .referral-question {
  padding-bottom: 0vw;
  border-bottom: 1.5px solid #eeeeee; }

.referral-program .referral-faq .referral-faq-questions .referral-question .collapsible {
  color: black;
  cursor: pointer;
  padding: 18px 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  font-weight: bolder;
  background-color: transparent; }

.referral-program .referral-faq .referral-faq-questions .referral-question .collapsible:after {
  content: '\0076';
  font-weight: bold;
  float: right;
  margin-left: 5px; }

.referral-program .referral-faq .referral-faq-questions .referral-question .active:after {
  content: "\005E"; }

.referral-program .referral-faq .referral-faq-questions .referral-question .referral-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.refer-content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.referral-program .referral-faq .referral-refer {
  background-image: url(../../content/images/referral-program/bk8-referral-program_card.png);
  background-repeat: no-repeat;
  float: right;
  width: 412px;
  height: 230px; }

.referral-refer-title {
  font-weight: bolder;
  text-align: center;
  font-size: 25px;
  margin-top: 1rem;
  white-space: nowrap; }

.referral-refer-desc {
  color: #2c6ab1;
  text-align: center;
  margin-top: 1rem;
  font-weight: bolder;
  margin-left: 3rem;
  margin-right: 3rem; }

.referral-program .referral-faq .referral-refer .referral-setting {
  text-align: center;
  position: relative;
  white-space: nowrap;
  margin-left: 3rem;
  margin-right: 3rem; }

.referral-program .referral-faq .referral-refer .referral-setting .referral-setting-code {
  border: 1px solid transparent;
  padding: 5px 5px;
  margin-top: 1rem;
  text-align: center;
  font-weight: bold;
  width: 150px; }

.referral-program .referral-faq .referral-refer .referral-refer-share {
  background: orange;
  padding: 5px 5px;
  font-weight: bolder;
  width: 145px;
  border: 1px solid transparent;
  border-radius: 5px; }

.referral-faq .referral-refer .referral-setting .dropdownShareButton {
  margin-left: 170px;
  margin-right: 52px;
  min-width: 140px; }

.referral-faq .referral-refer .referral-setting .dropdownShareButton img {
  width: 15%; }

.referral-faq .referral-refer .referral-setting .dropdownShareButton a {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 0.8rem;
  color: black;
  padding: 5px 0px;
  margin-left: 3px; }

.referral-faq .referral-refer .referral-setting .dropdownShareButton :hover {
  background-color: #006CC0; }

.referral-setting:hover .dropdownShareButton {
  display: block; }

@media screen and (max-width: 500px) {
  .referral-banner-title-size {
    font-size: 1.813rem; }
  .referal-banner-content {
    left: 1.438rem;
    max-width: 24rem;
    top: 1.2rem; }
  .referral-desc {
    font-size: 0.75rem; } }

@media screen and (max-width: 568px) {
  .referral-banner-title-size {
    font-size: 1.3rem; }
  .referal-banner-content {
    top: 1.438rem;
    left: 2.438rem;
    max-width: 22rem;
    top: 1.2rem; }
  .referral-desc {
    font-size: 0.75rem; }
  .referral-code-responsive {
    top: 1rem;
    right: 0rem;
    max-width: 29rem; }
  .referral-tournament-content-container {
    right: -53rem; }
  .referral-tournament-container {
    right: 47rem; }
  .referral-program .referral-content-title {
    font-size: 25px; }
  .reward-img {
    width: 430px; }
  .referral-reward-responsive {
    min-width: 30rem; } }

@media screen and (min-width: 600px) {
  .referal-banner-content {
    max-width: 24rem;
    left: 1rem;
    top: 2rem; }
  .referral-banner-title-size {
    font-size: 1.613rem; }
  .referral-desc {
    font-size: 0.7rem; }
  .referral-code-responsive {
    right: -24rem;
    top: 6rem; }
  .referral-tournament-content-container {
    right: -49rem; }
  .referral-tournament-container {
    right: 39rem; } }

@media screen and (min-width: 768px) {
  .referal-banner-content {
    max-width: 22rem;
    left: 3rem;
    top: 1rem; }
  .referral-banner-title-size {
    font-size: 1.813rem; }
  .referral-desc {
    font-size: 0.72rem; }
  .referral-code-responsive {
    right: 0rem;
    top: 0rem;
    max-width: 28rem; }
  .referral-tournament-content-container {
    right: -45rem; }
  .referral-tournament-container {
    right: 31rem; }
  .referral-program .referral-content-title {
    font-size: 30px; } }

@media screen and (min-width: 1000px) {
  .referal-banner-content {
    max-width: 40rem; }
  .referral-code-responsive {
    right: -22rem; }
  .referral-tournament-container {
    right: 11rem; } }

@media screen and (min-width: 1024px) {
  .referal-banner-content {
    max-width: 22rem;
    left: 4.438rem; }
  .referral-code-responsive {
    right: 0rem;
    top: 1rem;
    max-width: 30rem; }
  .referral-tournament-content-container {
    right: -35rem; }
  .referral-tournament-container {
    right: 28rem; }
  .tournament-container {
    max-width: 37rem; } }

@media screen and (max-width: 1024px) {
  .referral-code-responsive {
    right: 1rem;
    top: 1.5rem;
    max-width: 28rem; }
  .reward-img {
    width: 430px;
    margin-top: 7rem; }
  .tournament-container {
    max-width: 30rem;
    margin-top: -1rem; }
  .referral-program .referral-tournament td {
    padding: 1px 7px 2px; } }

@media screen and (max-width: 1280px) {
  .code-img {
    height: 21rem;
    width: 100%; } }

@media screen and (min-width: 1280px) {
  .referral-desc {
    font-size: 1rem;
    padding-top: 0.5rem; }
  .banner-img {
    width: 100%; }
  .referral-banner-title-size {
    font-size: 2.5em; }
  .referal-banner-content {
    left: 4.438rem;
    max-width: 29rem;
    top: 2rem; }
  .referral-code-responsive {
    right: 4rem;
    top: 2rem;
    max-width: 30rem; }
  .referral-program .referral-content-title {
    font-size: 1.7rem; }
  .referral-tournament-content-container {
    right: -16rem;
    max-width: 32rem; }
  .referral-tournament-container {
    right: 19rem; }
  .tournament-container {
    margin-right: 3.25rem;
    max-width: 37rem; } }

@media screen and (min-width: 1300px) {
  .referal-banner-content {
    top: 2rem; }
  .referral-code-responsive {
    right: 7rem;
    top: 5rem;
    max-width: 29rem; }
  .referral-tournament-content-container {
    right: 5rem; }
  .referral-tournament-container {
    right: 17rem; }
  .tournament-container {
    margin-right: 0.25rem; } }

@media screen and (min-width: 1400px) {
  .referal-banner-content {
    max-width: 31rem; }
  .referral-code-responsive {
    right: 7rem;
    top: 3rem;
    max-width: 29rem; }
  .referral-tournament-content-container {
    right: -10rem; }
  .referral-tournament-container {
    right: 15rem; }
  .tournament-container {
    margin-right: 5.25rem; } }

@media screen and (min-width: 1500px) {
  .referal-banner-content {
    max-width: 34rem; }
  .referral-code-responsive {
    right: 12rem;
    top: 3rem;
    max-width: 30rem; }
  .referral-tournament-content-container {
    right: -11rem; }
  .referral-tournament-container {
    right: 13rem; }
  .tournament-container {
    margin-right: 10.25rem; } }

@media screen and (min-width: 1600px) {
  .referal-banner-content {
    max-width: 37rem; }
  .referral-desc {
    font-size: 1.2rem;
    padding-top: 0.5rem; }
  .referral-code-responsive {
    top: 4rem;
    right: 13rem;
    max-width: 30rem; }
  .reward-img {
    margin-top: 3rem; }
  .referral-tournament-content-container {
    right: 0rem; }
  .referral-tournament-container {
    right: 11rem; } }

@media screen and (min-width: 1700px) {
  .referral-code-responsive {
    top: 3rem;
    right: 14rem;
    max-width: 33rem; }
  .reward-img {
    margin-top: 3rem; }
  .referral-tournament-content-container {
    right: 6rem; }
  .referral-tournament-container {
    right: 9rem; }
  .tournament-container {
    margin-right: 12.25rem; } }

@media screen and (min-width: 1920px) {
  .referral-desc {
    font-size: 1.3rem;
    padding-top: 0.5rem; }
  .banner-img {
    width: auto; }
  .referal-banner-content {
    max-width: 46rem;
    top: 4rem; }
  .referral-code-responsive {
    top: 5rem;
    right: 17rem;
    max-width: 36rem; }
  .reward-img {
    margin-top: 3.7rem; }
  .referral-tournament-content-container {
    right: 17rem;
    max-width: 36rem; }
  .referral-tournament-container {
    right: 0rem; }
  .tournament-container {
    margin-right: 16.25rem; } }

@media screen and (min-width: 2000px) {
  .referral-code-responsive {
    top: 2rem;
    right: 22rem;
    max-width: 37rem; }
  .reward-img {
    margin-top: 8rem; }
  .referral-tournament-content-container {
    right: 23rem;
    max-width: 38rem; }
  .referral-tournament-container {
    right: 0rem; }
  .referral-refer-desc {
    margin-left: 0rem;
    margin-right: 0rem; }
  .referral-reward-responsive {
    max-width: 47rem; }
  .tournament-container {
    margin-right: 10.25rem;
    min-width: 50rem; }
  .referral-program .referral-faq {
    margin-top: 6rem; } }

.icons_games_new {
  width: 49px;
  height: 28px;
  background-position: -1468px -32px; }

.gamesGameList .imgItem {
  height: 230px;
  width: 94%;
  position: relative;
  margin-right: 20px;
  margin-bottom: 21px;
  top: 0;
  cursor: pointer; }

.gamesGameList .imgItem .imgItemOverBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* display: none; */
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

.gamesGameList .imgItem:hover .imgItemOverBox {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.gamesGameList .imgItemOverBox {
  cursor: default;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: white;
  width: 340px;
  height: 288px;
  margin-left: -37px;
  margin-top: -29px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 19px;
  padding-bottom: 8px; }

.gamesGameList .imgItem .imgItemOverBox .text {
  box-sizing: border-box;
  background: white;
  padding-left: 10px;
  width: 287px; }

.gamesGameList .imgItem .imgItemOverBox .img {
  width: 287px;
  height: 190px;
  overflow: hidden;
  position: relative; }

.gamesGameList .imgItem .imgItemOverBox .img > img {
  width: 287px;
  height: 190px; }

.gamesGameList .imgItem .imgItemOverBox .img_overlay {
  -webkit-transition: top .5s;
  -o-transition: top .5s;
  transition: top .5s;
  cursor: default; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay {
  position: absolute;
  left: 0;
  top: 190px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.gamesGameList .imgItem .imgItemOverBox .img:hover > .img_overlay {
  top: 0; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay * {
  margin: 8px 0;
  color: white; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay > span {
  width: 125px; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay > .button_y {
  color: black !important; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav {
  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-size: 14px;
  margin-top: -5px;
  cursor: pointer; }

.gamesGameList .imgItem .imgItemOverBox .img > .img_overlay > .tofav .icons_addtofavourites {
  margin-right: 8px;
  width: 14px;
  height: 13px;
  background: url(../assets/images/icons_addtofavourites.png) no-repeat; }

.gamesGameList .imgItem .imgItemOverBox .text.textbottom {
  height: 35px !important; }

.gamesGameList .imgItem .imgItemOverBox .text.textbottom .left > p:nth-child(1) span {
  font-family: 'mainFont';
  font-size: 12px;
  color: #666666; }

.gamesGameList .imgItem .imgItemOverBox .text.texttop .left > p:nth-child(1) .icons_games_new {
  right: 6px; }

.gamesGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(1) .icons_games_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.gamesGameList .imgItem .imgItemOverBox .text.texttop > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.gamesGameList .imgItem.nomb {
  margin-bottom: 0; }

.gamesGameList .imgItem .img {
  width: 100%;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.gamesGameList .imgItem .img > img {
  width: 100%;
  height: 100%; }

.gamesGameList .imgItem .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: 56px;
  background: #f2f2f2;
  position: relative; }

.gamesGameList .imgItem .text .left {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start; }

.gamesGameList .imgItem .text .left > p:nth-child(1) {
  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; }

.gamesGameList .imgItem .text .left > p:nth-child(1) * {
  font-family: "mainBoldFont"; }

.gamesGameList .imgItem .text .left > p:nth-child(1) span {
  font-size: 16px;
  word-break: keep-all; }

.gamesGameList .imgItem .text .left > p:nth-child(1) .icons_games_new {
  position: absolute;
  top: 12px;
  right: 18px; }

.gamesGameList .imgItem .text .left > p:nth-child(2) {
  font-size: 12px;
  color: #666666; }

.gamesMain {
  padding-top: 37px;
  padding-bottom: 110px; }

.gamesMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.gamesMain .gamesfirmBox {
  padding-bottom: 10px; }

.gamesMain .gamesGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

.gamesMain .gamesGrid {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

/* Start common-games.html */
.gamesBanner .sliderBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px !important;
  right: 16px !important;
  padding: 0 2.5px !important; }

.gamesBanner {
  overflow: hidden; }

.gamesBanner .container {
  box-sizing: border-box;
  padding: 0 13px; }

.gamesBanner .slider .mainContentContainer .page_no {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 16px;
  padding: 0 2.5px; }

/* End common-games.html */
.tabPage > li {
  cursor: pointer; }

.tabPage > li .i {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.tabPage > li.on {
  background: red; }

/* common-games tab */
.gamesFirmsContent {
  background: #f2f2f2;
  width: 100%;
  height: 120px;
  overflow: hidden;
  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;
  position: relative; }

.gamesFirmsContent .tabPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%; }

.gamesFirmsContent .tabPage > li {
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
  width: 157px;
  height: 120px;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  position: relative; }

.gamesFirmsContent .tabPage > li:last-child::after {
  content: "";
  display: none;
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.gamesFirmsContent .tabPage > li:hover {
  background-color: #fcb913; }

.gamesFirmsContent .tabPage > li:hover > span {
  color: #01172f; }

.gamesFirmsContent .tabPage > li::after {
  content: "";
  width: 1px;
  height: 103px;
  position: absolute;
  background: white;
  top: 50%;
  right: -1px; }

.gamesFirmsContent .tabPage > li > .i {
  height: 47px; }

.gamesFirmsContent .tabPage > li > span {
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
  color: #0185be; }

.gamesFirmsContent .tabPage > li.on {
  background: #fcb913; }

.gamesFirmsContent .tabPage > li.on > span {
  color: #01172f; }

.gamesFirmsContent:hover + div > .main-banner-carousel_chevron {
  display: block; }

/* end of common-games tab*/
#news-letter-background {
  /* show the placeholder when input has no content (no content = invalid) */
  /* hide the placeholder when input has some text typed in */ }
  #news-letter-background .inputMobileNo {
    border: 1px solid silver;
    background-color: #fff;
    color: #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 35px;
    width: 215px; }
  #news-letter-background .inputMobileMobileNo {
    border: 1px solid silver;
    background-color: #fff;
    color: #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 28px; }
  #news-letter-background .inputOtp {
    border: 1px solid silver;
    background-color: #fff;
    color: #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 35px;
    width: 120px; }
  #news-letter-background .inputMobileOtp {
    border: 1px solid silver;
    background-color: #fff;
    color: #999;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 28px;
    width: 120px; }
  #news-letter-background input {
    background-color: transparent;
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    border: none;
    color: black;
    min-width: 106px;
    padding: 0px;
    margin-left: 10px; }
  #news-letter-background .gradientBtn {
    border-radius: 4px;
    width: 188px;
    height: 37px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color: #fff;
    cursor: pointer;
    font-size: inherit;
    border-color: transparent;
    border-style: solid;
    border-width: 0px; }
  #news-letter-background .gradientMobileBtn:disabled {
    background: #999; }
  #news-letter-background .gradientMobileBtn {
    border-radius: 4px;
    width: 188px;
    height: 30px;
    background: #0062c9;
    background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%);
    background: linear-gradient(to bottom, #0062c9 0%, #003679 102%);
    color: #fff;
    cursor: pointer;
    font-size: inherit;
    border-color: transparent;
    border-style: solid;
    border-width: 0px; }
  #news-letter-background .gradientBtn:disabled {
    background: #999; }
  #news-letter-background .input-container {
    width: 100%; }
  #news-letter-background .unsubscribe {
    color: #3e7cda;
    font-weight: 900;
    text-decoration: underline; }
  #news-letter-background input[required]:after {
    content: '*';
    color: red; }
  #news-letter-background input[required] + label:after {
    content: '*';
    color: red; }
  #news-letter-background input[required]:invalid + label {
    display: inline-block; }
  #news-letter-background .inputOtp input[required] + label {
    color: #999;
    position: relative;
    left: -96px;
    width: 300px;
    /* the negative of the input width */ }
  #news-letter-background .inputMobileNo input[required] + label {
    color: #999;
    position: relative;
    left: -134px;
    width: 300px;
    /* the negative of the input width */ }
  #news-letter-background .inputMobileOtp input[required] + label {
    color: #999;
    position: relative;
    left: -104px;
    width: 300px;
    top: 1px;
    /* the negative of the input width */ }
  #news-letter-background .inputMobileMobileNo input[required] + label {
    color: #999;
    position: relative;
    left: -104px;
    width: 300px;
    top: 1px;
    /* the negative of the input width */ }
  #news-letter-background input[required]:valid + label {
    display: none; }
  #news-letter-background .closeBox {
    opacity: 1;
    background-color: #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-right: 6px;
    width: 28px;
    height: 28px; }
  #news-letter-background .desktopBtmBox {
    position: absolute;
    top: 487px;
    width: 400px;
    display: flex;
    justify-content: center; }
  #news-letter-background .mobileBtmBox {
    position: absolute;
    top: 374px;
    width: 300px;
    display: flex;
    justify-content: center; }
  #news-letter-background .desktopBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 300px; }
  #news-letter-background .mobileBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 250px; }
  #news-letter-background .news-letter-notification {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto !important; }
  #news-letter-background .apply-button-div {
    margin-bottom: 20px; }
  #news-letter-background .disclaimer {
    color: white;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px; }

.instantRebateHeader {
  background: #e2e2e2;
  margin: 0 auto 10px auto;
  border-radius: 5px; }

.lastUpdateHighlight {
  margin-bottom: 10px; }

.lastUpdateHighlight div {
  padding: 5px;
  background: #6a8cb1;
  color: white;
  font-size: 14px; }

.instantRebateHeader .claimInfo {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.claimAmount {
  width: 50%; }

.claimSection {
  width: 38%; }

.claimSection div {
  font-size: 14px; }

.claimInfo .claimAmount div, .claimInfo .claimSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left; }

.productTable {
  background: #eeeeee;
  border-radius: 5px;
  margin-bottom: 10px; }

.productTable td, .productTable th {
  border: transparent;
  display: table-cell;
  vertical-align: inherit;
  height: 42px;
  text-align: center;
  font-size: 14px;
  color: #999999; }

.productTable .header {
  padding: 10px;
  display: flex;
  align-items: center; }

.productTable table tr:last-child td {
  border-bottom: unset; }

.tableHeaderRow {
  background: #ced1d6; }

.tableHeaderRow th {
  font-weight: bold !important;
  color: black !important; }

.productTable tr td, .rebateHistoryTable tr td {
  border-bottom: 1px solid #e4e4e4; }

.rebateHeaderKmFont th {
  font-size: 12px; }