@import url('skin_club1.css');
@import url('skin_club2.css');

.skin_club .logo {
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    width: 19%;
    height: 4vw;
    background-image: none;
    background-color: #fff;
}
.skin_club .logo:before {
    content: '';
    position: absolute;
    top: 1vw;
    right: 1vw;
    bottom: 1vw;
    left: 1vw;
    background-image: url(../img/skin_club/clubwpt_logo.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.skin_club .title {
    display: none;
    top: 0;
}

.skin_club .main-container {
    background-image: url(../img/skin_club/main-bg_skin_club.png);
    background-size: 100%;
}

.skin_club .table-title {
    top: 36%;
}
.skin_club .btn.blue {
    background: #0089B9;
    border: 2px solid #0c3150;
}

.skin_club .cards.cards-bottom {
    top: 76%;
    left: 40%;
    width: 23%;
    height: 10%;
    padding: .4vw 0 .5vw .81vw;
    background: url(../img/skin_club/cards_bg.png) no-repeat 0 0 / 100% 100%;
}
.skin_club .cards .card {
    margin-right: 1%;
}

.skin_club .player > * {
    z-index: 1;
}
.skin_club .folded>div {
    opacity: 1;
}

.skin_club .player-cards {
    position: absolute;
    height: 120%;
    z-index: 0;
}
.skin_club .player-cards ~ .player-cards {
    display: none;
}
.skin_club .player-cards .card {
    margin-top: -28%;
    width: 30%;
}
.skin_club .player-cards .card.card_back {
    margin-top: -9%;
    background-image: url(../img/skin_club/cards/back.png);
}
.skin_club .player-cards .card:not(:first-child) {
    margin-left: -15%;
}

.skin_club .player_loss .player-cards {
    filter: brightness(50%);!important;
}

.skin_club .player-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.skin_club .player-name,
.skin_club .player-chipstack,
.skin_club .player-extra {
    width: auto;
}

.skin_club .player-items {
    display: flex;
    justify-content: center;
    background: transparent;
}
.skin_club .player-items .item_t {
    width: 4vw;
    height: 4vw;
    font-size: 0;
    text-indent: -999px;
    background: url(../img/skin_club/chip_wpt.png) 50% / auto 100% no-repeat;
}
.skin_club .player-items .item_amount {
    font-size: 1.6vw;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: -1vw;
    padding: 0 .3vw;
}
.skin_club .player-items {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.skin_club .player-items .item_d {
    position: absolute;
    background: url(../img/skin_club/dealer-button.png) 50% / 100% auto transparent no-repeat;
    font-size: 0;
}

.skin_club .msg {
    top: auto;
    width: 40%;
    left: 30%;
    height: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.skin_club .pot {
    top: auto;
    z-index: 1;
}
.skin_club .pot > span {
    position: relative;
}
.skin_club .pot .item_t {
    position: absolute;
    right: auto;
    width: 4vw;
    height: 4vw;
    font-size: 0;
    text-indent: -999px;
    background: url(../img/skin_club/chip_wpt.png) 50% / auto 100% no-repeat;
}
.skin_club .pot span {
    background-color: transparent;
}

.skin_club .card.card_2s {
    background-image: url(../img/skin_club/cards/2s.png)
}
.skin_club .card.card_2c {
    background-image: url(../img/skin_club/cards/2c.png)
}
.skin_club .card.card_2h {
    background-image: url(../img/skin_club/cards/2h.png)
}
.skin_club .card.card_2d {
    background-image: url(../img/skin_club/cards/2d.png)
}
.skin_club .card.card_3s {
    background-image: url(../img/skin_club/cards/3s.png)
}
.skin_club .card.card_3c {
    background-image: url(../img/skin_club/cards/3c.png)
}
.skin_club .card.card_3h {
    background-image: url(../img/skin_club/cards/3h.png)
}
.skin_club .card.card_3d {
    background-image: url(../img/skin_club/cards/3d.png)
}
.skin_club .card.card_4s {
    background-image: url(../img/skin_club/cards/4s.png)
}
.skin_club .card.card_4c {
    background-image: url(../img/skin_club/cards/4c.png)
}
.skin_club .card.card_4h {
    background-image: url(../img/skin_club/cards/4h.png)
}
.skin_club .card.card_4d {
    background-image: url(../img/skin_club/cards/4d.png)
}
.skin_club .card.card_5s {
    background-image: url(../img/skin_club/cards/5s.png)
}
.skin_club .card.card_5c {
    background-image: url(../img/skin_club/cards/5c.png)
}
.skin_club .card.card_5h {
    background-image: url(../img/skin_club/cards/5h.png)
}
.skin_club .card.card_5d {
    background-image: url(../img/skin_club/cards/5d.png)
}
.skin_club .card.card_6s {
    background-image: url(../img/skin_club/cards/6s.png)
}
.skin_club .card.card_6c {
    background-image: url(../img/skin_club/cards/6c.png)
}
.skin_club .card.card_6h {
    background-image: url(../img/skin_club/cards/6h.png)
}
.skin_club .card.card_6d {
    background-image: url(../img/skin_club/cards/6d.png)
}
.skin_club .card.card_7s {
    background-image: url(../img/skin_club/cards/7s.png)
}
.skin_club .card.card_7c {
    background-image: url(../img/skin_club/cards/7c.png)
}
.skin_club .card.card_7h {
    background-image: url(../img/skin_club/cards/7h.png)
}
.skin_club .card.card_7d {
    background-image: url(../img/skin_club/cards/7d.png)
}
.skin_club .card.card_8s {
    background-image: url(../img/skin_club/cards/8s.png)
}
.skin_club .card.card_8c {
    background-image: url(../img/skin_club/cards/8c.png)
}
.skin_club .card.card_8h {
    background-image: url(../img/skin_club/cards/8h.png)
}
.skin_club .card.card_8d {
    background-image: url(../img/skin_club/cards/8d.png)
}
.skin_club .card.card_9s {
    background-image: url(../img/skin_club/cards/9s.png)
}
.skin_club .card.card_9c {
    background-image: url(../img/skin_club/cards/9c.png)
}
.skin_club .card.card_9h {
    background-image: url(../img/skin_club/cards/9h.png)
}
.skin_club .card.card_9d {
    background-image: url(../img/skin_club/cards/9d.png)
}
.skin_club .card.card_10s,
.skin_club .card.card_ts {
    background-image: url(../img/skin_club/cards/10s.png)
}
.skin_club .card.card_10c,
.skin_club .card.card_tc {
    background-image: url(../img/skin_club/cards/10c.png)
}
.skin_club .card.card_10h,
.skin_club .card.card_th {
    background-image: url(../img/skin_club/cards/10h.png)
}
.skin_club .card.card_10d,
.skin_club .card.card_td {
    background-image: url(../img/skin_club/cards/10d.png)
}
.skin_club .card.card_js {
    background-image: url(../img/skin_club/cards/js.png)
}
.skin_club .card.card_jc {
    background-image: url(../img/skin_club/cards/jc.png)
}
.skin_club .card.card_jh {
    background-image: url(../img/skin_club/cards/jh.png)
}
.skin_club .card.card_jd {
    background-image: url(../img/skin_club/cards/jd.png)
}
.skin_club .card.card_qs {
    background-image: url(../img/skin_club/cards/qs.png)
}
.skin_club .card.card_qc {
    background-image: url(../img/skin_club/cards/qc.png)
}
.skin_club .card.card_qh {
    background-image: url(../img/skin_club/cards/qh.png)
}
.skin_club .card.card_qd {
    background-image: url(../img/skin_club/cards/qd.png)
}
.skin_club .card.card_ks {
    background-image: url(../img/skin_club/cards/ks.png)
}
.skin_club .card.card_kc {
    background-image: url(../img/skin_club/cards/kc.png)
}
.skin_club .card.card_kh {
    background-image: url(../img/skin_club/cards/kh.png)
}
.skin_club .card.card_kd {
    background-image: url(../img/skin_club/cards/kd.png)
}
.skin_club .card.card_as {
    background-image: url(../img/skin_club/cards/as.png)
}
.skin_club .card.card_ac {
    background-image: url(../img/skin_club/cards/ac.png)
}
.skin_club .card.card_ah {
    background-image: url(../img/skin_club/cards/ah.png)
}
.skin_club .card.card_ad {
    background-image: url(../img/skin_club/cards/ad.png)
}