@charset "utf-8";
/* CSS Document */

.visual-event img {
  width: 100%;
}

.live_frame_wrap.game-viewer2 {
  position: relative;
  text-align: center;
  display: block;
  padding: 15px;
  border: 1px solid #d6d8d9;
  border-top: 0;
  background: #fff;
}
.live_frame_wrap.game-viewer2 {
  padding: 5px 0;
}
.ext-game-viewer.game-viewer2 {
  position: relative;
  text-align: center;
  display: block;
  padding: 15px;
  /* border: 1px solid #d6d8d9; */
  border-top: 0;
  border-radius: 0 0 15px 15px;
  background: #fff;
}
.ext-game-viewer.game-viewer2 {
  padding: 5px 0;
}
.iframe-wrapper {
  display: inline-block;
  width: 320px;
  height: 288px;
  overflow: hidden;
  position: relative;
}
.live_frame_wrap.game-viewer2 .iframe-wrapper {
  width: 456px;
  height: 352px;
  /* margin: 0 auto; */
}

/* add changes el */
.live_frame_wrap.game-viewer2 .iframe-wrapper.v2 {
  width: 456px;
  height: 338px;
}

.ext-game-viewer.game-viewer2 .iframe-wrapper {
  width: 456px;
  height: 390px;
  /* margin: 0 auto; */
}
.iframe {
  width: 1280px;
  height: 600px;
  border: 0;
  display: block;
  margin: 0;
  /* padding: 6px 0; */
  -ms-zoom: 0.55;
  -moz-transform: scale(0.55);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.55);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.55);
  -webkit-transform-origin: 0 0;
}
.game-viewer2 .iframe {
  width: 826px;
  height: 650px;
  /* margin: 0 auto; */
}

.minigame {
  position: relative;
  margin-top: 10px;
}
.minigame .tit-g {
  position: relative; /* float: left; */ /* width: 100%; */
  border: 1px solid #cbd6e2;
  border-bottom: 0;
  border-radius: 7px 7px 0 0;
  background: #eaf0f6;
}
.minigame .tit-g > div {
  padding: 10px;
}
.minigame .tit-g span {
}
.minigame .tit-g .tit {
  padding-right: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.minigame .tit-g .number {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px 10px;
  border: 2px solid #003366;
  border-radius: 4px; /* background: #000; */
  color: #252a34;
  font-size: 18px;
  font-weight: bold;
}
.minigame .tit-g .time {
  display: block;
  position: relative; /* top: 10px; */ /* left: 45%; */
  width: 190px;
  margin: 0 auto;
  padding: 3px 7px;
  border: 2px solid #003366;
  border-radius: 4px;
  background: #003366;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  vertical-align: top;
}
.minigame .tit-g .time strong {
  display: inline-block;
  padding: 3px 0 3px 7px;
  color: #3df2b2;
  font-size: 18px;
  line-height: 1;
}
.minigame .tit-g a {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 10px;
  border: 2px solid #cbd6e2;
  border-radius: 4px;
  background: #cbd6e2;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.minigame .tit-g a img {
  display: inline-block;
  margin-top: -1px;
  line-height: 1;
}
.minigame .mini-g {
  /* padding-top: 10px; */ /* border: 1px solid #cbd6e2; */ /* border-top: 0; */ /* background: #fff; */
}
.minigame .mini-g .mini {
  margin: 15px 0; /* border: 3px solid #4e739a; */
  border-radius: 15px;
  background: #ffffff;
}
.minigame .mini-g .mini:first-child {
  margin-top: 0;
}
.minigame .mini-g .mini:after {
  display: block;
  clear: both;
  content: "";
}
.minigame .mini .txt-g {
  position: relative;
  margin: 0; /* border-bottom: 3px solid #4e739a; */
  border-radius: 12px 12px 0 0; /* background: #4e739a; */
}
.minigame .mini .txt-g .tit {
  display: block;
  margin: 0;
  padding: 12px 20px;
  border-radius: 10px 10px 0 0;
  background: #2a9b73;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}
.minigame .mini .txt-g .tit .sub {
  display: contents;
}
.minigame .mini .txt-g .time {
  position: absolute;
  top: 9px;
  right: 5px; /* margin-bottom: 15px; */ /* padding: 15px; */
  border-radius: 3px; /* background: #e9eef5; */
  letter-spacing: -0.04em;
}
.minigame .mini .txt-g .time .round {
  display: inline-block; /* margin-right: 10px; */
  padding: 7px 0;
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
}
.minigame .mini .txt-g .time .round strong {
  color: #e3eadc;
}
.minigame .mini .txt-g .time .round .bettingRound {
  display: contents;
}
.minigame .mini .txt-g .time .minute {
  display: inline-block;
}
.minigame .mini .txt-g .time .second {
  display: inline-block;
  position: relative; /* margin-left: 10px; */
  padding-left: 5px;
}
.minigame .mini .txt-g .time .second:after {
  display: block;
  content: ":";
  position: absolute;
  top: 0px;
  left: -7px;
  width: 10px;
  height: 30px;
  font-size: 26px;
  color: #ffffff;
}
.minigame .mini .txt-g .time .minute span {
  display: inline-block;
  margin: 0 2px;
  padding: 1px 5px;
  border-radius: 4px;
  background: #ffffff;
  color: #262626;
  font-size: 16px;
}
.minigame .mini .txt-g .time .second span {
  display: inline-block;
  margin: 0 2px;
  padding: 1px 5px;
  border-radius: 4px;
  background: #ffffff;
  color: #262626;
  font-size: 16px;
}
.minigame .mini .type {
  padding-top: 15px; /* background: #fff; */
}
.minigame .mini .type:after {
  display: block;
  clear: both;
  content: "";
}
.minigame .mini .type ul {
  margin: -6px 3px 10px;
}
/*.minigame .mini .type ul + ul{margin-top: -10px;}
*/
.minigame .mini .type ul:after {
  display: block;
  clear: both;
  content: "";
}
.minigame .mini .type ul li {
  display: inline-block;
  float: left;
}
.minigame .mini .type ul li div {
  margin: 5px;
}
.minigame .mini .type ul li.sub-tit div {
  color: #30333f;
  font-size: 18px;
  font-weight: bold;
  line-height: 54px;
}
.minigame .mini .type ul li div.bet-dummy a,
.minigame .mini .type ul li div.bet-dummy a:hover,
.minigame .mini .type ul li div.bet-dummy a:focus {
  padding: 1px 0 1px !important;
  border: 0;
  background: url(../../images/bg-dummy.png) center center no-repeat;
  box-shadow: none;
  cursor: no-drop;
}
.minigame .mini .type ul li div.bet-dummy a span,
.minigame .mini .type ul li div.bet-dummy a:hover span,
.minigame .mini .type ul li div.bet-dummy a:focus span {
  border: 0 !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  background: none !important;
  color: #000 !important;
  font-size: 18px !important; /* padding: 6px 0 4px; */
  opacity: 0;
}
.minigame .mini .type ul li div.bet-dummy a span.tit,
.minigame .mini .type ul li div.bet-dummy a:hover span.tit,
.minigame .mini .type ul li div.bet-dummy a:focus span.tit {
  margin: 13px 10px; /* border-top: 1px solid #000 !important; */
}



.minigame .mini .type ul li a {
  display: block;
  border: 1px solid #176f50;
  border-radius: 7px;
  background: #e3eadc;
  color: #30333f; /* font-weight: bold; */
}

.minigame .mini .type ul li a:hover,
.minigame .mini .type ul li a:focus {
  border: 1px solid #18bb84;
  background: #e3f3ee;
  box-shadow: 0 0 2px 2px #3be0a8;
}
/*.minigame .mini .type ul li .bet-dummy, .minigam .mini .type ul li .bet-dummy:hover, .minigam .mini .type ul li .bet-dummy:focus{display: block;width: 94px;height: 94px;margin: 0 auto;border-radius: 50%;color: #fff;border:0;}
*/
.minigame .mini .type ul li a:after {
  display: block;
  clear: both;
  content: "";
}
.minigame .mini .type ul li a.blue {
  border: 1px solid #207cca;
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #1e5799 0%,
    #7db9e8 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #1e5799 0%,
    #7db9e8 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #1e5799 0%,
    #7db9e8 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}
.minigame .mini .type ul li a.red {
  border: 1px solid #ba2737;
  background: #efc5ca; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #ba2737 0%,
    #f18e99 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #ba2737 0%,
    #f18e99 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #ba2737 0%,
    #f18e99 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba2737', endColorstr='#f18e99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}
.minigame .mini .type ul li a.green {
  border: 1px solid #72aa00;
  background: #bfd255; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #72aa00 0%,
    #9ecb2d 100%
  ); /* FF3.6-15 */ /* background: -webkit-linear-gradient(-45deg, #72aa00 0%, #9ecb2d 100%); */ /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(135deg, #72aa00 0%, #9ecb2d 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aa00', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}
.minigame .mini2 .type ul li a.green {
  border: 1px solid #72aa00;
  background: #8cba61; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #c5d46f 0%,
    #a1c747 50%,
    #80bf00 51%,
    #aad837 100%
  ); /* FF3.6-15 */ /* background: -webkit-linear-gradient(-45deg,  #c5d46f 0%,#a1c747 50%,#80bf00 51%,#aad837 100%); */ /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(135deg,  #c5d46f 0%,#a1c747 50%,#80bf00 51%,#aad837 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}
.minigame .mini .type ul li a.purple {
  border: 1px solid #a80077;
  background: #db36a4; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #a80077 0%,
    #db36a4 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #a80077 0%,
    #db36a4 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #a80077 0%,
    #db36a4 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a80077', endColorstr='#db36a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}
.minigame .mini .type ul li a.gray {
  border: 1px solid #6e8996;
  background: #596a72; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #596a72 0%,
    #cedce7 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #596a72 0%,
    #cedce7 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #596a72 0%,
    #cedce7 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 ); /* IE6-9 */
  color: #fff;
}
.minigame .mini .type ul li.active a {
  border: 1px solid #000000;
  background: #ff920c !important;
  color: #30333f;
  box-shadow: 2px 2px 0 0 #000;
}
.minigame .mini span {
  display: block;
  padding: 5px 5px;
  text-align: center;
}
.minigame .mini .type ul li span.tit {
  float: left;
  margin: 13px 10px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.minigame .mini .type ul li span.tit + .tit {
  margin-left: -7px;
}
.minigame .mini .type ul li span.tit.blue {
  border: 1px solid #042b82;
  background: #042b82;
  color: #fff;
  font-size: 18px;
}
.minigame .mini .type ul li span.tit.red {
  border: 1px solid #a91414;
  background: #a91414;
  color: #fff;
  font-size: 18px;
}
.minigame .mini .type ul li span.tit.green {
  border: 1px solid #407700;
  background: #407700;
  color: #fff;
  font-size: 18px;
}
.minigame .mini .type ul li span.tit.blue-line {
  padding: 4px 5px;
  border: 1px solid #042b82;
  color: #042b82;
  background: #ffffff;
}
.minigame .mini .type ul li span.tit.red-line {
  padding: 4px 5px;
  border: 1px solid #a91414;
  color: #a91414;
  background: #ffffff;
}
.minigame .mini .type ul li span.tit.green-line {
  padding: 4px 5px;
  border: 1px solid #407700;
  color: #407700;
  background: #ffffff;
}
.minigame .mini .type ul li span.num {
  float: right; /* float: left; */
  margin: 13px 1px;
  border-radius: 15px; /* background: #fff; */ /* color: #30333f; */
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.minigame .mini .type ul li span input {
  float: right; /* float: left; */
  width: 70px;
  margin: 5px 1px;
  text-align: right;
  /*border-radius: 15px;*/ /* background: #fff; */ /* color: #30333f; */
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.minigame .mini .type ul li a:hover span input,
  .minigame .mini .type ul li a:focus span input {
    /* margin: 1px 5px; */
    background-color: lightblue;
}

.minigame .mini .type ul li span.l {
  float: left;
  margin: 13px 1px;
  padding: 5px 0;
  border-radius: 15px; /* background: #fff; */ /* color: #30333f; */
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.minigame .mini .type ul li a:hover span.l,
.minigame .mini .type ul li a:focus span.l {
  margin: 12px 5px;
}
.minigame .mini .type ul li a.red span.tit {
  background: #a91414;
}
.minigame .mini .type ul li a.blue span.tit {
  background: #042b82;
}
.minigame .mini .type ul li a.green span.tit {
  background: #407700;
}
.minigame .mini .type ul li a.gray span.tit {
  background: #404f56;
}
.minigame .mini2 .type ul li a.green span.tit {
  background: #fff;
  color: #333;
}
.minigame .mini .type ul li.active a span.tit,
.minigame .mini .type ul li.active a:hover span.tit,
.minigame .mini .type ul li.active a:focus span.tit {
  margin: 13px 3px 13px 10px;
  background: #ffffff;
  color: #000;
  font-size: 18px;
}
.minigame .mini .type ul li.active a:hover span,
.minigame .mini .type ul li.active a:focus span {
  margin: 13px 1px;
  color: #fff;
  font-size: 18px;
}

.minigame .mini .type ul li a:hover span.tit,
.minigame .mini .type ul li a:focus span.tit {
  font-size: 20px;
  margin: 12px 3px 12px 10px; 
}
.minigame .mini .type ul li a:hover span.tit + .tit,
.minigame .mini .type ul li a:focus span.tit + .tit {
  margin: 12px 0 12px 0;
}
.minigame .mini .type ul li a:hover span.tit + .tit + .tit,
.minigame .mini .type ul li a:focus span.tit + .tit + .tit {
  margin: 12px 0 12px 3px;
}
.minigame .mini .type ul li a:hover span,
.minigame .mini .type ul li a:focus span {
  /* padding: 4px 10px 5px; */
  /* margin: 12px 1px; */
  font-size: 20px; /* font-weight: normal; */
}
.minigame .mini .type ul li.active a span.tit + .tit {
  margin-left: 0;
}
.minigame .mini .type ul li.active a:hover span.tit + .tit,
.minigame .mini .type ul li.active a:focus span.tit + .tit {
  margin: 13px 3px 13px 0;
}

.minigame .mini .type4 {
}
.minigame .mini .type2 li {
  width: 50%;
}
.minigame .mini .type3 li {
  width: 33.33%;
}
.minigame .mini .type4 li {
  width: 25%;
}
.minigame .mini .type5 li {
  width: 20%;
}
.mini-bet-money {
  position: relative;
  padding: 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,111111+100 */
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #333333 0%,
    #111111 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #333333 0%,
    #111111 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #333333 0%,
    #111111 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
.mini-bet-money span {
  display: inline-block;
  padding-right: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.mini-bet-money a.money {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1b28b+0,977d47+100 */
  display: inline-block;
  padding: 4px 7px;
  border: 1px solid #c1b28b;
  border-radius: 4px;
  background: #c1b28b; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #c1b28b 0%,
    #977d47 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #c1b28b 0%,
    #977d47 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #c1b28b 0%,
    #977d47 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b28b', endColorstr='#977d47',GradientType=0 ); /* IE6-9 */
  color: #000;
  font-weight: bold;
}
.mini-bet-money a.money:hover,
.mini-bet-money a.money:focus {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcdc91+0,8f6c13+100 */
  border: 1px solid #fff;
  background: #fcdc91; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #fcdc91 0%,
    #8f6c13 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fcdc91 0%,
    #8f6c13 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fcdc91 0%,
    #8f6c13 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdc91', endColorstr='#8f6c13',GradientType=0 ); /* IE6-9 */
}
.mini-bet-money a.reset {
  position: absolute;
  top: 12px;
  right: 15px;
  padding: 4px 7px;
  border: 1px solid #b6b6b6;
  border-radius: 4px;
  background: #b6b6b6;
  color: #000;
  font-weight: bold;
}

.board-g {
  position: relative;
  margin-top: 10px;
}
.board-g > div {
  /* clear: both; */ /* float: none; */
  margin-top: -1px;
}
.board-g p.tit {
  position: relative;
  /* float: left; */
  /* width: 100%; */
  height: auto;
  margin: 0;
  padding: 10px;
  border: 1px solid #cbd6e2;
  /* border-bottom: 0; */
  border-radius: 7px 7px 0 0;
  color: #252a34;
  background: #eaf0f6;
  font-size: 16px;
  font-weight: bold;
}
.board {
}

table.list {
}
table.list th {
  padding: 10px 10px 9px;
  border: 1px solid #cbd6e2;
  background: #f3f3f3;
  color: #30333f;
  font-size: 14px;
  font-weight: bold; /* line-height: 140%; */
  text-align: center;
}
table.list tr {
}
table.list td {
  padding: 10px;
  border: 1px solid #cbd6e2;
  background-color: #fff;
  color: #494c56;
  font-size: 13px;
  text-align: center;
}
table.list tr.win td {
  background-color: rgb(53 118 58);
  color: #fff;
}
table.list tr.lose td {
  background-color: rgb(197 60 75);
  color: #fff;
}
table.list td div {
  text-align: left;
}
table.list td a {
  display: inline-block;
  margin-right: 5px;
  color: #494c56;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 90%;
  vertical-align: middle;
}
table.list td a:hover,
table.list td a:focus {
  text-decoration: underline;
}

table.list td span.cnt_cmt {
  display: inline-block;
  padding: 1px 3px;
  background: #bd8949;
  color: #fff;
  border-radius: 15px; /* line-height: 1; */
  font-size: 12px;
  vertical-align: middle;
}

.bet_disable_pball {
  position: absolute;
  width: 100%;
  height: 100%; /*height: 650px;*/
  line-height: 1290%;
  top: 0px;
  left: 0px;
  font-size: 30px;
  text-align: center;
  color: white;
  border-radius: 8px; /* background: rgba(0,0,0,0.7); */
  background-color: rgba(0, 0, 0, 0.7); /* opacity: 0.7; */
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  display: none;
  z-index: 2;
}

.pf_live_wrapper {
  position: relative;
  width: 100%;
  text-align: center;
}
.pf_live_wrapper .target0 {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.pf_live_wrapper .target0 .target1 {
  position: absolute;
  top: 0;
  left: 0;
}
.pf_live_wrapper .target0 .target1 iframe.target2 {
  border: 1px solid #333;
  width: 828px;
  height: 643px;
  padding: 0 15px;
  -webkit-transform: scale(1);
  -webkit-transform-origin: top left;
}

.my-money {
  display: block;
  position: relative;
  width: auto;
  margin: 0 auto 15px;
  /* border: 1px solid #d6d8d9; */
  border-radius: 15px;
  padding-bottom: 15px;
  background: #ffffff;
  text-align: center;
}
.my-money .point,
.my-money .money_won {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 50px;
  margin: 0 10px;
  background: #252a34;
  border-radius: 30px;
  color: #fff;
  vertical-align: middle;
  line-height: 50px;
}
.my-money .point .icon,
.my-money .money_won .icon {
  position: absolute;
  top: 0;
  left: -5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  color: #fff;
  border-radius: 50%;
  background: #2c7ff2;
  text-align: center;
  font-weight: bold;
}
.my-money .point .l,
.my-money .money_won .l {
  float: left;
  padding: 0 0 0 55px; /* width:100px; */
  font-size: 16px;
  font-weight: bold;
  text-align: left; /* line-height: 45px; */
}
.my-money div > a {
  position: relative;
  display: block;
  float: left;
  width: calc(100% - 55px);
  margin: 0 0 0 55px;
  /* text-align: left; */
}
.my-money div > a .l {
  padding-left: 0 !important;
}
.my-money .point .r,
.my-money .money_won .r {
  float: right;
  padding: 0 8px 0 0;
  width: 100px; /* line-height:50px; */
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
.my-money .time {
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 15px 15px 0 0;
  background: #2a9b73;
}
.my-money .time .round {
  display: inline-block;
  margin-right: 10px;
  padding: 9px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  vertical-align: top;
}
.my-money .time .round strong {
  color: #ffe000;
}

.my-money .time .minute {
  display: inline-block;
}
.my-money .time .second {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.my-money .time .second:after {
  display: block;
  content: ":";
  position: absolute;
  top: -6px;
  left: -9px;
  width: 10px;
  height: 30px;
  font-size: 45px;
  color: #252a34;
}
.my-money .time .minute span {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 7px;
  border-radius: 4px;
  background: #252a34;
  color: #fff;
  font-size: 30px;
}
.my-money .time .second span {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 7px;
  border-radius: 4px;
  background: #252a34;
  color: #fff;
  font-size: 30px;
}
.btn-close {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 30px;
  background: #4e739a;
  color: #fff;
  font-size: 14px;
  padding: 9px 7px;
  border-radius: 50px;
  text-align: center;
}
.my-money .time .minute {
  display: inline-block;
}
.my-money .time .second {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.my-money .time .second:after {
  display: block;
  content: ":";
  position: absolute;
  top: -13px;
  left: -9px;
  width: 10px;
  height: 30px;
  font-size: 45px;
  color: #252a34;
}
.my-money .time .minute span {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 7px;
  border-radius: 4px;
  background: #252a34;
  color: #fff;
  font-size: 30px;
}
.my-money .time .second span {
  display: inline-block;
  margin: 0 3px;
  padding: 2px 7px;
  border-radius: 4px;
  background: #252a34;
  color: #fff;
  font-size: 30px;
}
.btn-close {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 30px;
  background: #4e739a;
  color: #fff;
  font-size: 14px;
  padding: 9px 7px;
  border-radius: 50px;
  text-align: center;
}
.ext-game-viewer2 .btn-close {
  top: 5px;
  right: 5px;
  background: #252a34;
}
.btn-open {
  width: 100%;
  background: #4e739a;
  color: #fff;
  font-size: 17px;
  padding: 9px 7px;
  /* border-radius: 50px; */
  text-align: center;
}

.sub-title {
  background: #182037 !important;
}

/* .live_frame_wrap.game-viewer2 .iframe_wrapper{
    width: 100%;
}

.live_frame_wrap.game-viewer2 .iframe{
    margin: 0 auto;
}    */

.blue {
  background-color: #2196f3!important
}

.red {
  background-color: #f44336!important
}

.green {
  background-color: #4caf50!important
}