@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; }

@font-face {
  font-family: 'mainFont';
  font-style: normal;
  src: url("../fonts/AvenirNextLTPro-Regular.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/AvenirNextLTPro-Regular.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Regular.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Regular.svg") format("svg"), url("../fonts/AvenirNextLTPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'mainBoldFont';
  font-style: normal;
  src: url("../fonts/AvenirNextLTPro-Demi.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Demi.woff") format("woff"), url("../fonts/AvenirNextLTPro-Demi.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Demi.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Demi.svg") format("svg"), url("../fonts/AvenirNextLTPro-Demi.otf") format("opentype"); }

@font-face {
  font-family: 'menuFont';
  font-style: normal;
  src: url("../fonts/AvenirLTStd-Light.woff2") format("woff2"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.eot") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.svg") format("svg"), url("../fonts/AvenirLTStd-Light.otf") format("opentype"); }

@font-face {
  font-family: 'popuFont';
  font-style: normal;
  src: url("../fonts/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/AvenirLTStd-Book.woff") format("woff"), url("../fonts/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/AvenirLTStd-Book.eot") format("embedded-opentype"), url("../fonts/AvenirLTStd-Book.svg") format("svg"), url("../fonts/AvenirLTStd-Book.otf") format("opentype"); }

@font-face {
  font-family: 'buttonBold';
  font-style: normal;
  src: url("../fonts/AvenirNextLTPro-Bold.woff2") format("woff2"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Bold.eot") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Bold.svg") format("svg"), url("../fonts/AvenirNextLTPro-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'tabFont';
  font-style: normal;
  src: url("../fonts/AvenirLT-Medium.woff2") format("woff2"), url("../fonts/AvenirLT-Medium.woff") format("woff"), url("../fonts/AvenirLT-Medium.ttf") format("truetype"), url("../fonts/AvenirLT-Medium.eot") format("embedded-opentype"), url("../fonts/AvenirLT-Medium.svg") format("svg"), url("../fonts/AvenirLT-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'AvenirLT-MediumFont';
  font-style: normal;
  src: url("../fonts/AvenirLT-Medium.woff2") format("woff2"), url("../fonts/AvenirLT-Medium.woff") format("woff"), url("../fonts/AvenirLT-Medium.ttf") format("truetype"), url("../fonts/AvenirLT-Medium.eot") format("embedded-opentype"), url("../fonts/AvenirLT-Medium.svg") format("svg"), url("../fonts/AvenirLT-Medium.otf") format("opentype"); }

@font-face {
  font-family: 'AvenirLT45-BookFont';
  font-style: normal;
  src: url("../fonts/AvenirLT45-Book.woff2") format("woff2"), url("../fonts/AvenirLT45-Book.woff") format("woff"), url("../fonts/AvenirLT45-Book.ttf") format("truetype"), url("../fonts/AvenirLT45-Book.eot") format("embedded-opentype"), url("../fonts/AvenirLT45-Book.svg") format("svg"), url("../fonts/AvenirLT45-Book.otf") format("opentype"); }

@font-face {
  font-family: 'AvenirLT55-RomanFont';
  font-style: normal;
  src: url("../fonts/AvenirLT55-Roman.woff2") format("woff2"), url("../fonts/AvenirLT55-Roman.woff") format("woff"), url("../fonts/AvenirLT55-Roman.ttf") format("truetype"), url("../fonts/AvenirLT55-Roman.eot") format("embedded-opentype"), url("../fonts/AvenirLT55-Roman.svg") format("svg"), url("../fonts/AvenirLT55-Roman.otf") format("opentype"); }

@font-face {
  font-family: 'AvenirLT95-BlackFont';
  font-style: normal;
  src: url("../fonts/AvenirLT95-Black.woff2") format("woff2"), url("../fonts/AvenirLT95-Black.woff") format("woff"), url("../fonts/AvenirLT95-Black.ttf") format("truetype"), url("../fonts/AvenirLT95-Black.eot") format("embedded-opentype"), url("../fonts/AvenirLT95-Black.svg") format("svg"), url("../fonts/AvenirLT95-Black.otf") format("opentype"); }

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

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

.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; } }

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

@media screen and (max-width: 1400px) {
  .slotMain .slotGrid {
    grid-template-columns: 1fr 1fr 1fr 1fr !important; }
  .slotGameList .imgItem .text {
    width: 87% !important; }
  .slotGameList .imgItem .img {
    width: 96.4% !important; }
  .slotGameList .imgItem .img > img {
    width: 100% !important;
    height: 174px !important; }
  .slotGameList .slotGameList_top .swiper {
    width: 100% !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: 2185px) {
  .ambassadorImage {
    top: -119px !important; } }

@media screen and (min-width: 2230px) {
  .ambassadorImage {
    top: -124px !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) {
  .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: 83% !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: 81% !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: 82% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 9.5% !important; }
  #scr888 .scr-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: 79% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 10.5% !important; }
  .brandImage {
    left: 90px !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: 79% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 11.5% !important; }
  .brandImage {
    left: 66px !important; } }

@media screen and (max-width: 1000px) {
  .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 .imgItem .text {
    width: 85% !important; }
  .slotGameList .imgItem .img {
    width: 96.4% !important; }
  .slotGameList .imgItem .img > img {
    width: 100% !important;
    height: 174px !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: 77% !important; }
  .top-mid-hr {
    flex-basis: 6.5% !important; }
  .top-last-hr {
    flex-basis: 12.5% !important; }
  .brandImage {
    left: 44px !important; } }

@media screen and (max-width: 1009px) {
  .ambassadorImage {
    top: -117px !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 {
  position: relative; }

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

.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; }

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

.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 {
  color: #3e7cda;
  font-weight: 900; }

.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: 30px;
  -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: 300px;
  background: #ffffff;
  padding: 10px;
  position: fixed;
  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; }

.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 > 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 18px;
  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 > 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: black; }

.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; }

.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 .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.showLive {
  position: relative; }

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

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

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

.showSubMenuOn {
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  -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%); }

#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; }

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

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

.copyRight .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::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 {
  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 {
  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 {
  line-height: 100%;
  margin-bottom: 1px;
  cursor: pointer; }

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

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

.copyRight .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; }

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

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%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0 30px; }

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

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

footer .footertop .footertopContent .footertopItem .iconText {
  width: 100%;
  height: 210px;
  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; }

footer .footertop .footertopContent .footertopItem .iconText div.icon {
  margin-top: 22px;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 52px;
  min-height: 52px; }

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;
  margin: 0; }

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: 2px; }

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; }

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

footer .footerbottomempty2 {
  height: 1.2px;
  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;
  padding: 0 30px; }

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

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

footer .footerbottom .footerbottomContent .footerLicense .licenseDiv {
  width: 60%;
  float: right; }

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; }

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; }

.positionFixed .fixed {
  position: fixed; }

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

.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: 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_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?2); }

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

.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_arrow {
  width: 9px;
  height: 8px;
  margin-left: 5px;
  background-position: -1480px -62px; }

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

.icons_bmm {
  width: 55px;
  height: 17px;
  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_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_facebook {
    width: 30px;
    height: 30px;
    background-position: -1365px -2px !important;
}

.icons_facebook:hover {
    width: 30px;
    height: 30px;
    background-position: -1341px -34px !important;
}

.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_instagram {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/instagram_of.png);
}

    .icons_instagram: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); }

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

    .icon-twitter:hover {
        width: 32px;
        height: 40px;
        background-repeat: no-repeat;
        background-image: url(../images/icon/twitter_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_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_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_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_menu_live {
  width: 30px;
  height: 16px;
  background-position: -1994px -2px; }

.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_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_line {
    width: 33px;
    height: 31px;
    background-position: -860px -41px !important;
}

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

.icons_side_menu_livechat {
  width: 30px;
  height: 30px;
  background-position: -1301px -2px; }

.icons_side_menu_livechat:hover,
.positionFixed .side_menu_right .side_menu_contant_on > span:hover .icons_side_menu_livechat {
  width: 30px;
  height: 30px;
  background-position: -1277px -36px; }

.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_wechat {
    width: 32px;
    height: 28px;
    background-position: -1628px -2px !important;
}

    .icons_wechat:hover {
        width: 32px;
        height: 28px;
        background-position: -1605px -32px !important;
    }

.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_skype {
    width: 42px;
    height: 41px;
    background-image: url(../images/icon/skype_of.png);
}

    .icons_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_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_pt_logo {
    background: url(/Content/template/BA01/public/rpg11/content/images/icon/icon_pt.png);
    height: 40px;
    width: 40px;
    background-size: contain;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
}
.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;
  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-youtube {
    width: 32px;
    height: 32px;
    background-position: -1238px -2px;
}

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

.icons_pinterest {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: contain;
    background-image: url(../images/icon/pinterest.png);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .icons_pinterest:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.icons_email {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: contain;
    background-image: url(../images/icon/email.png);
    opacity: 0.3;
}

    .icons_email:hover {
        opacity: 0.8;
    }
.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: 35px;
  background-position: -1525px -44px; }

.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: 35px;
  background-position: -1282px -46px; }

.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_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_logo_globalgaming {
    width: 77px;
    height: 46px;
    background-image: url(../images/_firms/gg-2.png);
    background-position: center;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .firms_logo_globalgaming:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.firms_logo_betsoft {
    width: 100px;
    height: 46px;
    background-image: url(../images/_firms/betsoft.png);
    background-position: center;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .firms_logo_betsoft:hover {
        -webkit-filter: grayscale(0%); 
        filter: grayscale(0%);
    }

.firms_logo_sa {
    width: 100px;
    height: 46px;
    background-image: url(../images/_firms/SA_Gaming_logo.png);
    background-position: center;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

    .firms_logo_sa:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

.firms_logo_ky {
    background-image: url(/Content/template/BA01/public/rpg11/content/images/firms/KY.png);
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 65px;
    height: 40px;
    background-size: contain;
    margin-left: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

    .firms_logo_ky:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }

.firms_logo_bbin {
    background-image: url(/Content/template/BA01/public/rpg11/content/images/firms/bbin.png);
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

    .firms_logo_bbin:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
    }

.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_ag {
  width: 78px;
  height: 40px;
  background-position: -1696px -2px; }

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

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

.firms_slot_logo_gp:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_gp,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_gp {
  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_sg {
  width: 92px;
  height: 47px;
  background-position: -658px -2px; }

.firms_slot_logo_sg:hover,
.slotFirmsContent .tabPage > li:hover > .i .firms_slot_logo_sg,
.slotFirmsContent .tabPage > li.on > .i .firms_slot_logo_sg {
  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: 59px;
  height: 46px;
  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: 59px;
  height: 46px;
  background-image: url(../images/icon/pngo_ov.png); }

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

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

/* 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; }

.navbarSubRow6 {
  width: 1230px; }

.submenuRow {
  margin-bottom: 1px;
  background: white;
  width: 100%; }

.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_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_sexy {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sexy.png);
  background-repeat: no-repeat; }

.firms_casino_subbutton_sexy:hover {
  width: 200px;
  height: 155px;
  background: url(../images/firms/firms_casino_subbutton_sexy_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_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_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_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; }

.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_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_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_ag {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_ag.jpg); }

.firms_live_casino_ag:hover,
.casinoGameList .imgItem:hover .firms_live_casino_ag {
  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_dream {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_dream.png); }

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

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

.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.png); }

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

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

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

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

.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_sexy {
  width: 266px;
  height: 174px;
  background: url(../images/firms/firms_live_casino_sexy.jpg); }

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

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

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

/* code */
.icons_side_menu_line_code {
  width: 128px;
  height: 128px;
  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: url(../images/bg/icons_side_menu_contant.png); }

.icons_side_menu_download {
  width: 52px;
  height: 235px;
  background: url(../images/bg/icons_side_menu_download.png); }

.icons_side_menu_DNSdownload {
  width: 52px;
  height: 235px;
  background: url(../images/bg/icons_side_menu_DNS_en.png); }

.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;
  height: 698px; }

.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(../images/icon/messenger_icon_info.gif); }

.notification-success-icon {
  background-image: url(../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(../images/background/sportsbook_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 910px;
  align: center;
  valign: top; }

.cmd-bg {
  background-color: #DEDEDE; }

.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 {
  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 {
  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_topicsSpadeTech {
  margin-right: 3px; }

.brandContainer {
  display: flex;
  justify-content: space-between; }

.brandSponsor {
  font-size: 0.7em;
  position: absolute;
  color: black; }

.brandImage {
  background: url("../images/_firms/brand/DBR_of.png");
  height: 118px;
  width: 209px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 41px;
  left: 106px; }

.brandImage:hover {
  background: url("../images/_firms/brand/DBR_ov.png");
  height: 118px;
  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: 37.33%;
  margin-left: 20px; }

.gameTitle,
.brandGame {
  font-size: 0.7em; }

.rightInnerContainer {
  height: 172px;
  margin-right: 20px; }

.centerInnerContainer {
  flex-basis: 30%; }

.ambassadorTitle {
  font-size: 0.7em;
  color: black;
  position: relative;
  padding-left: 16px;
  margin-top: 11.2px; }

.ambassadorName {
  font-size: 0.6em;
  padding-left: 34px;
  position: relative;
  top: 84px;
  color: black;
  margin: 0; }

.ambassadorImage {
  background: url("../images/_firms/brand/JT_of.png");
  height: 217px;
  width: 347px;
  position: relative;
  top: -124px; }

.ambassadorImage:hover {
  background: url("../images/_firms/brand/JT_ov.png"); }

.top-first-hr {
  flex-basis: 84%; }

.top-mid-hr {
  flex-basis: 6.5%; }

.top-last-hr {
  flex-basis: 8.5%; }

.brand-hr {
  display: flex;
  justify-content: space-between; }

.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: 20px;
  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("/Content/template/BA01/public/rpg11/content/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("/Content/template/BA01/public/rpg11/content/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%; }

.casinoMain {
  padding-top: 31px;
  padding-bottom: 33px; }

.casinoMain .container {
  box-sizing: border-box;
  padding: 0 13px; }

.casinoMain .casinofirmsBox {
  margin-bottom: 21px; }

.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: #fbb718; }

.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 .iconrpg11 {
  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 {
  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 .downloadList .downItem .firmscodeBox .firmsdownicon > span {
  margin-top: 5px;
  font-size: 13px;
  color: #0185be; }

#mobilePage .mobileMainContent .downloadList .downItem .firmscodeBox .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; } }

@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; }

.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 {
  top: auto;
  left: 129px;
  bottom: 22px;
  margin-left: auto;
  width: auto;
  font-weight: bold; }

.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; }

.form-control, select {
  border: 1px solid #ccc;
  width: 100%;
  padding: 12px 10px;
  margin: 8px 0;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  resize: none; }

.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; }

.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: 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; }

.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: #191919;
  cursor: pointer;
  display: none;
  height: 60px;
  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: 30px;
  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: #fff; }

.main-banner-carousel_chevron-left {
  left: 0; }

.main-banner-carousel_chevron-left::before {
  border-color: #00fff2;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 15px;
  left: 11px;
  position: relative;
  top: 25px;
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  vertical-align: top;
  width: 15px; }

.main-banner-carousel_chevron-right {
  right: 0; }

.main-banner-carousel_chevron-right::before {
  border-color: #00fff2;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 15px;
  left: 3px;
  position: relative;
  top: 25px;
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: top;
  width: 15px; }

.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(/Content/template/BA01/public/rpg11/content/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: 266px;
  height: 174px;
  cursor: pointer;
  overflow: hidden; }

.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: 480px;
  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; }

.text-center {
  text-align: center; }

.message-content-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.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; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  /* 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;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header:before, .modal-header:after {
  content: " ";
  display: table; }

.modal-header:after {
  clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

/* end bootstrap modal style */
/* bootstrap glyphicon style */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot@") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg") 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-indicators .active {
  margin: 0;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  background-color: #fff; }

.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; }

.fade {
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }

.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: 11px;
  color: #666666;
  margin-left: -15px;
  margin-right: 15px; }

.item-display {
  display: flex;
  margin-bottom: 10px; }

.member-dialog-form {
  display: block;
  border-radius: 0;
  height: 34px;
  margin: 0;
  font-size: 11px;
  padding: 3px 12px;
  line-height: 1.42857; }

.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; }

.myrpg11-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; }

.myrpg11-setting * {
  font-family: Helvetica; }

.myrpg11-setting *:focus {
  outline: none !important; }

.myrpg11-setting ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c5c8cc !important; }

.myrpg11-setting ::-moz-placeholder {
  /* Firefox 19+ */
  color: #c5c8cc !important; }

.myrpg11-setting :-ms-input-placeholder {
  /* IE 10+ */
  color: #c5c8cc !important; }

.myrpg11-setting :-moz-placeholder {
  /* Firefox 18- */
  color: #c5c8cc !important; }

.myrpg11-setting input {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items: center;
  border: none;
  color: black;
  min-width: 240px;
  padding: 0px; }

.myrpg11-setting input {
  -webkit-appearance: textfield;
  background-color: transparent; }

.myrpg11-setting input[type="button"], .myrpg11-setting input[type="submit"], .myrpg11-setting input[type="reset"],
.myrpg11-setting input[type="file"]::-webkit-file-upload-button, .myrpg11-setting button {
  border-color: transparent;
  border-style: solid;
  border-width: 0px; }

.myrpg11-setting .inputWithdraw {
  border: 1px solid silver;
  background-color: #fff;
  color: #999;
  border-radius: 4px;
  display: flex;
  align-items: center; }

.myrpg11-setting .inputDeposit {
  border: 1px solid silver;
  background-color: #fff;
  color: #999;
  border-radius: 4px;
  display: flex;
  align-items: center; }

.myrpg11-setting input[type="radio"], .myrpg11-setting input[type="checkbox"] {
  background-color: initial;
  cursor: default;
  margin: 0px;
  padding: initial;
  border: initial; }

.myrpg11-setting p, .myrpg11-setting ol, .myrpg11-setting ul {
  margin-top: 0px; }

.myrpg11-setting a {
  color: #171717; }

.myrpg11-setting ul, .myrpg11-setting menu, .myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

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

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

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

.myrpg11-setting .vl {
  border-left: 1px dotted #858585;
  height: 30px; }

.myrpg11-setting .pl-5 {
  padding-left: 5px; }

.myrpg11-setting .pl-10 {
  padding-left: 10px; }

.myrpg11-setting .pl-15 {
  padding-left: 15px; }

.myrpg11-setting .pl-20 {
  padding-left: 20px; }

.myrpg11-setting .pr-5 {
  padding-right: 5px; }

.myrpg11-setting .pr-10 {
  padding-right: 10px; }

.myrpg11-setting .pr-15 {
  padding-right: 15px; }

.myrpg11-setting .pr-20 {
  padding-right: 20px; }

.myrpg11-setting .ml-5 {
  margin-left: 5px; }

.myrpg11-setting .ml-10 {
  margin-left: 10px; }

.myrpg11-setting .ml-15 {
  margin-left: 15px; }

.myrpg11-setting .ml-20 {
  margin-left: 20px; }

.myrpg11-setting .ml-25 {
  margin-left: 25px; }

.myrpg11-setting .ml-30 {
  margin-left: 30px; }

.myrpg11-setting .ml-35 {
  margin-left: 35px; }

.myrpg11-setting .ml-40 {
  margin-left: 40px; }

.myrpg11-setting .ml-45 {
  margin-left: 45px; }

.myrpg11-setting .mb-5 {
  margin-bottom: 5px; }

.myrpg11-setting .mb-10 {
  margin-bottom: 10px; }

.myrpg11-setting .mb-15 {
  margin-bottom: 15px; }

.myrpg11-setting .mb-20 {
  margin-bottom: 20px; }

.myrpg11-setting .mb-25 {
  margin-bottom: 25px; }

.myrpg11-setting .mt-5 {
  margin-top: 5px; }

.myrpg11-setting .mt-10 {
  margin-top: 10px; }

.myrpg11-setting .mt-15 {
  margin-top: 15px; }

.myrpg11-setting .mt-20 {
  margin-top: 20px; }

.myrpg11-setting .mt-25 {
  margin-top: 25px; }

.myrpg11-setting .mt-30 {
  margin-top: 30px; }

.myrpg11-setting .mt-35 {
  margin-top: 35px; }

.myrpg11-setting .mt-40 {
  margin-top: 40px; }

.myrpg11-setting .mt-45 {
  margin-top: 45px; }

.myrpg11-setting .mt-50 {
  margin-top: 50px; }

.myrpg11-setting .mt-55 {
  margin-top: 55px; }

.myrpg11-setting .mt-60 {
  margin-top: 60px; }

.myrpg11-setting .mx-auto {
  margin-left: auto;
  margin-right: auto; }

.myrpg11-setting .my-auto {
  margin-top: auto;
  margin-bottom: auto; }

.myrpg11-setting .font-12 {
  font-size: 12px; }

.myrpg11-setting .font-14 {
  font-size: 14px; }

.myrpg11-setting .font-16 {
  font-size: 16px; }

.myrpg11-setting .text-bold {
  font-family: 'AvenirLT95-BlackFont'; }

.myrpg11-setting .text-title {
  font-family: 'AvenirLT45-BookFont'; }

/*********************************************************************************/
/* Text Color                                                                    */
/*********************************************************************************/
.myrpg11-setting .light-blue {
  color: #3f8fcb; }

.myrpg11-setting .text-blue {
  color: #6a8cb0; }

.myrpg11-setting .dark-blue {
  color: #0066d1; }

.myrpg11-setting .light-gray {
  color: #656565; }

.myrpg11-setting .gray {
  color: #858585; }

.myrpg11-setting .red {
  color: #cc1800; }

.myrpg11-setting .green {
  color: #08b200; }

.myrpg11-setting .black {
  color: #000000; }

.myrpg11-setting .white {
  color: #ffffff; }

.myrpg11-setting .account-text {
  color: #6a8cb0;
  font-family: Helvetica, sans-serif;
  font-weight: 700; }

.myrpg11-setting .gray-999 {
  color: #999999; }

.myrpg11-setting .bg-blue {
  background-color: rgba(129, 157, 187, 0.15); }

/*********************************************************************************/
/* Width                                                                         */
/*********************************************************************************/
.myrpg11-setting .w-170 {
  width: 170px; }

.myrpg11-setting .w-290 {
  width: 290px; }

.myrpg11-setting .w-300 {
  width: 300px; }

.myrpg11-setting .w-130 {
  width: 130px; }

.myrpg11-setting .w-150 {
  width: 150px; }

.myrpg11-setting .h-30 {
  height: 30px; }

.myrpg11-setting .h-40 {
  height: 40px; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .w-170 {
    width: 150px; }
  .myrpg11-setting .w-300 {
    width: 260px; } }

/*********************************************************************************/
/* Wrapper & Container                                                           */
/*********************************************************************************/
.myrpg11-setting #wrapper {
  background-position: top;
  background-size: auto;
  width: 100%;
  padding: 0px 0px; }

.myrpg11-setting .container {
  min-width: 1000px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0px 19px; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .container {
    min-width: 1000px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 10px; } }

.myrpg11-setting .text-center {
  text-align: center; }

/*********************************************************************************/
/* Button                                                                        */
/*********************************************************************************/
.myrpg11-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; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting button.gradientBtnGray, .myrpg11-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                                                                        */
/*********************************************************************************/
.myrpg11-setting .header {
  width: 100%; }

.myrpg11-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; }

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

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

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-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; }

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

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

.myrpg11-setting .header .headerContent .right .loginBar .tools .username-container,
.myrpg11-setting .header .headerContent .right .loginBar .tools .funds-container {
  position: relative; }

.myrpg11-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; }

.myrpg11-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; }

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

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

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

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

.myrpg11-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; }

.myrpg11-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; }

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

.myrpg11-setting .header .headerContent .right .loginBar .tools .username {
  color: #3e7cda;
  font-weight: 900; }

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

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

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

.myrpg11-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; }

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

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

.myrpg11-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; }

.myrpg11-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; }

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

.myrpg11-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; }

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

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

.myrpg11-setting .header .headerContent .right .loginBar .livechat {
  background: url("/Content/template/BA01/public/rpg11/content/images/newSetting/icon/contact_dd_livechat.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  cursor: pointer; }

.myrpg11-setting .header .headerContent .right .loginBar .message {
  background: url("/Content/template/BA01/public/rpg11/content/images/newSetting/icon/nav_mail_icon.png");
  width: 28px;
  height: 28px;
  margin-right: 10px;
  position: relative;
  cursor: pointer; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-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                                                                        */
/*********************************************************************************/
.myrpg11-setting .menu {
  position: relative; }

.myrpg11-setting .menu .menuBox {
  background: #013b7a;
  margin: 0px -19px; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-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; }

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

.myrpg11-setting .icons_menu_live {
  width: 30px;
  height: 16px; }

.myrpg11-setting .icons {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/newSetting/headerMenu/headerMenu_liveIcon.png); }

/*********************************************************************************/
/* Top Content                                                                      */
/*********************************************************************************/
.myrpg11-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%; }

.myrpg11-setting .profileItemDetail_userVerificationStatus {
  display: inline-flex;
  align-items: center; }

.myrpg11-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; }

.myrpg11-setting img.upperElementEightIcon {
  margin-right: 10px;
  width: 47px;
  height: 55px; }

.myrpg11-setting .profileItemDetail:hover .tooltip.nonDiamond {
  visibility: visible; }

.myrpg11-setting .tooltip {
  height: 72px;
  width: 136px;
  background: #f2f2f2;
  position: absolute;
  top: 83px;
  z-index: 100;
  left: -25px;
  border: 1px solid #b5aaaa;
  visibility: hidden; }

.myrpg11-setting .tooltip a {
  font-size: 12px;
  margin-left: 14px;
  color: #a29999; }

.myrpg11-setting .tooltip img {
  margin-top: 12px;
  margin-left: 10px; }

.myrpg11-setting .tooltip::before,
.myrpg11-setting .tooltip::after {
  content: "";
  position: absolute;
  border-left: 13px  solid transparent;
  border-right: 13px  solid transparent;
  top: -16%;
  left: 48%;
  margin-left: -10px; }

.myrpg11-setting .tooltip::after {
  border-bottom: 13px solid #f2f2f2;
  margin-top: 0px;
  z-index: 1; }

.myrpg11-setting .tooltip::before {
  border-bottom: 13px solid #b5aaaa;
  margin-top: -2px; }

.myrpg11-setting .rightContentBox1 {
  padding-right: 37px; }

.myrpg11-setting .leftContentBox2 {
  padding-left: 20px;
  padding-right: 30px; }

.myrpg11-setting .rightContentBox2 {
  padding-right: 15px; }

.myrpg11-setting .leftContentBox3 {
  padding-left: 18px;
  padding-right: 14px; }

.myrpg11-setting .userVerificationStatusText {
  display: inline-block;
  padding-right: 37px; }

.myrpg11-setting .profileItemDetail.contentBox4 {
  position: absolute;
  right: 20px; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .profileBox {
    padding: 15px 10px;
    width: 100%;
    max-width: 1200px; }
  .myrpg11-setting .font-14 {
    font-size: 13px; }
  .myrpg11-setting .font-16 {
    font-size: 14px; }
  .myrpg11-setting .rightContentBox1 {
    padding-right: 15px; }
  .myrpg11-setting .userVerificationStatusText {
    display: inline-block;
    padding-right: 17px; }
  .myrpg11-setting .profileItemDetail.contentBox4 {
    position: absolute;
    right: 20px; }
  .myrpg11-setting img.upperElementEightIcon {
    margin-right: 10px;
    width: 37px;
    height: auto; } }

.myrpg11-setting .reload svg {
  transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67);
  width: 18px;
  height: 18px;
  cursor: pointer; }

.myrpg11-setting .reload svg path {
  fill: #0066d1; }

.myrpg11-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; }

.myrpg11-setting .btn--restoreBtn:disabled {
  cursor: not-allowed; }

.myrpg11-setting .btn--restoreBtn:disabled img {
  filter: grayscale(100%); }

.myrpg11-setting img.verificationIcon {
  cursor: pointer; }

.myrpg11-setting ul.breadcrumb {
  list-style: none;
  padding: 0px; }

/* Display list items side by side */
.myrpg11-setting ul.breadcrumb li {
  display: inline;
  margin: 0 5px 0 5px; }

/* Add a slash symbol (/) before/behind each list item */
.myrpg11-setting ul.breadcrumb li + li:before {
  color: #858585;
  content: "/\00a0"; }

/* Add a color to all links inside the list */
.myrpg11-setting ul.breadcrumb li a {
  color: #858585;
  text-decoration: none; }

/*********************************************************************************/
/* tab-content                                                                   */
/*********************************************************************************/
.myrpg11-setting .tabContentHeader {
  height: 54px;
  align-items: center;
  display: flex;
  position: relative; }

.myrpg11-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; }

.myrpg11-setting .userActivityMenuPart {
  width: 19.17%;
  box-sizing: border-box;
  display: inline-block;
  min-height: 1px;
  background-color: rgba(255, 255, 255, 0.5); }

.myrpg11-setting .userActivityMenuItem > img {
  margin-left: 10px;
  width: 24px;
  height: auto; }

.myrpg11-setting .userActivityMenuItem > a,
.myrpg11-setting .userActivityMenuItem > span {
  margin-left: 10px; }

.myrpg11-setting .userActivityTitle {
  padding-top: 22px; }

.myrpg11-setting .userActivityTitleSecond {
  padding-top: 20px; }

.myrpg11-setting #userActivity-nav {
  height: 100%;
  width: 100%; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting #userActivity-nav > ul > li.current {
  color: #fff;
  background: #0066d1;
  height: 40px; }

.myrpg11-setting #userActivity-nav > ul > li.first.current > a > span {
  color: #fff; }

.myrpg11-setting #userActivity-nav > ul > li.last {
  border-bottom: none; }

.myrpg11-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; }

.myrpg11-setting .tContent_textContent {
  line-height: 0.8;
  font-size: 12px;
  margin: 0px;
  padding: 0px; }

@media screen and (max-width: 1199px) {
  .myrpg11-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; }
  .myrpg11-setting #userActivity-nav > ul {
    padding-left: 10px;
    padding-right: 10px; } }

/*********************************************************************************/
/* Options-Select-with-Image                                                     */
/*********************************************************************************/
.myrpg11-setting .radio-tile-group {
  display: flex;
  flex-wrap: wrap; }

.myrpg11-setting .left-title {
  width: 110px;
  margin-left: 45px;
  margin-right: 35px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.myrpg11-setting .left-titleDeposit {
  margin-left: 27px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.myrpg11-setting .user-bank-account {
  background-color: #004997;
  color: white;
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid silver; }

.myrpg11-setting .profileItemDetail_userVerificationIconGroup {
  display: flex; }

.myrpg11-setting .user-bank-detail {
  line-height: 1.5;
  font-weight: normal; }

.myrpg11-setting .left-titleWithdrawBank {
  width: 110px;
  margin-left: 45px;
  margin-right: 35px;
  height: 40px;
  display: inline-flex;
  align-items: center; }

.myrpg11-setting .left-titleWithdrawBank-special-row {
  margin-top: 21px;
  display: grid;
  grid-template-columns: 186px 1fr; }

.myrpg11-setting .left-titleWithdraw {
  margin-left: 42px;
  width: 141px; }

.myrpg11-setting .left-titleHistory {
  margin-left: 42px;
  width: 141px; }

.myrpg11-setting .left-title-bankDetails {
  margin-left: 42px;
  width: 143px;
  display: inline-flex;
  align-items: center; }

.myrpg11-setting .left-title-password {
  margin-left: 42px;
  width: 143px;
  display: inline-flex;
  align-items: center; }

.myrpg11-setting label {
  display: inline-block;
  margin-right: 15px;
  color: #858585; }

.myrpg11-setting label > input {
  /* HIDE RADIO */
  visibility: hidden;
  /* Makes input not-clickable */
  position: absolute;
  /* Remove input from document flow */ }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting label > input:checked + img + div {
  /* (RADIO CHECKED) IMAGE STYLES */
  color: #0066d1; }

.myrpg11-setting label.LayerDepositOption {
  display: inline-block;
  margin-right: 12px;
  color: #858585; }

.myrpg11-setting label.LayerDepositOption > input {
  /* HIDE RADIO */
  visibility: hidden;
  /* Makes input not-clickable */
  position: absolute;
  /* Remove input from document flow */ }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting label.LayerDepositOption > input:checked + img + div {
  /* (RADIO CHECKED) IMAGE STYLES */
  color: #0066d1; }

.myrpg11-setting .radio-tile-group .input-container {
  position: relative; }

.myrpg11-setting .radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.myrpg11-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; }

.myrpg11-setting .radio-tile-group .input-container .radio-button:checked + .radio-tile4 .icon {
  border: 1px solid #0066d1;
  border-radius: 4px;
  color: #0066d1; }

.myrpg11-setting .formMessage {
  display: inline-flex;
  align-items: center; }

.myrpg11-setting .selectDropDown {
  color: #999999;
  border: 1px solid silver;
  background-color: #fff;
  width: 300px;
  height: 40px;
  border-radius: 4px;
  align-items: center; }

.myrpg11-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) {
  .myrpg11-setting .radio-tile-group .form-input-container .amount-input {
    font-size: 13px; } }

/*********************************************************************************/
/* Option-Select                                                             */
/*********************************************************************************/
/* ===== Select Box ===== */
.myrpg11-setting .custom-select {
  position: relative;
  font-family: Helvetica;
  cursor: pointer;
  border: 1px solid silver;
  background-color: #fff;
  border-radius: 4px;
  color: #999; }

.myrpg11-setting .custom-select select {
  display: none;
  /*hide original SELECT element: */ }

/* Style the arrow inside the select element: */
.myrpg11-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): */
.myrpg11-setting .select-selected.select-arrow-active:after {
  transform: rotateX(-180deg); }

/* style the items (options), including the selected item: */
.myrpg11-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): */
.myrpg11-setting .select-items {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: white; }

/* Hide the items when the select box is closed: */
.myrpg11-setting .select-hide {
  display: none; }

.myrpg11-setting .select-items div:hover, .myrpg11-setting .same-as-selected {
  background-color: #e6e6e6; }

/*********************************************************************************/
/* ContentItem-Transfer                                                          */
/*********************************************************************************/
.myrpg11-setting .OptionItemBox {
  width: 210px;
  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: 18px; }

.myrpg11-setting .OptionItemBox-last {
  width: 210px;
  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; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .OptionItemBox {
    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: 10px; }
  .myrpg11-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; }
  .myrpg11-setting .left-title {
    width: 110px;
    margin-left: 20px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .myrpg11-setting .left-titleDeposit {
    margin-left: 20px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .myrpg11-setting .left-titleWithdrawBank {
    width: 82px;
    margin-left: 20px;
    margin-right: 35px;
    height: 40px;
    display: inline-flex;
    align-items: center; }
  .myrpg11-setting .left-titleWithdrawBank-special-row {
    margin-top: 21px;
    display: grid;
    grid-template-columns: 134px 1fr; }
  .myrpg11-setting .left-titleWithdraw {
    margin-left: 20px;
    width: 110px; }
  .myrpg11-setting .left-titleHistory {
    margin-left: 20px;
    width: 110px; }
  .myrpg11-setting .left-title-bankDetails {
    margin-left: 20px;
    width: 143px; } }

.myrpg11-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; }

.myrpg11-setting button.optionItemBottomContent-Button:disabled {
  color: grey;
  border-color: grey; }

.myrpg11-setting .left-contentOptionItem {
  padding-left: 10px;
  top: 0px;
  position: absolute; }

.myrpg11-setting .optionItemTitle {
  margin-bottom: 7px;
  margin-top: 5px; }

.myrpg11-setting .right-contentOptionItem {
  text-align: right;
  margin-top: 18px;
  float: right;
  position: absolute;
  right: 10px;
  top: 0px; }

/*********************************************************************************/
/* History.                                                                      */
/*********************************************************************************/
.myrpg11-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; }

.myrpg11-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                                                                   */
/*********************************************************************************/
.myrpg11-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; }

.myrpg11-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) {
  .myrpg11-setting input.datepicker {
    font-size: 13px; } }

.myrpg11-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; }

.myrpg11-setting a.previous, .myrpg11-setting a.next, .myrpg11-setting .days a {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 20px;
  padding: 3px;
  color: #858585; }

.myrpg11-setting .selected {
  background: #0066d1;
  color: #ffffff !important;
  border-radius: 20px;
  box-shadow: 2px 2px 10px rgba(0, 102, 209, 0.5); }

.myrpg11-setting input.datepicker:focus + div.contextmenu {
  display: block; }

.myrpg11-setting input.datepicker:focus + div.contextmenu, .myrpg11-setting div.contextmenu:hover {
  display: block; }

.myrpg11-setting .days {
  margin: 10px 0px; }

.myrpg11-setting .yearMonth {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid silver; }

.myrpg11-setting img.datePicker {
  position: absolute;
  right: 9px;
  top: 10px;
  z-index: 2; }

/*********************************************************************************/
/* Table Style                                                                  */
/*********************************************************************************/
.myrpg11-setting table {
  display: table;
  border-collapse: separate;
  border-spacing: 0px;
  border-color: #819dbb !important; }

.myrpg11-setting table {
  width: 100%; }

.myrpg11-setting td, .myrpg11-setting th {
  border: transparent;
  display: table-cell;
  vertical-align: inherit;
  height: 42px;
  text-align: center;
  font-size: 14px;
  color: #999999; }

.myrpg11-setting th {
  font-weight: normal;
  text-align: -internal-center;
  font-size: 14px; }

.myrpg11-setting tr {
  height: 51px;
  border-top: 1px solid #e3e4e4; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting td, .myrpg11-setting th {
    font-size: 13px; }
  .myrpg11-setting th {
    font-size: 13px; } }

/*********************************************************************************/
/* Loader Style                                                                  */
/*********************************************************************************/
.myrpg11-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); } }

.myrpg11-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; } }

.myrpg11-setting #myDiv {
  display: none;
  text-align: center; }

.myrpg11-setting .hide {
  position: absolute;
  top: -9999px;
  left: -9999px; }

.myrpg11-setting .tabContentNav {
  display: inline-block;
  right: 40px;
  position: absolute;
  top: 18px; }

.myrpg11-setting #example-one .nav {
  display: flex; }

.myrpg11-setting #example-one .nav li {
  width: 98px;
  height: 36px; }

.myrpg11-setting #example-one .nav li.last {
  margin-right: 0; }

.myrpg11-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; }

.myrpg11-setting #example-one .nav li a:hover {
  background-color: #e1e1e1; }

.myrpg11-setting #example-one ul {
  list-style: none; }

.myrpg11-setting #example-one ul li a {
  display: block;
  color: #666; }

.myrpg11-setting #example-one ul li a:hover {
  background: #0066d1;
  color: white; }

.myrpg11-setting #example-one ul li:last-child a {
  border: none; }

.myrpg11-setting #example-one ul li.nav-one a.current, .myrpg11-setting #example-one ul.featured li a:hover {
  background-color: #0066d1;
  color: white; }

.myrpg11-setting #example-one ul li.nav-two a.current, .myrpg11-setting #example-one ul.core li a:hover {
  background-color: #0066d1;
  color: white; }

.myrpg11-setting #example-one ul li.nav-three a.current, .myrpg11-setting #example-one ul.jquerytuts li a:hover {
  background-color: #8d01b0;
  color: white; }

.myrpg11-setting #example-one ul li.nav-four a.current, .myrpg11-setting #example-one ul.classics li a:hover {
  background-color: #FE4902;
  color: white; }

.myrpg11-setting .messaging-title {
  display: flex;
  height: 47px;
  border-top: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd; }

.myrpg11-setting .messaging-title-sub {
  display: flex;
  height: 59px;
  border-bottom: 1px solid #d8dcdd; }

.myrpg11-setting .messaging-date {
  width: 128px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.myrpg11-setting .messaging-subject {
  margin-left: 30px;
  width: 575px;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer; }

.myrpg11-setting .messaging-remark {
  width: 142px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.myrpg11-setting .iconMessaging {
  opacity: 0.3;
  padding: 7px; }

.myrpg11-setting .iconMessagingfeedback {
  opacity: 0.3; }

.myrpg11-setting .iconMessagingfeedback:hover {
  opacity: 1; }

.myrpg11-setting .iconMessaging:hover {
  opacity: 1; }

.myrpg11-setting .buttonMessaging {
  margin: 3px; }

.myrpg11-setting .messaging-feedback {
  margin-left: 65px;
  margin-right: 65px;
  color: #858585; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .tabContentNav {
    display: inline-block;
    right: 20px;
    position: absolute;
    top: 18px; }
  .myrpg11-setting .messaging-date {
    width: 138px; }
  .myrpg11-setting .messaging-remark {
    padding: 0px 20px; } }

.myrpg11-setting .editProfile-col-12 {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between; }

.myrpg11-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; }

.myrpg11-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; }

.myrpg11-setting .bankDetailsContent {
  display: flex;
  align-items: center; }

.myrpg11-setting img.editProfile-bankType {
  width: 28px;
  height: 28px;
  margin-right: 15px; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .editProfile-col-3-5 {
    padding-left: 23px; }
  .myrpg11-setting .editProfile-col-5 {
    padding-left: 23px; } }

/*********************************************************************************/
/*Bank Details                                                                   */
/*********************************************************************************/
.myrpg11-setting .bank-title {
  display: flex;
  height: 47px;
  border-top: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd;
  width: 100%;
  align-items: center; }

.myrpg11-setting .bank-title-child {
  display: flex;
  height: 60px;
  border-bottom: 1px solid #d8dcdd;
  width: 100%;
  align-items: center; }

.myrpg11-setting .bankDetails-bank-col {
  display: flex;
  width: 17%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.myrpg11-setting .bankDetails-branch-col {
  display: flex;
  width: 20%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.myrpg11-setting .bankDetails-accountName-col {
  display: flex;
  width: 23%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.myrpg11-setting .bankDetails-accountNo-col {
  display: flex;
  width: 20%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.myrpg11-setting .bankDetails-bank-col-detail {
  display: flex;
  width: 17%;
  height: 100%;
  align-items: center; }

.myrpg11-setting img.bankDetails-img {
  padding-left: 36px;
  padding-right: 12px;
  width: 33px;
  height: 34px; }

.myrpg11-setting .iconbankDetails {
  opacity: 0.3;
  padding-left: 112px;
  cursor: pointer; }

.myrpg11-setting .bankDetails-remark-button {
  margin-left: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.myrpg11-setting .buttonBankDetails {
  margin: 3px; }

@media screen and (max-width: 1199px) {
  .myrpg11-setting .bankDetails-remark-button {
    margin-left: 10px; }
  .myrpg11-setting img.bankDetails-img {
    padding-left: 20px;
    padding-right: 12px; } }

@media screen and (max-width: 999px) {
  .myrpg11-setting .container {
    min-width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: 0px; }
  .myrpg11-setting #wrapper {
    background-position: top;
    background-size: auto;
    width: 100%;
    padding: 0px 19px; }
  .myrpg11-setting .OptionItemBox {
    width: 175px;
    height: 60px;
    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("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot@") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg") 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; }

.myrpg11-setting ul.pagination-sm {
  display: inline-block;
  margin-top: 20px; }

.myrpg11-setting jhi-item-count div {
  margin-top: 20px; }

.myrpg11-setting .bankAccount-icon {
  margin-left: 35px;
  margin-right: 8px;
  cursor: pointer; }

.myrpg11-setting .history-table {
  width: fit-content;
  width: -moz-fit-content;
  margin-left: auto;
  margin-right: auto; }

.myrpg11-setting .history-table th {
  border: 0; }

.myrpg11-setting .history-row-color-bar {
  height: 50px;
  height: 50px;
  width: 100%;
  position: absolute; }

.myrpg11-setting input::-webkit-outer-spin-button,
.myrpg11-setting input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.myrpg11-setting input[type=number] {
  -moz-appearance: textfield; }

.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); }

@-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: 25px;
  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; }

.hotGamesContent .imgBanner .imgItem {
  margin-right: 20px;
  height: 100%;
  width: 266px;
  /* height: 179px; */ }

.hotGamesContent .imgBanner .imgItem .img {
  width: 266px;
  height: 179px;
  cursor: pointer;
  overflow: hidden;
  border-bottom: 7px solid #d71820;
  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;
  padding: 2px 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 55px;
  background: #f2f2f2; }

.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: start; }

.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 > 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: auto;
  height: auto;
  position: absolute;
  left: 47%;
  top: 44%; }

.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: 0;
  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;
  bottom: 25px;
  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: 25px;
  background: url("../images/casino_logo_gd.png") no-repeat; }

.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: 49.78%;
  position: relative; }

.sportsNewsContent .iconAndTitle {
  position: relative;
  width: 100%;
  left: 0;
  top: 0; }

.sportsNewsContent .sportsContentBox {
  width: 100%;
  height: 366px;
  min-height: 366px;
  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: 366px;
  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: 80%;
  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: 90px; }

.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; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.center {
  margin-left: auto;
  margin-right: auto;
  display: block; }

/* ------- rules & regulations -------- */
.rr-header {
  background-color: #013B7A;
  text-align: center;
  padding: 10px 15px;
  font-family: Arial;
  margin: 0 auto;
  font-weight: bold;
  color: white; }

.rr-container {
  max-width: 960px;
  background-color: #F5F5F5;
  margin: 0 20px; }

.rr-menu {
  width: 100%;
  display: flex;
  padding-left: 0; }

.menu-tab, .menu-tab-active {
  text-align: center;
  margin: 0 auto;
  width: 25%; }

.menu-tab {
  background-color: #DBDBDB; }

.menu-tab-active {
  background-color: #f5f5f5; }

.menu-tab-word {
  color: #013B7A;
  position: relative;
  bottom: 25%;
  font-weight: bold; }

.clickableArea {
  display: inline-block;
  width: 234px;
  height: 42px; }

.csport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 39.5%;
  max-height: 80%; }

.isport_menu {
  width: 24%;
  position: fixed;
  overflow-y: scroll;
  min-height: 48.5%;
  max-height: 80%; }

.ssport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 172px;
  max-height: 80%; }

.vsport_menu {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 35%;
  max-height: 80%; }

.csport_menu_cn {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 37.5%;
  max-height: 80%; }

.isport_menu_cn {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 46.5%;
  max-height: 80%; }

.csport_menu_th {
  width: 25%;
  position: fixed;
  overflow-y: scroll;
  min-height: 42%;
  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: 85%;
  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 {
  text-align: center;
  margin: 0 auto;
  background-color: #013B7A;
  padding: 14px; }

.submenu-tab-header-word {
  color: white; }

.submenu-tab {
  margin: 0 auto;
  font-weight: bold;
  background-color: #DBDBDB;
  padding: 10px;
  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; }

.submenu-tab-word {
  color: #013B7A;
  padding-right: 10px;
  font-size: 15px; }

.csport-container {
  position: relative;
  height: 555px;
  text-align: justify;
  line-height: 1;
  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; }

.liveligh {
  background-color: #ffddd2; }

.submenu1 {
  margin: 0 auto;
  font-weight: normal;
  background-color: #efefef;
  padding: 10px;
  text-align: left; }

.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-right: 5px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

@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 #757575; }
  .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 #757575; }
  .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 #757575; }
  .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 #757575; }
  .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 #757575; }
  .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: 1px solid #757575;
    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 #757575; }
  .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: 1px solid #757575;
    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 #757575; }
  .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: 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 #757575; }
  .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: 1px solid #757575;
    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 #757575; }
  .separator li {
    display: inline-block;
    margin: 1% 0;
    padding-left: 0.5%;
    padding-right: 1.1%;
    border-right: 1px #8d8d8d 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: 1px solid #757575;
    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 #757575; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: 1px solid #757575;
    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 #757575; }
  .info-centre {
    font-family: Arial;
    color: #8d8d8d;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 17px;
    border-right: 1px solid #757575;
    padding: 0px 86px 0px;
    display: inline-flex;
    width: auto; }
  .rr-container {
    max-width: 960px;
    background-color: #F5F5F5;
    margin: 0 auto; }
  .csport-container {
    position: relative;
    height: 859px;
    text-align: justify;
    line-height: 1;
    overflow-y: scroll; }
  .csport_menu {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 27%;
    max-height: 85%; }
  .isport_menu {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 33%;
    max-height: 85%; }
  .ssport_menu {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 155px;
    max-height: 85%; }
  .vsport_menu {
    width: 13%;
    position: fixed;
    overflow-y: scroll;
    min-height: 23.5%;
    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; }

.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 #757575; }

.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-header-gap {
  padding-top: 42px !important;
  margin-left: 5% !important;
  width: 88.3333% !important; }

.about-us-header, .contact-us-header {
  background: #efefef;
  padding: 5px 0 5px 15px;
  font-weight: bold;
  font-size: 18px; }

.about-header, .contact-header {
  padding-bottom: 25px; }

.about-us-content {
  font-size: 13px;
  line-height: 1.7em;
  height: 1973px;
  overflow-y: unset; }

.about-us-p {
  margin-bottom: 5%; }

.content-one {
  padding-top: 0 !important; }

.about-content, .co-info {
  padding-top: 6%; }

.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 > div > img {
  padding: 5px 25px 0 0; }

.about-us-p > ul {
  list-style: unset; }

.about-us-p > ul > li {
  line-height: 2em;
  margin: 25px 0; }

.about-us-p > p.fs_Bold {
  font-size: 18px !important;
  padding-bottom: 10px; }

.about-us-p > p, .about-us-p > ul > li > p, .about-us-p > ul > li > span {
  margin: 0;
  font-size: 14px; }

.about-us-font {
  font-size: 24px !important; }

.timeline-content {
  display: inline-flex; }

.timeline-img {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.timeline-img > img {
  margin: auto;
  margin-right: 4em; }

.timeline-p {
  border-left: solid 1px #8d8d8d;
  padding-left: 12px; }

.timeline-p > h2 {
  padding-top: 15px;
  font-size: 24px; }

.timeline-p > p {
  margin: 0;
  text-align: left;
  font-size: 14px;
  line-height: 1.5em; }

.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-left: 29%; }

.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: 23.8%;
  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(4) .divider,
.container-divider:nth-child(8) .divider {
  background: red;
  display: none; }

.sub-contacts-container img {
  width: 88px;
  height: auto; }

@media screen and (max-width: 1315px) {
  .timeline-p {
    height: 160px;
    padding-right: 12px; }
  .timeline-img > img {
    width: 80%;
    margin: auto;
    margin-left: 0; }
  .about-header-gap {
    padding-top: 42px !important;
    margin-left: 4% !important; } }

.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: 959px;
  background: white;
  margin: 40px 0px; }

.register_form .form_container .member_benefits {
  width: 247.05px;
  padding: 26px 0;
  border: 1px solid #DDDDDD;
  list-style: unset !important;
  height: fit-content; }

.register_form .form_container .form_section {
  width: 595px; }

.register_form .form_container .form_section .register_header {
  background: black;
  width: 60.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: 88px; }

.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 {
  margin-left: 10px;
  margin-top: 20px;
  line-height: 50px; }

.register_form .form_container .form_section .data_input .register-form-data {
  display: inline;
  text-align: left;
  padding: 0px;
  font-size: 13px;
  min-width: 122px; }

.register_form .form_container .form_section .data_input .register-input-div {
  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: 81.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: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 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 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 .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; }

.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; }

.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 .iconrpg11 {
  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 .iconrpg11 {
  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(../images/poker/selling_point.jpg);
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 90px; }

.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; }

.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; }

.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; }

/* 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/template/BA01/public/rpg11/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; }

.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 */
.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; }

#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 .iconrpg11 {
  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 .iconrpg11 {
  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 .iconrpg11 {
  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 .iconrpg11 {
  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 {
  display: block;
  position: relative;
  text-align: center;
  color: white;
  width: 59%;
  margin: 0 auto; }

.popup-angpow-currency {
  display: block;
  position: relative;
  text-align: center;
  color: white; }

.popup-angpow-desp {
  display: block;
  position: relative;
  text-align: center;
  color: #f3b01c;
  width: 60%;
  margin: 0 auto; }

.popup-angpow-img {
  position: fixed;
  text-align: center;
  top: 77%;
  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; }

.livecasino-container .header-img, .egames-container .header-img {
    background-repeat: no-repeat;
    height: 250px;
    background-size: 100%;
}

.livecasino-container .header-img{
    background-image: url(../images/live_casino_header.jpg);
}

.egames-container .header-img {
    background-image: url(../images/egames_header.jpg);
}