.iframe-container {
    max-width: var(--powerWidth); margin: 0 auto;
    overflow: hidden;
}
.iframe-container .iframe-wrap .iframe {
    width: var(--powerWidth); height: var(--powerHeight); position: relative;
}
.iframe-container .iframe-wrap .iframe iframe {
    width: var(--powerWidth); height: var(--powerHeight);
    border: none; /*border-radius: 3%;*/
}
.iframe-container .iframe-wrap .iframe .iframe-panel {
    position: absolute; top: 22%; left: 2%;
    width: 30%; height: 76%; z-index: 100;
    background-color: rgba(13, 17, 34, 0);
}

/* ────────────────────────────── bar - data ────────────────────────────── */
.bar-container:after { content: ''; display: block; clear: both; }
.bar-container { margin: 15px 0; }
.bar-container ul li { float: left; }
.bar-container ul li.left,
.bar-container ul li.right {
    width: 26px; height: 26px; border: 1px solid #999; background-color: #aaa;
    border-radius: 50%;
    font-size: 13px; color: #fff;
    text-align: center; line-height: 28px;
}
.bar-container ul li.left { margin: 0 10px 0 0; }
.bar-container ul li.left.active { border: 1px solid #1787b0; background: #1ba9de; color: #fff; }
.bar-container ul li.right { margin: 0 0 0 10px; }
.bar-container ul li.right.active { border: 1px solid #c01e1e; background: #e62626; color: #fff; }
.bar-container ul li.center {
    position: relative; width: calc(100% - 78px); height: 27px;
    border-radius: 28px;
    border: 1px solid #efefef;
    background: #f5f5f5;
}
.bar-container ul li.center > div {
    position: absolute; top: 0; height: 26px; padding: 0 5px;
    min-width: 47px; max-width: 46%;
    font-size: 10px; color: #999; line-height: 28px;
}
.bar-container ul li.center .left-val {
    left: 0; border-radius: 28px;
}
.bar-container ul li.center .left-val.active { border: 1px solid #1787b0; background: #1ba9de; color: #fff; }
.bar-container ul li.center .right-val {
    right: 0; border-radius: 28px; text-align: right;
}
.bar-container ul li.center .right-val.active { border: 1px solid #c01e1e; background: #e62626; color: #fff; }

/* ────────────────────────────── pie - data ────────────────────────────── */
.stats-pie-data {
    margin: 10px 0 0;
	border: 1px solid #d1d1d1;
    background-color: #fff;
}
.stats-pie-data > h2 {
	line-height: 58px; height: 58px;
	border-bottom: 1px solid #d1d1d1;
    background-color: #f5f5f5;
    font-size: 13px; text-align: center;
}
.stats-pie-data > h2 * { font-size: 13px; }
.stats-pie-data ul:after { content: ''; display: block; clear: both; }
.stats-pie-data > ul > li {
    float: left; min-height: 120px; height: auto; padding: 15px; position: relative;
}
.stats-pie-data > ul > li:nth-of-type(1) {
    width: calc(46% - 1px); border-right: 1px solid #d1d1d1;
}
.stats-pie-data > ul > li:nth-of-type(1) .stats-data {
    
}
.stats-pie-data > ul > li:nth-of-type(1) .stats-data > h2 {
    font-size: 13px; font-weight: 400; text-align: center;
    padding: 10px 0 0;
}

.stats-pie-data > ul > li:nth-of-type(2),
.stats-pie-data > ul > li:nth-of-type(3) {
    width: calc(27% - 15px); height: 150px; padding: 15px 0;
}
.stats-pie-data > ul > li .pie {
    width: 120px; height: 120px;
    border-radius: 50%;

    position: absolute; top: 50%; left: 50%;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    -o-transform:       translate(-50%, -50%);
    transform:          translate(-50%, -50%);
}

.stats-pie-data > ul > li .pie-data {
    position: absolute; top: 50%; left: 25%;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    -o-transform:       translate(-50%, -50%);
    transform:          translate(-50%, -50%);
}
.stats-pie-data > ul > li .pie-data ul li,
.stats-pie-data > ul > li .pie-data ul li b {
    font-family: tahoma;
    font-size: 12px;
}
.stats-pie-data > ul > li .pie-data ul li {
    margin: 0 0 10px;
}
.stats-pie-data > ul > li .pie-data ul li .cir {
    display: inline-block; position: relative; top: 1px;
    width: 11px; height: 11px; margin: 0 5px 0 0;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .stats-pie-data > ul > li:nth-of-type(1) {
        width: calc(100% - 30px); border-right: none;
        border-bottom: 1px solid #d1d1d1;
    }
    .stats-pie-data > ul > li:nth-of-type(2),
    .stats-pie-data > ul > li:nth-of-type(3) {
        width: 50%;
    }
}

/* ────────────────────────────── analysis data { ────────────────────────────── */
.analysis-container .analysis-tab:after { content: ''; display: block; clear: both; }

.analysis-container .analysis-tab {
    margin: 10px 0 0;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
}

.analysis-container .analysis-tab a {
    float: left; display: block; position: relative;
    width: calc(100% / 7 - 1px); padding: 20px 0;
    border-right: 1px solid #e5e5e5;
    font-size: 13px; text-align: center;
}
.analysis-container .analysis-tab a:nth-of-type(7) {
    width: calc(100% / 7); border-right: none;
}
.analysis-container .analysis-tab a.active {
    font-weight: 700; color: #e62626;
    border-bottom: 2px solid #e62626;
    background-color: #fff;
}
.analysis-container .analysis-tab a:hover {
    color: #e62626; background-color: #fff;
}

.analysis-container .analysis-info:after { content: ''; display: block; clear: both; }
.analysis-container .analysis-info {
    position: relative; height: 55px; padding: 0 10px;
    border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
    background-color: #fff;
    line-height: 55px;
}
.analysis-container .analysis-info ul li {
    float: left; margin: 0 10px 0 0; font-size: 13px;
}
.analysis-container .analysis-info ul li em { margin: 0 3px; font-size: 11px; font-family: tahoma; font-style: normal; }
.analysis-container .analysis-info ul li .icon {
    display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center;
    border-radius: 50%; font-size: 11px; color: #fff; margin-right: 5px;
}

.analysis-container .tab-content:after { content: ''; display: block; clear: both; }
.analysis-container .tab-content {
    border-top: 1px solid #e5e5e5;
    width: 100%;
    clear:both; white-space: nowrap; overflow-x: auto; overflow-y: auto;
    background: #fff; padding: 0;
}
.analysis-container .tab-content::-webkit-scrollbar { height: 10px; }
.analysis-container .tab-content::-webkit-scrollbar-track { background: #f1f1f1; }
.analysis-container .tab-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .1); }
.analysis-container .tab-content::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .3); }

.analysis-container .tab-content ul li {
    float: left; width: 28px;
    
}
.analysis-container .tab-content ul li > div {
    border: 1px solid #e5e5e5; width: inherit; height: inherit;
}
.analysis-container .tab-content ul li > div:empty {
    width: 28px; height: 30px;
    background-color: #fff;
}
.analysis-container .tab-content ul li > div:nth-last-of-type(1),
.analysis-container .tab-content ul li > div:nth-last-of-type(2) {
    width: 28px; height: 30px;
    font-size: 10px;
    text-align: center; line-height: 30px;
    background-color: #f5f5f5;
}
.analysis-container .tab-content ul li > div:nth-last-of-type(2) { font-style: 600 !important; }
.analysis-container .tab-content ul li > div > span {
    display: block; width: 22px; height: 22px; margin: 3px;
    border-radius: 50%;
    font-size: 10px; color: #fff;
    text-align: center; line-height: 22px;
}
.analysis-container .tab-content ul li > div > span.red { border: 1px solid #c01e1e; background-color: #e62626; }
.analysis-container .tab-content ul li > div > span.blue { border: 1px solid #1787b0; background-color: #1ba9de; }
/* ────────────────────────────── analysis data } ────────────────────────────── */
@media screen and (max-width: 900px) {
    .analysis-container .tab-content { width: 100%; }
}


/* ────────────────────────────── recent history data { ────────────────────────────── */
.recenthistory {
    margin: 10px 0 0;
}
.recenthistory table {
    width: 100%; border-collapse: collapse;
}
.recenthistory table tr th,
.recenthistory table tr td {
    padding: 20px 10px;
    font-size: 12px; font-weight: 500; text-align: center;
}
.recenthistory table tr th {
    background-color: #f5f5f5; border: 1px solid #d1d1d1;
}
.recenthistory table tr td {
    background-color: #fff; border: 1px solid #efefef;
}
.recenthistory table tr td span {
    display: inline-block; width: 28px; height: 28px;
    font-size: 13px; text-align: center; line-height: 28px;
    border-radius: 50%; border: 1px solid #aaa;
}
.recenthistory table tr td b { font-size: 11px; }
.recenthistory table tr td:nth-of-type(1) { width: 140px; }
.recenthistory table tr td:nth-of-type(7) { width: 150px; }

@media screen and (max-width: 875px) {
    .recenthistory {
        overflow-x: auto;
    }
    .recenthistory::-webkit-scrollbar { height: .5em; }
    .recenthistory::-webkit-scrollbar-track { background: #f1f1f1 ; }
    .recenthistory::-webkit-scrollbar-thumb { opacity: 0; background-color: transparent; border-radius: .5em; }
    .recenthistory::-webkit-scrollbar-thumb:hover { background-color: transparent; }
    .recenthistory table {
        width: 100%; min-width: 875px;
        border-collapse: collapse;
    }
}

.recent-more {
    position: relative; height: 55px; margin: 10px 0 0; cursor: pointer;
    background-color: #f5f5f5; border: 1px solid #d1d1d1;
    font-size: 13px; text-align: center; line-height: 55px;
}
.recent-more:hover {
    background-color: #fff; border-color: #000;
}

.val-1 { color: #fff; border: 1px solid #1787b0; background-color: #1ba9de; }
.val-2 { color: #fff; border: 1px solid #7fac49; background-color: #91c653; }
.val-3 { color: #fff; border: 1px solid #c01e1e; background-color: #e62626; }

/* ────────────────────────────── recent history data } ────────────────────────────── */


/* ────────────────────────────── betting-board ────────────────────────────── */
.betting-board .betting-board-head:after,
.betting-board .livebtns-meta:after,
.betting-board .livebtns-wrap:after,
.bettingcart .bettingcart-info:after,
.bettingcart .bettingcart-moneybtn:after {
    content: ''; display: block; clear: both;
}

.betting-board {
    position: relative; margin: 10px 0 0; padding: 15px 10px 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.betting-board .betting-board-head {
    margin: 0 0 10px;
}
.betting-board .betting-board-head li {
    float: left; width: calc(25% - 10px); margin: 0 5px;
    text-align: center; font-size: 14px;
}
.betting-board .betting-board-head li[class] { line-height: 38px; }
.betting-board .betting-board-head li select,
.betting-board .betting-board-head li select option { font-size: 14px; }
/*.betting-board .livebtns-meta {
    margin: 10px 0; padding: 10px 0;
    border-bottom: 1px solid var(--color-line);
}
.betting-board .livebtns-meta li {
    float: left; width: calc(25% - 10px); margin: 0 5px;
    text-align: center;
}*/

.betting-board .livebtns-wrap {}
.betting-board .livebtns-wrap li {
    float: left; width: calc(25% - 12px); margin: 10px 5px;
    border: 1px solid #eee; /*background-color: #ccc;*/
}
.betting-board .livebtns-wrap li p {
    margin: 5px 0; padding: 5px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.betting-board .livebtns-wrap li:after {
    content: ''; display: block; clear: both;
}
.betting-board .livebtns-wrap li .item-btn {
    display: block; float: left; width: calc(50% - 22px); height: 30px; cursor: pointer;
    margin: 5px 10px; /*padding: 72px 10px 82px;*/ text-align: center;
    border: 1px solid #000; border-radius: 5px;
    line-height: 30px;
}
.betting-board .livebtns-wrap li .item-btn:hover,
.betting-board .livebtns-wrap li .item-btn.active {
    background-color: #ffe400 !important;
}
.betting-board .livebtns-wrap li .item-btn:hover span,
.betting-board .livebtns-wrap li .item-btn.active span {
    color: #333;
}
.betting-board .livebtns-wrap li .item-btn > span {
    display: block; height: 18px; /*margin: 5px 0;*/ color: #fff;
    font-size: 15px;
    background-color: transparent !important; border: none !important;
}
.betting-board .livebtns-wrap li .item-btn > span.item-div { display: none; }


.bettingcart .bettingcart-info {
    margin: 10px 0; padding: 10px 0;
    border-bottom: 1px solid var(--color-line); /*background-color: #ccc;*/
}
.bettingcart .bettingcart-info li {
    float: left; width: calc(50% - 10px);
    text-align: center;
}
.bettingcart .bettingcart-info li:after {
    content: ''; display: block; clear: both;
}
.bettingcart .bettingcart-info li:nth-of-type(1) { margin: 0 10px 0 0; }
.bettingcart .bettingcart-info li:nth-of-type(2) { margin: 0 0 0 10px; }

.bettingcart .bettingcart-info li > span { display: block; }
.bettingcart .bettingcart-info li > span:nth-of-type(1) { float: left; }
.bettingcart .bettingcart-info li > span:nth-of-type(2) { float: right; }
.bettingcart .bettingcart-info li > span:nth-of-type(2):after { content: 'P'; }

#bettingpoint, #bettingpoint:after {
    color: var(--point-main); font-weight: 600;
}

.bettingcart .bettingcart-moneybtn li {
    float: left; width: calc(20% - 12px); margin: 5px;
    text-align: center; cursor: pointer;
    border: 1px solid var(--color-line);

    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}
.bettingcart .bettingcart-moneybtn li a {
    display: block; padding: 10px 0;
}

.bettingcart .bettingcart-moneybtn li a:hover {
    background-color: #000 !important; color: #fff;
}

.bettingcart .betting-btn {
    display: block; width: 100%; padding: 15px; margin: 10px 0 0;
    border-radius: 8px;
}

.betting-board .item-cover {
    display: none; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 10px;
}
.betting-board .item-cover.active { display: block; }
.betting-board .item-cover i {
    position: absolute; top: 50%; left: 50%;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    -o-transform:       translate(-50%, -50%);
    transform:          translate(-50%, -50%);
    color: #fff; font-size: 4rem;
}

.game .bettinglist {
    margin: 10px 0 0;
    border: 1px solid var(--color-line);
    background-color: #fff;
}
.game .bettinglist table {
    width: 100%; border-collapse: collapse;
}
.game .bettinglist table tr td {
    padding: 15px 5px;
    font-size: 12.5px; text-align: center;
    border-bottom: 1px solid var(--color-line);
}
/*.game .bettinglist table tr td:nth-of-type(1) { width: 90px; }
.game .bettinglist table tr td:nth-of-type(2) { width: 90px; }
.game .bettinglist table tr td:nth-of-type(3) { width: 90px; }
.game .bettinglist table tr td:nth-of-type(4) { width: 90px; }
.game .bettinglist table tr td:nth-of-type(5) { width: 90px; }
.game .bettinglist table tr td:nth-of-type(6) { width: 90px; }*/
.game .bettinglist table tr:last-child td {
    border-bottom: none;
}
.game .bettinglist table tr td span {
    display: inline-block; padding: 5px;
    border-radius: 3px;
    font-size: 12.5px; color: #fff; text-align: center;
}
.game .bettinglist table + .betting-more-btn {
    display: none; width: 100%; padding: 15px; margin: 10px 0;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    .betting-board .livebtns-wrap li { width: calc(50% - 12px); }
    .bettingcart .bettingcart-moneybtn li { width: calc(33.33333% - 12px); }
}

@media screen and (max-width: 540px) {
    .betting-board .livebtns-wrap li { width: calc(100% - 12px); }
    .bettingcart .bettingcart-moneybtn li { width: calc(33.33333% - 12px); }

    .game .bettinglist table tr td.item-odds { display: none; }
}

.no-game {
    display: none; margin: 10px 0; padding: 15px 0;
    color: var(--point-main); text-align: center;
    font-weight: 600 !important;
    border: 1px solid var(--color-line);
}