@charset "UTF-8";
:root {
    --spbgColor01: #8096c8;
    --spbgColor02: #597ef8;
    --spbgColor03: #4867c9;
    --spbgColor04: #8096c8;
    --spbgColor05: #ffe361;
    --spbgColor06: #ffffff;
    --spbgColor07: #f4f7fe;
    --spbgColor08: #d5e0f7;
    --spbgColor09: #f85959;
    --spbgColor11: #7a98f9;
    --spbgColor12: #ecf1fd;
    --spbgColor13: #000000;
    --spbgColor14: #0f996a;
    --sptxtColor01: #515b7c
    --sptxtColor02: #597ef8;
    --sptxtColor03: #939ab0;
    --sptxtColor04: #ffffff;
    --sptxtColor05: #40455a;
    --sptxtColor06: #ff6d0c;
    --sptxtColor07: #ffca00;
    --sptxtColor08: #596079;
    --sptxtColor09: #a76c04;
    --sptxtColor10: #afbcdc;
    --sptxtColor11: #f85959;
    --sptxtColor12: #e93238;
    --sptxtColor13: #3b54a6;
    --spborderColor01: #ffffff;
    --spborderColor02: #939ab0;
    --spborderColor03: #d8dbe5;
    --spshadowColor01: 0px 7px 18px 0px rgba(43, 61, 120, .16);
    --spshadowColor02: 0px 7px 18px 0px rgba(21, 39, 99, .8);
    --sparrowColor01: #fe7e82;
    --sparrowColor02: #597ef8
}

.headerWrapper_sport, .menuWraper_sport {
    width: 98% !important
}

.main_content_sport {
    width: 100% !important
}

.liveSportContent {
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-repeat: repeat-y;
    position: relative
}

.webp .liveSportContent {
    background-image: url(../../Images/gameBG.b1e3c770.webp)
}

.no-webp .liveSportContent {
    background-image: url(../../Images/gameBG.d0cbf9bb.jpg)
}

.sportFrame {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.centerZone {
    width: 72%
}

.centerZone ul li {
    display: flex;
    justify-content: space-between
}

.centerZone ul li:nth-child(2), .centerZone ul li:nth-child(3), .centerZone ul li:nth-child(4), .centerZone ul li:nth-child(5), .centerZone ul li:nth-child(6), .centerZone ul li:nth-child(7), .centerZone ul li:nth-child(8), .centerZone ul li:nth-child(9), .centerZone ul li:nth-child(10), .centerZone ul li:nth-child(11) {
    display: none
}

.sportFrame .chooseZone {
    width: 49.7%;
    float: left;
    background-color: var(--main)
}

.sportFrame .chooseFrame .chooseZone {
    width: 49.7%
}

.sportFrame .chooseFrame .chooseZone.fullZone {
    width: 100% !important
}

.sportFrame .chooseZoneScroll {
    overflow-y: scroll;
    position: relative;
    overflow-x: clip
}

.sportFrame .chooseZoneScroll::-webkit-scrollbar {
    width: 3px
}

.sportFrame .chooseZoneScroll::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .chooseZoneScroll::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.sportFrame .chooseZoneScroll::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .chooseZone .tabZone {
    background-color: var(--bgColor_038) !important;
    border: 1px solid var(--bdColor_012);
    height: auto;
    width: 100%
}

.sportFrame .chooseZone .tabZone .tabFrame {
    width: 100%;
    overflow-x: auto
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar {
    height: 5px !important
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar-track {
    background-color: #d5e0f7 !important
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar-thumb {
    background-color: #adb5d0 !important
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0 !important
}

.sportFrame .chooseZone .cubeZone01 {
    width: 100%;
    height: 780px;
    background-color: var(--bgColor_038);
    border: 1px solid var(--bdColor_012);
    padding-top: 10px;
    overflow-y: scroll;
    position: relative
}

.sportFrame .chooseZone .cubeZone01::-webkit-scrollbar {
    width: 3px
}

.sportFrame .chooseZone .cubeZone01::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .chooseZone .cubeZone01::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.sportFrame .chooseZone .cubeZone01::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .chooseZone .cubeZone01 .cube01 {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube02 {
    padding-bottom: 0 !important;
    display: none
}

.cubeOK {
    border: 5px solid var(--bdColor_001) !important
}

.sportFrame .chooseZone .cubeZone01 .frameA {
    position: relative;
    width: 97%;
    height: 110%;
    background-color: var(--main);
    box-shadow: 1px 3px 19px var(--shadow_02);
    margin: 0 auto 40px;
    border-radius: 10px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .frameA:last-child {
    margin-bottom: 20px !important
}

.sportFrame .chooseZone .cubeZone01 .active {
    border: 1px solid var(--bdColor_001)
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 {
    width: 93%;
    position: absolute;
    top: -1%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .time {
    font-size: 16px;
    color: var(--txtColor_037);
    padding: 10px 18px;
    background-color: var(--main);
    border: 1px solid var(--bdColor_018);
    border-radius: 5px
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .time span {
    color: var(--txtColor_09)
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .more {
    padding: 10px 18px;
    font-size: 16px;
    color: var(--txtColor_08);
    background-color: var(--bdColor_001);
    border-radius: 5px;
    box-shadow: 1px 3px 19px var(--shadow_02);
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .more:hover {
    background-color: var(--bgColor_014) !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid var(--bdColor_003);
    border-top: 1px solid var(--bdColor_003);
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    box-shadow: 1px 3px 19px var(--shadow_02);
    background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: linear-gradient(135deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    cursor: pointer;
    transition: .2s ease-out
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title:hover {
    background: var(--bgColor_052)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title01 {
    justify-content: flex-end;
    box-shadow: none !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .frameALL {
    margin-top: 38px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left {
    color: var(--txtColor_037);
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: NotoSansCJKkr, "sans-serif" !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left img {
    margin-right: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left span {
    color: var(--txtColor49);
    margin: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .heart01 {
    position: absolute;
    top: 1px;
    left: -32px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .heart01 span {
    font-size: 25px !important;
    font-weight: 400 !important;
    color: var(--btnColor09_h) !important;
    position: absolute
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .arrowT {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .arrowT span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .arrowT:hover span {
    color: var(--txtColor_035)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .arrowGO span {
    transform: rotate(180deg)
}

.sportFrame .centerZone .chooseFrame .heart label:before {
    display: none
}

[class^=fa] {
    font-style: normal
}

input[name^=like], input[name^=favourite] {
    display: none
}

input[name^=like] + label[for], input[name^=favourite] + label[for] {
    background-color: var(--bgColor020);
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    color: var(--txtColor02);
    cursor: pointer;
    font-weight: 300;
    margin: .35em;
    padding: 0 12px
}

input[name^=favourite] + label[for] {
    background-color: var(--txtColor21)
}

input[name^=like] + label[for]:hover, input[name^=like] + label[for]:focus, input[name^=favourite] + label[for]:hover, input[name^=favourite] + label[for]:focus {
    background-color: var(--txtColor21);
    outline: 0
}

input[name^=favourite] + label[for]:hover, input[name^=favourite] + label[for]:focus {
    background-color: var(--txtColor21)
}

input[name^=like] + label[for].transparent {
    background-color: transparent;
    color: var(--txtColor21)
}

input[name^=favourite] + label[for].transparent {
    background-color: transparent;
    color: var(--txtColor21)
}

input[name^=like] + label[for].transparent:hover, input[name^=like] + label[for].transparent:focus, input[name^=favourite] + label[for].transparent:hover, input[name^=favourite] + label[for].transparent:focus {
    color: var(--txtColor21)
}

input[name^=favourite] + label[for].transparent:hover, input[name^=favourite] + label[for].transparent:focus {
    color: var(--txtColor21)
}

input[name^=like] + label[for].transparent:hover .fa-star, input[name^=like] + label[for].transparent:focus .fa-star, input[name^=favourite] + label[for].transparent:hover .fa-star, input[name^=favourite] + label[for].transparent:focus .fa-star {
    opacity: .25
}

input[name^=favourite] + label[for].transparent :hover, input[name^=favourite] + label[for].transparent :focus {
    color: var(--txtColor21)
}

input[name^=like] + label[for] .do, input[name^=like] + label[for] .done, input[name^=favourite] + label[for] .do, input[name^=favourite] + label[for] .done {
    margin-left: .35em
}

input[name^=like] + label[for] .done, input[name^=favourite] + label[for] .done, input[name^=like]:checked + label[for] .do, input[name^=favourite]:checked + label[for] .do {
    display: none
}

input[name^=like] + label[for] .do, input[name^=favourite] + label[for] .do, input[name^=like]:checked + label[for] .done, input[name^=favourite]:checked + label[for] .done {
    display: inline-block
}

input[name^=like] + label[for] .fa, input[name^=favourite] + label[for] .fa {
    display: inline-block;
    position: relative
}

input[name^=like] + label[for] .fa .fa-star-o, input[name^=favourite] + label[for] .fa .fa-star-o {
    font-size: 25px;
    color: var(--txtColor21)
}

input[name^=like] + label[for] .fa .fa-star, input[name^=favourite] + label[for] .fa .fa-star {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    font-size: 25px;
    color: var(--txtColor21)
}

input[name^=like] + label[for] .fa .fa-star.fx {
    color: var(--txtColor21)
}

input[name^=favourite] + label[for] .fa .fa-star.fx {
    color: var(--txtColor21)
}

input[name^=like]:checked + label[for] .fa .fa-star-o, input[name^=favourite]:checked + label[for] .fa .fa-star-o {
    opacity: 0
}

input[name^=like]:checked + label[for] .fa .fa-star, input[name^=favourite]:checked + label[for] .fa .fa-star {
    opacity: 1
}

input[name^=like]:checked + label[for] .fa .fa-star.fx, input[name^=favourite]:checked + label[for] .fa .fa-star.fx {
    -moz-animation: expand .65s cubic-bezier(.43, .475, 1, .08);
    -o-animation: expand .65s cubic-bezier(.43, .475, 1, .08);
    -webkit-animation: expand .65s cubic-bezier(.43, .475, 1, .08);
    animation: expand .65s cubic-bezier(.43, .475, 1, .08);
    opacity: 0
}

@keyframes expand {
    0% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        -webkit-transform: scale(2, 2);
        transform: scale(2);
        opacity: .7
    }
    to {
        -moz-transform: scale(6, 6);
        -o-transform: scale(6, 6);
        -webkit-transform: scale(6, 6);
        transform: scale(6);
        opacity: 0
    }
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .iconStar {
    margin-right: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAMAAAB1/u6nAAAARVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQ4ctobAAAAFnRSTlMABvHscjPnqH9lX044LRz60ruuQicTDunRhgAAAIpJREFUGNNtkFkOxSAIRVFrHap2Zv9LfeqLhJbeH+XkhNwAFBWjApkJcZJUzYiz+pK7LuWmS/ml3yl6p/9YOx/TXaE1KGIsBPxIgKIl1QUgaUET9O1ic082D5pHxZPjE0YWjhfCnmNP2HHsCG8cb3S9tY1Hzkd713HFUoe9l7V7/RZqEq7xvUJv8gNTqROZlwgOtgAAAABJRU5ErkJggg==) no-repeat;
    width: 22px;
    height: 21px;
    cursor: pointer
}

.iconStar01 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAMAAAB1/u6nAAAAbFBMVEUAAADmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqArmqAr/5Bj2zxP1yxLwvw/72xbywxDstg383RbprQvzxxHuug7qsQyNrrpgAAAAGHRSTlMABvHsM/znqHtyY15OOBzSu66DQi0qJRNjfoqbAAAAs0lEQVQY02WQWQ6EIBQEEXcR3BVkVe9/x0ESQYf+IkXnpdLAJ0EoAXEqzquYJoXWRVyvJaWyjsuCUmHrcflb3zAaSyhuLGA5IrxZmKVG8YNp6qLZwZVJM9BwGoU3gED2TxkkAGC4f+kOMXDX9w+1l13mlL0upPOjOKmA1eTN2zPgsw3jyYBlmLF83y497sRtkOe3kej8ermFaliWQdmP/FmRGH71TjbrL26IN2nW57k2zuQH0wQWQwyp7YAAAAAASUVORK5CYII=) no-repeat !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .time {
    width: 150px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main);
    border: 1px solid var(--bdColor024);
    color: var(--txtColor48);
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .moreZone01 {
    color: var(--txtColor_035);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .more {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid var(--bdColor058);
    background-color: var(--bgColor_030);
    color: var(--txtColor_020);
    border-radius: 3px;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
    cursor: none
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .greenBtn:hover {
    background-color: var(--bgColor_014) !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .more span {
    font-size: 14px;
    margin-left: 4px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content {
    padding: 44px 8px 23px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams {
    display: flex;
    width: 98%;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 27px;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .obj01 {
    position: relative;
    width: 20%;
    display: flex;
    justify-content: flex-end
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame {
    position: absolute;
    left: 24px;
    top: -16px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame span {
    font-size: 19px;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame:hover .hint {
    display: flex
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame .hint {
    width: 100px;
    height: 40px;
    color: var(--txtColor103);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 42%);
    position: absolute;
    display: none;
    z-index: 2
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame .hint:after {
    content: "";
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
    position: absolute;
    top: -3px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame .blueHint:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFBAMAAACOSmBbAAAALVBMVEUAAABPbcP6+vro6OjLy8ujo6NEXKI6TYR0dHQzQm4vPGEtOFtLS0suLi4cHBy0OkkSAAAAAXRSTlMAQObYZgAAACZJREFUCNdjYGDqUGBgYLBZdZiBgeWm4FwHhrhCQfGnDNsEBQWzAWOHB0/txeuyAAAAAElFTkSuQmCC)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame .greenHint:after {
    background-image: url(../Sport_korea_euro/images/aarowG.png)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 {
    position: absolute;
    top: -17px;
    left: 15px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 span {
    font-size: 35px !important;
    font-weight: 400 !important;
    color: var(--bgColor_048) !important;
    position: absolute
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 span.starFULL {
    color: var(--btnColor09_h) !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .obj01 .live span {
    color: var(--txtColor_042);
    font-size: 35px;
    margin-left: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .obj01 .greenLine {
    background-color: var(--bdColor_001)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone {
    display: flex;
    align-items: center;
    width: 31%
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamA {
    justify-content: flex-end
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamB {
    justify-content: flex-start
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .teamBG {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .teamBG img {
    height: 52px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .point {
    margin-left: 35px;
    color: var(--txtColor_037);
    font-size: 36px;
    font-family: ko-bold !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamB .point {
    margin-right: 35px;
    margin-left: 0 !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .centerZone {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txtColor_037);
    font-size: 30px;
    font-family: ko-bold !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5%;
    background-color: var(--main);
    border: 1px solid var(--bdColor_018);
    border-radius: 5px;
    color: var(--txtColor_038);
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span {
    color: var(--txtColor126)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block .lock {
    width: 33px;
    height: 33px;
    background-color: var(--main);
    border: 1px solid var(--bdColor_021);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .btnZone .btnM .block .lockL {
    top: 50%;
    right: -86%;
    transform: translateY(-50%)
}

.sportFrame .btnZone .btnM .block .lockLL {
    top: 50%;
    right: -84%;
    transform: translateY(-50%)
}

.sportFrame .btnZone .btnM .block .lockC {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sportFrame .btnZone .btnM .block .lockR {
    top: 50%;
    left: 3%;
    transform: translateY(-50%)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block .lock span {
    color: var(--bgColor_031);
    font-size: 17px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .blocking .block {
    display: block
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .blocking .block.leftMore {
    left: -10px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span.percent {
    color: var(--txtColor_037)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span.percent span.greenTXT {
    color: var(--txtColor_038)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM:hover, .sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .yellowChoose {
    background-color: var(--bgColor_039) !important;
    border: 1px solid var(--bgColor_039) !important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .block {
    position: absolute;
    width: 100%;
    height: 220px;
    top: -21px;
    display: none;
    z-index: 1;
    border-radius: 10px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .block .lock {
    width: 86px;
    height: 86px;
    background-color: var(--main);
    border: 1px solid var(--bdColor_021);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .chooseZone .cubeZone01 .cube01 .block .lock span {
    color: var(--bgColor_031);
    font-size: 47px
}

.sportFrame .chooseZone .cubeZone01 .blocking .block {
    display: block
}

.sportFrame .chooseZone .cubeZone01 .lineZone {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none
}

.sportFrame .chooseZone .cubeZone01 .lineZone .txt {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor046);
    color: var(--txtColor02);
    font-size: 12px;
    border-bottom: 2px solid var(--bgColor052)
}

.sportFrame .chooseZone .cubeZone01 .lineZone span {
    color: var(--txtColor26);
    padding: 5px;
    font-size: 17px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content01 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 7px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApAAAABkCAMAAAAG9/BEAAAAk1BMVEUAAADw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PCq7heBAAAAMHRSTlMAUNCAEJCw4EBw8SAvYKq6Wcmd+92HZwf4wHzotKEW1TXZ7MQlA5iUO+RLdEQLeR1awJWmAAALL0lEQVR42uzd2W6bUBSF4cU8GbDBBgye57FZ7/90hbitpVZtlcTgjfAv5TJRhs/swwEc/JHDKhV/Syd1fCGTpIa2pucr/mxlnm0dt1S6uDU75WHGn1lOitZmkVS+9gV6+Fsaq0z81gvkR7rmLn+kaostqu4g76W2MeSPCmeLlvYCKTy/4C1L26DqT5D3FkbBW8sT2tkLpOh6A94KlS3wX5BA6g94a+Khjb1ACi7VYr4XLAD8G+S9y5jvuQla2Auk3DYq3wt7wAdAApefnzhD63qBFJvvsmp4Aj4G8r7yLC5oWy+QQkv3rIpHKT4BEvqUVfEZLas7IEdoU/qYVcsF8CmQwKlg1bRde5IbtzMgYx/t6W3OquiKT4PELGRVqKM92S47A5LM0ZY2R5ZlPvBpkPff/6A9pzb9mN0BeWzP1L55LBb4IkgoGcvmbRGZxDSPnQGpfWuLSO/d49LDl0FisWKZ2o6pnZDRtjsnNRqSdpxqz4b3w9qXQN4Ptusr5Ncnd106y9aAM+lAetfBfeH3RZB3kQHEd4q569S2j3b7hhQIL7gfHx8BEpsV27Dp1csYdGsfUkPZlG4PovvGMusNDwOJnkuKfyHOLI7Tp4FUf+/YFMh0zKHoFf4lJun28CiQ96+5geC2aw51NATSVX8Lq6KwXCsuLMutPo7WqimQmB1pQm6zgmR8wsNA3geQKvmSzYhuD02BzKyja1lF9RGXDosCvqLAgKoAmg0YXpPXshcxBd+WZbJMw4NBYip8GXkh+01ey/YMwNYARYUBxX4qSHxjJnZ69VkWbh8O8rokGS8gNN3iFM8EqQ4G5tB0B6a5XJvmMDTnDYLcrjmGzPSC5OoNDwdZzQVSlfqgzY6W3iDIwgyHprlemubALR0O1s89QmKTUeh9FjuW9VEDSGik2E3YA3kBOjuygZyFyDPtXkxyglpApnOSrsiL2luVU3QaZLqkAYGFJDOvHpA4kJT5YyfvL5TuriHLFMZvEJfNMg01gURAMhb4JGJa8BuADq8hy9bcQVxjksW1NpBeTEr8sR1aKbo9sgFb4CHywDIHtYHEjmQmbhWZFkzQeZAYy1tOBSSLtEaQb5nE3fGEx/TpII3RSJko1khRglxRJokSNQ3yRFfYifb7RD2jRpCISK6kXUBc8oyGQQ6UZKIoeaAoI6t0OMoRGYYf+pbh++bI98OzHzQNEkNpm3IaSVevFWSPpLQt2AszvWmQqn8OfX9k+r5hlQ6NkYCRDYcqJLU9ktyhVpAYkwwhqoA74OkjWwBIPaOoS7sXli1qBtlnmaizuerPIADkOUm8yJsnnmf0PS86eFrjIGHKOq3ZkZyjZpCpK+36YcIlGgcZeofI8/qG5yXz0mHSRziZGKqxmhjGIDAMNTLGzYNUaEFO24JkXjdITElZd5ZMmDcPcmhEqmEEA8OYrEqHk0DCyMY1o6CHGRYs29QO8kQyFrS9oGfsQcDIlgASE0nvZJGTHKJ2kNdM1tM1Ci28QP7IkTS8xiSN+kEilHX5cM+9CJBPvLniXo+ZmE3ibUZSaQDkmZS03zVnH1Wdv7nivRUPENKCZbMGQB5IxmLexkInZyKOkDJATuTsgPgkh2gAZBqTcl6HNi28QP5qxAhCMkgGTYCESsp56vJMUwbIIIqcsXOMHCfcO85Yc8xngFTkrKZCknkjIKck9xDSlNozQM4dbew4+9BxomPpMNpjlOd2YA9z2546th307f0zQPboQkhDkv1GQOYkJxDSmv1ngFzb/cC2nalt58PSYe4IGdlXUsjtqtuY5KIRkH2ScwhpxYWMkf14kNftx0GikHJ/xRvLZo2APJBiBkNK6h8GmaY1gHzwyE61I+Nw8WGQKoX8Q8Dv7J2LdppAFEVHGcVSRCxBIAo+MUaNOf//dR0JNqlJ2zUKeCjuH8hK1g7zuvdcGwr9ZpQQGOr+BisoSO5fXxEKTSH7U6DtFr5kdx3HGBpjxzCi2DCGHWNwjZBBhCNeS1fIAUu1ag/A4pLjiX7xTgIFSe/hDGNNITvIMK4Tcm50hoYRR4bhjJWHTlzwkv2INyypKaTDchHZAmDqbwYzvJXQAgBLVckebT0h98jZUO8hH5Az0hQyZimvaF3woDdAjq8vZE9Q0MJQT0gHOT8KFnLkunItp66U/lbKtS0PVwiZ4oSvKeQTSwZ+/wIhTeQ4QguLSchIT8ghcqKrhJxIey3l1pfSnSoP3W3BxRUWch41hezUWcjp+9dCixBgOcv1dYWMkDOhLq7oImdW1y9k64LLwQ5y3Bov2ZpCHpDzjXoPaYentauue8gtAFM//DljmAodAiohNfeQLyYy5gG1kGI/znx8EXU9ZV90W23PL5nRngBgeQ/QPmWL720ohq+iWCELb/J6cR93thC1vYe0L7qtDh4Qbi76USSR1vr3kCLdHw77wpu8KNpgmV5qEiheK3k63ENB0ub19lLD0AbLUVzB85YtQgC9SoQcAQgFBwEg/9fiinpX+4gpgH4lQvoA5oIEmmqf26efkdVDdgH4lQjZvddDcqafcVWM+wAmlQhpMiWN5xXj9/Qzup4aF8C4CiETqkQ+mp4aDiGJug5XUKwqEHJLdA1J1HXIce1D1JctFgD6FQjpA0T5CBJIKK59GNLPqJIrhAPAqUDINoCloGEKV9zTzxizfUYAFmnpQiZkU2FZsn0ohKRKP/sOxaZ0IftEpRX39DPmfEgxBfBUupADABbPRoUmH3IZRfE0XkRx3B7E8dSJh01P0M3+VOO0ZCETD4AjiLhJgq4ZO9M4HrTjOFooD6PBFy0Mjc8YX0HRKlnIHbjySsvJGNdvYWBYstmmMGTn30nJQs7JVmyaKQwEQrLNqREjKFalCrkFV34uz5wagvQzukleMgTwVKqQA6pnmvdJXvf0M8ZZh+IHgDApUcgZFENBxhy7e/qZEEuuI82vY02nRCEHULiCDIppsDcXknFetpgACL+XJmQPiodUkEExL/vmS/aSbW//a0l1yhIybVNVnr3zDWZw4yX75oeaFuMHMk886JUk5IjzA5l9Ig83PtTceskO5nw7yCO2lzXBlyJkYtFdip8YwUqavYd8xJjtiP3GExR+KUJ2wTZ38+NmIm60kKuQcSt1RC4AeJsShOxD4TFVk3xgA+wbPFouXZJ+KU4ppKYsXMiVRVYI+TtrmLK5o+UOCEmiRP60sk6KFjJoQzGnesX+iDQRN7anZubxTLL6TLKAwihYSAcKj+zR8Czgxb1lTw0+UZmQyTO6gpgtjriFCmngyEEQ48OyqxLyM6JzRnVNXkGEB84T9gkfirBXoJB9gCmu4kvSJR5kdU1eZ4hzqttDxrBIj5on0gEU1qwwIVseAPZ/Q5GYiILK9pBn3E5Ig/Ru+CNynhtZiJC5jwvec1yOHcJpnJA7sFVBfsVqkRm5KURIN/PRI+o0/BNbD+uGCTkCS8r937EtKMJWAULucMSjXxaOuMC6UUIeiK+Gf2cWZhodrhUyWL/5SFcE+TUj4EfaHCGfa+OjMtJCnuN/jZBJVCsflZEeus+NERJMSRX/YrbAkbl9hZD7MY6EtVivf7ZztysIg2AYhi1mlPTBWtHoQ1AcBWvbc/5HFyijBkFuf/JFr2O4QV8V3zveaIIsAn1R8Z1Rrqa6mhhkw2HpcL548/AU8QRJZr0erLfI15OCXB5gqeDPe4aMiCZIEgP2h4rDKng2OshuC2fRMGLiGWqoBcnYTMMS9WlUkJKXsEoCp64pSEK6HZxLm3kHKY8CzjzwW9IUJD0bDUfcjVeQj1sBpzwH+/4xBUk2SCb36OUr+SNI0yr0rsSmmX8G+QKIlyIkL3Zp0AAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content01 .teamA {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 45%;
    color: var(--txtColor48);
    font-size: 12px;
    font-weight: 700
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content01 .vs {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txtColor52);
    font-size: 30px;
    font-weight: 700
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content01 .time {
    position: absolute;
    color: var(--txtColor50);
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -34px)
}

.sportFrame .chooseFrame {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    position: relative
}

.moreZone {
    width: 100%;
    height: 100%;
    padding-bottom: 1%;
    float: left;
    position: absolute;
    transform: translate(-100%);
    background-color: var(--main);
    transition: .1s ease-out;
    z-index: 1
}

.moreZone::-webkit-scrollbar {
    width: 3px
}

.moreZone::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.moreZone::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.moreZone::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.moreZone .frameZone .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: var(--bgColor_025) !important;
    border: 1px solid var(--bdColor_012);
    display: flex;
    align-items: center;
    padding: 0 22px 0 10px;
    color: var(--txtColor_03);
    font-size: 14px;
    font-weight: 700
}

.moreZone .frameZone .title .backL {
    cursor: pointer;
    display: flex;
    align-items: center
}

.moreZone .frameZone .title span {
    color: var(--txtColor_05);
    font-size: 17px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.moreZone .frameZone .content {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.moreZone .frameZone .nameBall {
    width: 100%;
    height: 40px;
    background-color: var(--bgColor_025) !important;
    border: 1px solid var(--bdColor_012);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px 0 12px;
    color: var(--txtColor02);
    font-size: 14px
}

.moreZone .nameBall .left {
    color: var(--txtColor_037);
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: NotoSansCJKkr, "sans-serif" !important
}

.moreZone .nameBall .left span.vs {
    color: var(--txtColor_05);
    margin-left: 5px
}

.moreZone .nameBall .left img {
    margin-right: 5px
}

.moreZone .nameBall .left span {
    color: var(--txtColor49);
    margin-right: 5px
}

.moreZone .nameBall .right {
    display: flex;
    align-items: center
}

.moreZone .nameBall .right .live {
    width: 42px;
    height: 32px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    cursor: pointer;
    margin-right: 17px
}

.moreZone .nameBall .right .live span {
    color: var(--txtColor_042);
    font-size: 32px;
    margin-left: 5px
}

.moreZone .nameBall .right .live span.active {
    color: var(--txtColor_09) !important
}

.moreZone .nameBall .right .live span.icon-icon-icconPLAY01 {
    color: var(--txtColor_042)
}

.moreZone .nameBall .right .greenLine {
    background-color: var(--bdColor_001)
}

.moreZone .nameBall .right .arrowM {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.moreZone .nameBall .right .arrowM span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.moreZone .nameBall .right .arrowM:hover span {
    color: var(--txtColor_035)
}

.moreZone .nameBall .right .arrowGO span {
    transform: rotate(180deg)
}

.moreZone .tabZone {
    background-color: var(--bgColor_025) !important;
    border: 1px solid var(--bdColor_012);
    height: 43px;
    width: 100%
}

.moreZone .tabZone ul {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 5px;
    width: 130%
}

.moreZone .tabZone ul li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main);
    border: 1px solid var(--bdColor076);
    margin-right: 4px;
    cursor: pointer;
    padding: 0 8px
}

.moreZone .tabZone ul li:hover, .moreZone .tabZone ul li.active {
    background-color: var(--bdColor_001)
}

.moreZone .tabZone ul li img {
    margin-right: 5px
}

.moreZone .tabZone ul li .txt {
    color: var(--txtColor_034);
    font-size: 12px
}

.moreZone .tabZone ul li:hover .txt, .moreZone .tabZone ul li.active .txt {
    color: var(--txtColor_08)
}

.moreZone .tabZone ul li .txt span {
    color: var(--txtColor_033);
    margin-left: 4px
}

.moreZone .tabZone ul li:hover .txt span, .moreZone .tabZone ul li.active .txt span {
    color: var(--txtColor_026)
}

.moreZone .tabZone02 {
    background-color: var(--main) !important;
    height: 80px;
    width: 100%
}

.sportFrame .chooseZone .tabZone02 .title {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 18px;
    text-align: center
}

.sportFrame .chooseZone .tabZone02 .title:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5e0f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sportFrame .chooseZone .tabZone02 .title span {
    color: var(--txtColor_05);
    background-color: var(--bgColor_02);
    z-index: 1;
    position: relative;
    font-size: 18px;
    padding: 0 32px
}

.sportFrame .chooseZone .tabZone02 .title.isLoading span {
    z-index: initial
}

.sportFrame .chooseZone .tabZone02 .tabFrame {
    width: 100%;
    overflow-x: auto
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar {
    height: 5px !important
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar-track {
    background-color: #d5e0f7 !important
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar-thumb {
    background-color: #adb5d0 !important
}

.moreZone .tabZone02 ul {
    height: 80px !important
}

.moreZone .tabZone02 ul {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 80px;
    padding-left: 12px;
    overflow-x: auto
}

.moreZone .tabZone02 ul::-webkit-scrollbar {
    height: 8px !important
}

.moreZone .tabZone02 ul li {
    height: 40px;
    min-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor_041);
    border-radius: 5px;
    margin-right: 9px;
    cursor: pointer;
    padding: 0 10px
}

.moreZone .tabZone02 ul li:hover, .moreZone .tabZone02 ul li.active {
    background-color: var(--bdColor_001)
}

.moreZone .tabZone02 ul li img {
    margin-right: 5px
}

.moreZone .tabZone02 ul li .txt {
    color: var(--txtColor122);
    font-size: 16px
}

.moreZone .tabZone02 ul li:hover .txt, .moreZone .tabZone02 ul li.active .txt {
    color: var(--txtColor_08)
}

.moreZone .tabZone02 ul li .txt span {
    color: var(--txtColor_026);
    margin: 4px
}

.moreZone .tabZone02 ul li:hover .txt span, .moreZone .tabZone02 ul li.active .txt span {
    color: var(--txtColor_026)
}

.moreZone .bFrame {
    overflow-y: scroll;
    height: 850px
}

.moreZone .bFrame::-webkit-scrollbar {
    width: 3px
}

.moreZone .bFrame::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.moreZone .bFrame::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.moreZone .bFrame::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.moreZone .bZone .title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid var(--bdColor_003);
    border-top: 1px solid var(--bdColor_003);
    display: flex;
    align-items: center;
    padding: 0 17px;
    justify-content: space-between;
    box-shadow: 0 6px 15px var(--shadow_02);
    background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: linear-gradient(135deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    cursor: pointer;
    transition: .2s all ease-out
}

.moreZone .bZone .title:hover {
    background: var(--bgColor_052)
}

.moreZone .bZone .title .left {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--txtColor_03)
}

.moreZone .bZone .title .left img {
    margin-right: 10px
}

.moreZone .bZone .title .left img.moneyICON {
    margin-left: 7px;
    height: 20px;
    width: 20px
}

.moreZone .bZone .title .left .arrowT {
    background-color: var(--bdColor_001);
    margin-left: 9px;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px
}

.moreZone .bZone .title .left .arrowT:hover {
    background-color: var(--bgColor_014)
}

.moreZone .bZone .title .left .arrowT span {
    color: var(--txtColor_08);
    font-size: 12px;
    position: absolute;
    transform: rotate(0) translateY(1px)
}

.moreZone .bZone .title .left .arrowGO span {
    transform: rotate(180deg) translateY(1px)
}

.moreZone .bZone .title .right .arrowW {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-top: 6px
}

.moreZone .bZone .title .right .arrowW span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.moreZone .bZone .title .right .arrowW:hover span {
    color: var(--txtColor_035)
}

.moreZone .bZone .title .right .arrowGO span {
    transform: rotate(180deg)
}

.moreZone .bZone .title .right .heart01 {
    position: relative;
    right: 35px;
    top: 7px;
    cursor: pointer
}

.moreZone .bZone .title .right .heart01 span {
    font-size: 25px !important;
    font-weight: 400 !important;
    color: var(--bgColor_048) !important;
    position: absolute
}

.moreZone .bZone .title .right .heart01 span.starFULL {
    color: var(--btnColor09_h) !important
}

.moreZone .bZone .content {
    padding-top: 16px;
    margin-bottom: 18px
}

.moreZone .bZone .content .nameZone {
    height: 29px;
    display: flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--bdColor_018);
    margin-bottom: 8px
}

.moreZone .bZone .content .nameZone:after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: var(--bdColor_018)
}

.moreZone .bZone .content .nameZone .name {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--txtColor_037);
    font-size: 16px
}

.moreZone .bZone .content .nameZone02:after {
    display: none
}

.moreZone .bZone .content .nameZone02 .name {
    width: 33%;
    position: relative
}

.moreZone .bZone .content .nameZone02 .name:nth-child(2):before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    left: 0;
    background-color: var(--bdColor_018)
}

.moreZone .bZone .content .nameZone02 .name:nth-child(2):after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    right: 0;
    background-color: var(--bdColor_018)
}

.moreZone .bZone .content .btnZone {
    display: flex;
    justify-content: space-between;
    width: 98%;
    margin: 0 auto 9px
}

.moreZone .bZone .content .btnZone .btnM {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main);
    border: 1px solid var(--bdColor_018);
    border-radius: 5px;
    color: var(--txtColor_037);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding: 2.2%
}

.moreZone .bZone .content .btnZone .btnM:hover {
    background-color: var(--bgColor_039) !important;
    border: 1px solid var(--bgColor_039) !important
}

.moreZone .bZone .content .btnZone .btnM .left span {
    margin-left: 7px
}

.moreZone .bZone .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.moreZone .bZone .content .btnZone .btnM .block .lock {
    width: 30px;
    height: 30px;
    background-color: var(--main);
    border: 1px solid var(--bdColor_021);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.moreZone .bZone .content .btnZone .btnM .block .lock span {
    color: var(--bgColor_031);
    font-size: 17px
}

.moreZone .bZone .content .btnZone .blocking .block {
    display: block
}

.moreZone .bZone .content .btnZone .blocking .block.leftMore {
    left: -15px
}

.moreZone .bZone .content .btnZone .btnM span.percent, .moreZone .bZone .content .btnZone .btnM span.greenTXT {
    color: var(--txtColor_038)
}

.moreZone .btnZone .btnM .block .lockL {
    top: 50%;
    right: -90%;
    transform: translateY(-50%)
}

.moreZone.btnZone .btnM .block .lockLL {
    top: 50%;
    right: -84%;
    transform: translateY(-50%)
}

.moreZone .btnZone .btnM .block .lockC {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.moreZone .btnZone .btnM .block .lockR {
    top: 50%;
    left: 5%;
    transform: translateY(-50%)
}

.btn50 {
    width: 49.5%
}

.btn33 {
    width: 33%;
    justify-content: space-between !important
}

.btn40 {
    width: 42.5%
}

.btn20 {
    width: 12.5%;
    justify-content: center !important
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar-track {
    background-color: var(--bgColor_031)
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar {
    width: 10px;
    height: 3px;
    background-color: var(--bgColor014)
}

.sportFrame .chooseZone .tabZone .tabFrame::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_031)
}

.sportFrame .chooseZone .tabZone ul {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 5px;
    width: 130%
}

.sportFrame .chooseZone .tabZone ul li {
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main);
    border: 1px solid var(--bdColor_018);
    margin-right: 4px;
    cursor: pointer;
    padding: 0 8px;
    white-space: nowrap
}

.sportFrame .chooseZone .tabZone ul li:hover, .sportFrame .chooseZone .tabZone ul li.active {
    background-color: var(--bdColor_001)
}

.sportFrame .chooseZone .tabZone ul li img {
    margin-right: 5px;
    height: 18px
}

.sportFrame .chooseZone .tabZone ul li .txt {
    color: var(--txtColor_034);
    font-size: 12px
}

.sportFrame .chooseZone .tabZone ul li:hover .txt, .sportFrame .chooseZone .tabZone ul li.active .txt {
    color: var(--txtColor_08)
}

.sportFrame .chooseZone .tabZone ul li .txt span {
    color: var(--txtColor_033);
    margin-left: 4px
}

.sportFrame .chooseZone .tabZone ul li:hover .txt span, .sportFrame .chooseZone .tabZone ul li.active .txt span {
    color: var(--txtColor_026)
}

.sportFrame .chooseZone .tabZone02 {
    background-color: var(--main) !important;
    height: 105px;
    width: 100%
}

.sportFrame .chooseZone .tabZone02 .title {
    width: 100%;
    height: 20px;
    position: relative;
    margin-top: 18px;
    text-align: center
}

.sportFrame .chooseZone .tabZone02 .title:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5e0f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sportFrame .chooseZone .tabZone02 .title span {
    color: var(--txtColor_05);
    background-color: var(--bgColor_02);
    z-index: 1;
    position: relative;
    font-size: 18px;
    padding: 0 32px
}

.sportFrame .chooseZone .tabZone02 .tabFrame {
    width: 100%;
    overflow-x: auto
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar {
    height: 5px !important
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar-track {
    background-color: #d5e0f7 !important
}

.sportFrame .chooseZone .tabZone02 .tabFrame::-webkit-scrollbar-thumb {
    background-color: #adb5d0 !important;
    transition: .2s all ease-out
}

.sportFrame .chooseZone .tabZone02 ul {
    height: 80px !important
}

.sportFrame .chooseZone .tabZone02 ul {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 80px;
    padding-left: 10px
}

.sportFrame .chooseZone .tabZone02 ul li {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor_041);
    border-radius: 5px;
    margin-right: 9px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 82px
}

.sportFrame .chooseZone .tabZone02 ul li:hover, .sportFrame .chooseZone .tabZone02 ul li.active {
    background-color: var(--bdColor_001)
}

.sportFrame .chooseZone .tabZone02 ul li img {
    margin-right: 5px
}

.sportFrame .chooseZone .tabZone02 ul li .txt {
    color: var(--txtColor122);
    font-size: 15px;
    padding: 0 5px
}

.sportFrame .chooseZone .tabZone02 ul li:hover .txt, .sportFrame .chooseZone .tabZone02 ul li.active .txt {
    color: var(--txtColor_08)
}

.sportFrame .chooseZone .tabZone02 ul li .txt span {
    color: var(--txtColor_033);
    margin: 4px
}

.sportFrame .chooseZone .tabZone02 ul li:hover .txt span, .sportFrame .chooseZone .tabZone02 ul li.active .txt span {
    color: var(--txtColor_026)
}

.sportFrame .decideZone {
    width: 15%;
    float: right;
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    position: relative;
    height: auto
}

.sportFrame .decideZone::-webkit-scrollbar {
    width: 3px
}

.sportFrame .decideZone::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .decideZone::-webkit-scrollbar-thumb {
    background-color: #adb5d0;
    transition: .2s all ease-out
}

.sportFrame .decideZone::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .decideZone .setZone {
    background-color: var(--bgColor_038);
    padding: 10px
}

.sportFrame .decideZone .setZone .set01 {
    display: flex;
    justify-content: space-between
}

.sportFrame .decideZone .setZone .set01 .switchZone {
    display: flex;
    align-items: center
}

.sportFrame .decideZone .setZone .set01 .switchZone .switch {
    width: 45px;
    height: 26px;
    background-color: #8096c8;
    position: relative;
    border-radius: 20px;
    cursor: pointer
}

.sportFrame .decideZone .setZone .set01 .switchZone .switch:before {
    content: "";
    width: 19px;
    height: 19px;
    background-color: var(--bgColor_02);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%, -50%)
}

.sportFrame .decideZone .setZone .set01 .switchZone .switchOn {
    background-color: #597ef8
}

.sportFrame .decideZone .setZone .set01 .switchZone .switchOn:before {
    left: 71%
}

.sportFrame .decideZone .setZone .set01 .switchZone .txt {
    color: var(--txtColor_03);
    white-space: nowrap;
    font-size: 14px;
    margin-left: 5px
}

.sportFrame .decideZone .setZone .set01 .switchZone .frame {
    position: relative
}

.sportFrame .decideZone .setZone .set01 .switchZone .frame:hover .hoverMsg {
    display: block
}

.sportFrame .decideZone .setZone .set01 .switchZone span {
    color: var(--txtColor_038);
    font-size: 18px;
    margin-left: 3px
}

.switchZone .frame .hoverMsg {
    background-color: var(--main);
    position: absolute;
    top: 417%;
    left: 12%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    color: var(--txtColor_038);
    line-height: 1.6;
    box-shadow: 1px 3px 5px var(--shadow_02);
    font-size: 12px;
    text-align: justify;
    width: 250px;
    display: none
}

.switchZone .frame .hoverMsg:after {
    content: "";
    width: 8px;
    height: 6px;
    position: absolute;
    top: -3%;
    left: 47%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.webp .switchZone .frame .hoverMsg:after {
    background-image: url(../LiveSport/images/arrow_msg.webp)
}

.no-webp .switchZone .frame .hoverMsg:after {
    background-image: url(../LiveSport/images/arrow_msg.png)
}

.switchZone .frame:hover .hoverMsg {
    display: block
}

.sportFrame .decideZone .setZone .set01 .inputFrame {
    width: 136px;
    height: 36px;
    background-color: var(--main);
    border-radius: 5px;
    margin-left: 5px;
    position: relative
}

.sportFrame .decideZone .setZone .set01 .inputFrame input {
    padding-left: 5px;
    line-height: 36px;
    height: 36px;
    color: var(--txtColor_09);
    width: 100%;
    border: 0
}

.sportFrame .decideZone .setZone .set01 .inputFrame input::placeholder {
    color: var(--txtColor_09);
    font-size: 12px
}

.sportFrame .decideZone .setZone .set01 .inputFrame .btnV {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    display: none
}

.sportFrame .decideZone .setZone .set01 .editSwitch .btnV {
    display: block
}

.sportFrame .decideZone .setZone .set01 .inputFrame .edit {
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
    color: var(--txtColor_051)
}

.sportFrame .decideZone .setZone .set01 .editSwitch .edit {
    display: none
}

.sportFrame .decideZone .setZone .set01 .inputFrame .edit span {
    color: var(--txtColor_038);
    font-size: 21px
}

.sportFrame .decideZone .setZone .set01 .setIcon {
    height: 36px;
    display: flex;
    align-items: center;
    margin-left: 10px
}

.sportFrame .decideZone .setZone .set01 .setIcon span {
    color: var(--txtColor_038);
    font-size: 23px
}

.sportFrame .decideZone .setZone .warning {
    color: var(--txtColor_038);
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.sportFrame .decideZone .setZone .warning span {
    color: var(--txtColor_041);
    font-size: 19px;
    margin-right: 5px
}

.sportFrame .decideZone .panelChange .title {
    height: 40px;
    width: 100%;
    background-color: var(--bgColor_044);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--txtColor_08);
    padding: 0 14px
}

.sportFrame .decideZone .panelChange .title .xx1 {
    border: 2px solid var(--bdColor_003);
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

.sportFrame .decideZone .panelChange .title .xx1 span {
    font-size: 12px;
    transform: scale(.8);
    font-weight: bolder
}

.sportFrame .decideZone .listZone .title .txt {
    color: var(--txtColor_034)
}

.odds-setting-panel {
    padding: 2vw 3vw 1vw;
    background: var(--spbgColor07)
}

.control-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.switch-content {
    width: 88vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

a.icon-setting {
    width: 6vw;
    color: var(--sptxtColor03);
    font-size: 1.6rem
}

.toggle {
    width: 28vw;
    height: 30px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-switch {
    display: inline-block;
    background: var(--spbgColor01);
    border-radius: 16px;
    width: 48px;
    height: 26px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
    -moz-transition: background .25s;
    transition: background .25s
}

.toggle-switch:before, .toggle-switch:after {
    content: ""
}

.toggle-switch:before {
    display: block;
    background: var(--spbgColor06);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 4px;
    -webkit-transition: left .25s;
    -o-transition: left .25s;
    -moz-transition: left .25s;
    transition: left .25s;
    -ms-transition: left .25s
}

.toggle-checkbox:checked + .toggle-switch {
    background: var(--spbgColor02)
}

.toggle-checkbox:checked + .toggle-switch:before {
    left: 25px
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden
}

.toggle-label {
    position: relative;
    font-size: .86rem;
    margin-left: 4px;
    color: var(--sptxtColor01)
}

.stick-on {
    width: 55vw;
    margin-left: 2vw
}

.stick-on .on, .stick-on .edit {
    padding: 2px;
    height: 30px;
    background: var(--spbgColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.stick-on .on > p {
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor02);
    font-weight: 700
}

.stick-on .on > span.icon-edit {
    font-size: 1.25rem;
    color: var(--sptxtColor03)
}

.stick-on .edit input {
    width: 34vw;
    border: 0px;
    height: 30px;
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor02);
    font-weight: 700
}

.stick-on .edit input::-webkit-input-placeholder {
    font-size: 1rem;
    color: var(--sptxtColor02)
}

.stick-on .edit button {
    width: 12vw;
    height: 26px;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    background: var(--spbgColor08);
    color: var(--sptxtColor05);
    font-size: .81rem
}

.alarm {
    width: 100%;
    margin-top: 3px;
    color: var(--sptxtColor03)
}

.alarm > span.icon-alarm {
    color: var(--sptxtColor06) !important
}

.odds-change-panel {
    position: absolute;
    z-index: 100;
    border-top: 1px solid var(--borderColor06);
    background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 18%, rgb(239, 243, 254) 38%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 18%, rgb(239, 243, 254) 38%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 18%, rgb(239, 243, 254) 38%, rgb(239, 243, 254) 100%);
    background: linear-gradient(135deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 18%, rgb(239, 243, 254) 38%, rgb(239, 243, 254) 100%)
}

.odds-change-panel .head {
    font-size: .86rem;
    padding: 4px 3vw;
    background: var(--spbgColor03);
    color: var(--sptxtColor04);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.odds-change-panel .head span.icon-close {
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--spborderColor01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: .72rem
}

.odds-change-panel .head span.icon-close:before {
    transform: scale(.72);
    -webkit-transform: scale(.72);
    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    -o-transform: scale(.72)
}

.odds-change-panel .container {
    padding: 4px 3vw;
    color: var(--sptxtColor05)
}

.radio {
    margin: 10px 0;
    font-size: .86rem
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.radio input[type=radio] + .radio-label {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    color: var(--txtColor_037);
    font-size: 12px
}

.radio-label:after {
    display: none
}

.radio input[type=radio] + .radio-label:before {
    content: "";
    background: var(--spbgColor06);
    border-radius: 100%;
    border: 1px solid var(--spborderColor02);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

.radio input[type=radio]:checked + .radio-label:before {
    background-color: var(--spbgColor02);
    box-shadow: inset 0 0 0 2px var(--spbgColor06)
}

.radio input[type=radio]:focus + .radio-label:before {
    outline: none;
    border-color: var(--spborderColor02)
}

.radio input[type=radio]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 2px var(--spbgColor06)
}

.radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0
}

.sportFrame .decideZone .content .tabBar {
    height: 48px;
    width: 100%;
    background-color: var(--bgColor_028)
}

.sportFrame .decideZone .content .tabBar .tab {
    width: 100%;
    height: 48px
}

.sportFrame .decideZone .content .tabBar .tab ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 48px
}

.sportFrame .decideZone .content .tabBar .tab ul li {
    float: left;
    width: 100%;
    height: 48px;
    background-color: var(--bgColor_042);
    color: var(--txtColor122);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.sportFrame .decideZone .content .tabBar .tab ul li:hover span, .sportFrame .decideZone .content .tabBar .tab ul li.activeTab span {
    color: var(--txtColor_040);
    margin-left: 3px
}

.sportFrame .decideZone .content .tabBar .tab ul li:hover, .sportFrame .decideZone .content .tabBar .tab ul li.activeTab {
    background-color: var(--bgColor_07);
    color: var(--txtColor_08)
}

.sportFrame .decideZone .content .tabBar .tab ul li .no {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--txtColor22);
    position: absolute;
    right: 3px;
    top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.sportFrame .decideZone .content .tabBar .icon {
    height: 44px;
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .tabBar .icon span {
    margin-left: 13px;
    cursor: pointer
}

.sportFrame .decideZone .content .tabBar .icon span.icon-iconLock1 {
    font-size: 15px
}

.sportFrame .decideZone .content .listFrame {
    margin: 0 auto
}

.sportFrame .decideZone .content .listFrame .listZone {
    overflow-y: auto
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll {
    background-color: var(--bgColor117);
    width: 100%;
    height: 36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    color: var(--txtColor_037)
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .xxAll {
    margin-left: 10px;
    cursor: pointer
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .xxAll span {
    color: var(--txtColor123);
    font-weight: bolder;
    font-size: 17px
}

.sportFrame .decideZone .content .listFrame .listConent {
    padding-top: 12px
}

.sportFrame .decideZone .content .listFrame .list {
    height: 94px;
    width: 91%;
    position: relative;
    background-color: var(--main);
    margin: 0 auto 10px;
    box-shadow: 0 0 7px var(--shadow_02);
    border-radius: 5px
}

.sportFrame .decideZone .content .listFrame .list .left {
    line-height: 1.7
}

.sportFrame .decideZone .content .listFrame .list .left .txtFrame {
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .listFrame .list .left .txtFrame span {
    margin-right: 4px
}

.sportFrame .decideZone .content .listFrame .list .left .obj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 2px
}

.sportFrame .decideZone .content .listFrame .list .left h2 {
    color: var(--txtColor_037);
    font-size: 15px;
    font-family: ko-bold !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 207px
}

.sportFrame .decideZone .content .listFrame .list .left h3 {
    color: var(--txtColor122);
    font-size: 14px
}

.sportFrame .decideZone .content .listFrame .list .left h4 {
    color: var(--txtColor_039) !important;
    font-size: 16px;
    text-decoration: line-through
}

.sportFrame .decideZone .content .listFrame .list .xx span {
    transform: scale(.68);
    color: var(--txtColor_038)
}

.sportFrame .decideZone .content .listFrame .list .percent {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    color: var(--txtColor_08);
    font-size: 14px;
    background-color: var(--bgColor_043);
    width: 100%;
    height: 36px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 5px 5px
}

.sportFrame .decideZone .content .listFrame .list .title {
    background-color: var(--bgColor_043);
    width: 100%;
    height: 36px;
    color: var(--txtColor_08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-radius: 5px 5px 0 0
}

.sportFrame .decideZone .content .listFrame .list .title .txtFrame {
    font-size: 14px;
    font-family: ko-bold !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 207px;
    padding-bottom: 2px
}

.sportFrame .decideZone .content .listFrame .list .title .txtFrame span {
    color: var(--txtColor_043);
    font-size: 15px;
    margin-right: 4px;
    display: none
}

.sportFrame .decideZone .content .listFrame .blocking .title .txtFrame span {
    display: inline-block
}

.sportFrame .decideZone .content .listFrame .list .title .xx {
    border: 1px solid var(--bdColor058);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.sportFrame .decideZone .content .listFrame .blocking .title .xx {
    position: relative;
    z-index: 1
}

.sportFrame .decideZone .content .listFrame .list .title .xx span {
    color: var(--txtColor103);
    font-size: 12px;
    font-weight: 700
}

.sportFrame .decideZone .content .listFrame .list .content {
    width: 100%;
    padding: 10px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .leftZone {
    color: var(--txtColor_037) !important;
    font-size: 13px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList01 .leftZone {
    color: var(--txtColor122) !important;
    font-size: 13px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .rightZone {
    color: var(--txtColor_037) !important;
    font-size: 13px;
    font-family: ko-bold !important
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .redTxt {
    color: var(--txtColor_039) !important;
    font-size: 15px;
    font-family: ko-bold !important;
    text-decoration: line-through
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .rightZone01 {
    color: var(--txtColor_039) !important;
    font-size: 16px;
    font-family: ko-bold !important;
    text-decoration: line-through
}

.sportFrame .decideZone .content .listFrame .list .percent span {
    color: var(--txtColor_08);
    font-size: 14px;
    position: relative
}

.sportFrame .decideZone .content .listFrame .list .percent span .throughN0 {
    position: absolute;
    color: var(--txtColor_039) !important;
    font-size: 16px;
    font-family: ko-bold !important;
    text-decoration: line-through;
    top: -34px;
    right: -1px;
    text-align: right
}

.sportFrame .decideZone .content .listFrame .list .mask {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--bgColor_047);
    border-radius: 5px;
    display: none
}

.sportFrame .decideZone .content .listFrame .blocking .mask {
    display: block
}

.sportFrame .decideZone .content .listFrame .listZone .upZone {
    width: 100%;
    margin: 0 auto;
    background-color: var(--main);
    padding-top: 10px
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .title01 {
    width: 95%;
    margin: 0 auto;
    background-color: var(--bgColor_034);
    color: var(--txtColor28);
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    border-top: 1px solid var(--bdColor04)
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .info {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 12px
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .info table td {
    color: var(--txtColor20);
    font-size: 14px;
    padding: 10px 7px
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .info01 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 12px;
    background-color: var(--btnColor08);
    border: 1px solid var(--bdColor012)
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .info01 table {
    width: 95%;
    margin: 0 auto
}

.sportFrame .decideZone .content .listFrame .listZone .upZone .info01 table td {
    color: var(--txtColor20);
    font-size: 14px;
    padding: 10px 7px
}

.sportFrame .decideZone .listZone .slipZone {
    width: 90%;
    margin: 20px auto 0
}

.sportFrame .decideZone .listZone .slipZone .slip {
    position: relative;
    background-color: var(--main);
    margin: 0 auto 15px;
    box-shadow: 1px 3px 19px var(--shadow_02);
    border-radius: 5px
}

.sportFrame .decideZone .listZone .slipZone .slip .title {
    width: 100%;
    height: 24px;
    background-color: var(--bgColor_043) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px 5px 0 0;
    color: var(--txtColor_08);
    padding: 0 14px
}

.sportFrame .decideZone .listZone .slipZone .slip .title .time {
    font-size: 12px;
    font-family: ko-bold !important
}

.sportFrame .decideZone .listZone .slipZone .slip .title .money {
    font-size: 14px;
    font-family: ko-bold !important
}

.sportFrame .decideZone .listZone .slipZone .slip .content {
    padding: 10px 14px 16px;
    position: relative
}

.sportFrame .decideZone .listZone .slipZone .slips .content {
    margin-bottom: 15px
}

.sportFrame .decideZone .listZone .slipZone .slips .content:after {
    content: "";
    background-color: var(--bdColor_020);
    height: 1px;
    width: 90%;
    position: absolute;
    bottom: 0
}

.sportFrame .decideZone .listZone .slipZone .slip .content .teamZone {
    display: flex;
    justify-content: space-between
}

.sportFrame .decideZone .listZone .slipZone .slip .content .teamZone .team {
    color: var(--txtColor_037);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 183px;
    padding-bottom: 7px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .teamZone .state {
    color: var(--txtColor_038);
    font-size: 12px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone {
    margin-top: 10px;
    color: var(--txtColor122);
    font-size: 12px;
    line-height: 1.8;
    display: flex;
    align-items: flex-end
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .txt h3 {
    font-size: 14px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .percent {
    color: var(--txtColor_037);
    font-size: 14px;
    font-family: ko-bold !important
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone {
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: space-between
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .btnM {
    color: var(--txtColor_08);
    background-color: var(--bdColor_001);
    border-radius: 5px;
    padding: 7px 20px;
    font-size: 12px;
    cursor: pointer
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally span {
    color: var(--txtColor_09);
    font-size: 12px
}

.sportFrame .decideZone .content .moneyZone {
    margin: 0 auto 13px;
    box-shadow: 1px 3px 19px var(--shadow_02);
    border-radius: 10px;
    padding-bottom: 3px;
    width: 91%
}

.sportFrame .decideZone .content .moneyZone .title {
    color: var(--txtColor_08);
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    padding: 9px;
    background-color: var(--bgColor_044) !important;
    border-radius: 10px 10px 0 0;
    font-family: ko-regular !important
}

.sportFrame .decideZone .content .moneyZone .title span {
    color: var(--txtColor_040);
    font-size: 16px;
    font-family: ko-regular !important
}

.sportFrame .decideZone .content .moneyZone .content {
    width: 100%;
    background-color: var(--main);
    padding-top: 11px
}

.sportFrame .decideZone .content .moneyZone table {
    width: 100%
}

.sportFrame .decideZone .content .moneyZone table tr td {
    color: var(--txtColor_037);
    font-size: 14px;
    padding: 6px 9px;
    white-space: nowrap
}

.sportFrame .decideZone .content .moneyZone table tr td a {
    color: var(--txtColor20);
    font-size: 14px
}

.sportFrame .decideZone .content .moneyZone table tr td a.goNotice {
    font-size: 12px;
    color: var(--txtColor013);
    background-color: var(--btnColor09);
    display: block;
    width: 50px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    margin: 0 auto;
    font-weight: 700;
    transition: .4s ease-out
}

.sportFrame .decideZone .content .moneyZone table tr td a.goNotice:hover {
    background-color: var(--btnColor09_h)
}

.sportFrame .decideZone .content .moneyZone table tr td span {
    color: var(--txtColor32);
    font-weight: 700
}

.sportFrame .decideZone .content .moneyZone .input_content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-right: 11px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    color: var(--txtColor010);
    background-color: var(--main);
    border: 1px solid var(--bdColor_018)
}

.sportFrame .decideZone .content .moneyZone .input_content input {
    text-align: right;
    height: 30px
}

.sportFrame .decideZone .content .moneyZone .input_content input:focus {
    border-bottom: none !important;
    box-shadow: none !important
}

.sportFrame .decideZone .content .moneyZone .input_content input::placeholder {
    color: var(--txtColor_039) !important;
    font-size: 14px
}

.sportFrame .decideZone .content .moneyZone .inputFrame {
    display: flex;
    margin-bottom: 5px
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info {
    display: flex;
    align-items: center;
    width: 35%
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info .icon {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    background: var(--bgColor010)
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info .icon span {
    color: var(--txtColor17)
}

.sportFrame .decideZone .content .moneyZone .content01 {
    padding: 0 8px;
    margin-top: -15px
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtnFrame {
    padding-bottom: 10px
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    display: none
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnD {
    width: 25%;
    height: 40px;
    border: 1px solid var(--bdColor_018);
    background-color: var(--main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--txtColor_037);
    cursor: pointer;
    transition: .4s ease-out;
    margin-bottom: -1px;
    margin-left: -1px
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnD:hover, .sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnM:hover, .sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .chooseBtn {
    background-color: var(--bdColor_001);
    color: var(--txtColor_08)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btnColor014);
    color: var(--txtColor_08);
    border-radius: 3px;
    cursor: pointer;
    transition: 0s ease-out
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA span {
    font-size: 16px;
    margin-right: 7px
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(1) {
    width: 28%
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(2) {
    width: 70%;
    background-color: var(--bdColor_001);
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(2):hover {
    background-color: var(--bgColor_014) !important
}

.sportFrame .decideZone .content .moneyZone .content01 .btnA:hover {
    background-color: var(--btnColor014_h)
}

.sportFrame .decideZone .content .result {
    width: 91%;
    margin: 0 auto
}

.sportFrame .decideZone .content .btnGO {
    background-color: var(--bdColor_001);
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    cursor: pointer;
    padding: 9px;
    margin-top: 12px
}

.sportFrame .decideZone .content .btnGO .txt {
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .btnGO .txt .txtInner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 223px
}

.sportFrame .decideZone .content .btnGO span {
    font-size: 22px;
    margin-right: 5px
}

.sportFrame .decideZone .content .result table tr td {
    padding: 8px 0 !important;
    color: var(--txtColor_037)
}

.sportFrame .chooseZone01 {
    float: left;
    width: 12%;
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    overflow-y: scroll
}

.sportFrame .chooseZone01::-webkit-scrollbar {
    width: 3px
}

.sportFrame .chooseZone01::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .chooseZone01::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.sportFrame .chooseZone01::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .chooseZone01 .title {
    width: 100%;
    height: 40px;
    background-color: var(--bgColor_025) !important;
    color: var(--txtColor_05);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 16px;
    border: 1px solid var(--bdColor_012);
    border-bottom: 1px solid var(--bgColor_031)
}

.sportFrame .chooseZone01 .title img {
    margin-right: 8px
}

.sportFrame .chooseZone01 .sideMenu {
    height: auto;
    overflow: hidden
}

.sportFrame .chooseZone01 .sideMenu ul li {
    width: 85%;
    float: right;
    height: 52px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    color: var(--txtColor48);
    font-size: 13px;
    border-left: 1px solid var(--bdColor_012);
    border-right: 1px solid var(--bdColor_012);
    border-bottom: 1px solid var(--bdColor_012);
    position: relative;
    cursor: pointer;
    background-position: 16px center;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-bottom: -1px
}

.sportFrame .chooseZone01 .sideMenu ul li:before {
    content: "";
    position: absolute;
    left: -20%;
    width: 20%;
    height: 52px;
    background-color: var(--bgColor_025) !important;
    background-image: url(../../Images/0_sport.c1534aba.svg);
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid var(--bdColor_012)
}

.sportFrame .chooseZone01 .sideMenu ul li.football:before, .sportFrame .chooseZone01 .sideMenu ul li.UEL:before, .sportFrame .chooseZone01 .sideMenu ul li.PL:before, .sportFrame .chooseZone01 .sideMenu ul li.CS:before, .sportFrame .chooseZone01 .sideMenu ul li.FA:before, .sportFrame .chooseZone01 .sideMenu ul li.BD:before, .sportFrame .chooseZone01 .sideMenu ul li.LL:before, .sportFrame .chooseZone01 .sideMenu ul li.SA:before, .sportFrame .chooseZone01 .sideMenu ul li.DFB:before {
    background-image: url(../../Images/icon-icconBALL01.87e351b0.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.basketball:before {
    background-image: url(../../Images/icon-icconBALL02.6eb9535a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.baseball:before {
    background-image: url(../../Images/icon-icconBALL04.e4a6f354.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.icehockey:before {
    background-image: url(../../Images/2_IceHockey.b3af46cd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.tennis:before {
    background-image: url(../../Images/4_Tennis.1b93e687.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.volleyball:before {
    background-image: url(../../Images/5_Volleyball.27a3e3c5.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.americanfootball:before {
    background-image: url(../../Images/6_AmericanFootball.d3b1f0e9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.australianfootball:before {
    background-image: url(../../Images/8_AustralianFootball.cede1014.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.badminton:before {
    background-image: url(../../Images/9_Badminton.92bc63c1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.baseball:before {
    background-image: url(../../Images/11_Baseball.aa83970d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.beachfootball:before {
    background-image: url(../../Images/12_BeachFootball.33b91660.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.beachvolleyball:before {
    background-image: url(../../Images/14_BeachVolleyball.b84031f1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.biathlon:before {
    background-image: url(../../Images/15_Biathlon.7af2a123.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.bowls:before {
    background-image: url(../../Images/16_Bowls.87a56137.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.boxing:before {
    background-image: url(../../Images/17_Boxing.6aae83ac.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.chess:before {
    background-image: url(../../Images/18_Chess.808dcd41.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.cricket:before {
    background-image: url(../../Images/19_Cricket.e51959f1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.cycling:before {
    background-image: url(../../Images/20_Cycling.52a9f7a0.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.darts:before {
    background-image: url(../../Images/22_Darts.c8543d27.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.floorball:before {
    background-image: url(../../Images/24_Floorball.5e003cb3.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.formula1:before {
    background-image: url(../../Images/25_Formula1.fab98cbd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.futsal:before {
    background-image: url(../../Images/26_Futsal.ad0b9de6.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.golf:before {
    background-image: url(../../Images/27_Golf.a858712e.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.handball:before {
    background-image: url(../../Images/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.hockey:before {
    background-image: url(../../Images/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.motorsport:before {
    background-image: url(../../Images/32_Motorsport.d0535bc9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.nascar:before {
    background-image: url(../../Images/33_Nascar.ec4c1a14.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pool:before {
    background-image: url(../../Images/34_Pool.b868bb0d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rally:before {
    background-image: url(../../Images/35_Rally.ce67f9b1.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rallyugbyleague:before {
    background-image: url(../../Images/36_RugbyLeague.0ac562ce.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rugbyunion:before {
    background-image: url(../../Images/37_RugbyUnion.63833475.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.snooker:before {
    background-image: url(../../Images/39_Snooker.9c315fee.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.tabletennis:before {
    background-image: url(../../Images/41_TableTennis.fb33b37e.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.waterpolo:before {
    background-image: url(../../Images/42_WaterPolo.a6858bd8.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.gaelicfootball:before {
    background-image: url(../../Images/69_GaelicFootball.601dd9ee.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.hurling:before {
    background-image: url(../../Images/70_Hurling.7906060b.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.surfing:before {
    background-image: url(../../Images/72_Surfing.58e942bb.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.speedway:before {
    background-image: url(../../Images/87_Speedway.bcd494e9.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.squash:before {
    background-image: url(../../Images/88_Squash.890a6eff.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.politics:before {
    background-image: url(../../Images/89_Politics.0509e164.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.specialbets:before {
    background-image: url(../../Images/90_SpecialBets.bbb15fe4.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.oscar:before {
    background-image: url(../../Images/92_Oscar.84780f91.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rugbysevens:before {
    background-image: url(../../Images/95_RugbySevens.862016bf.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.autoracing:before {
    background-image: url(../../Images/101_AutoRacing.0956af22.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.alpineskiing:before {
    background-image: url(../../Images/102_AlpineSkiing.d6eca29b.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pesapallo:before {
    background-image: url(../../Images/104_Pesapallo.d9dde43d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.skijumping:before {
    background-image: url(../../Images/106_SkiJumping.74dbb543.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.netball:before {
    background-image: url(../../Images/108_Netball.609e5e72.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.lacross:before {
    background-image: url(../../Images/110_Lacross.5f2045bd.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.freestylewrestling:before {
    background-image: url(../../Images/114_FreestyleWrestling.02e48424.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.rinkhockey:before {
    background-image: url(../../Images/116_RinkHockey.3a19e50a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.archeryh2h:before {
    background-image: url(../../Images/124_ArcheryH2H.2f5fb24a.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.tvshowsandmovies:before {
    background-image: url(../../Images/147_TVShowsAndMovies.f1cb2550.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.horseracingspecials:before {
    background-image: url(../../Images/153_HorseRacingSpecials.64a8fa95.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.futurehorseracing:before {
    background-image: url(../../Images/180_FutureHorseRacing.d210945c.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.basketballshots:before {
    background-image: url(../../Images/205_BasketballShots.bcd63e4d.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.archery:before {
    background-image: url(../../Images/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.pistolshooting:before {
    background-image: url(../../Images/0_sport.c1534aba.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li.teqball:before {
    background-image: url(../../Images/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu ul li img {
    margin-right: 5px
}

.sportFrame .chooseZone01 .sideMenu ul li span {
    margin-left: 3px;
    color: var(--txtColor_037);
    font-family: NotoSansCJKkr, "sans-serif" !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    height: 15px
}

.sportFrame .chooseZone01 .sideMenu ul li:hover span, .sportFrame .chooseZone01 .sideMenu ul li.activeSTab span {
    color: var(--txtColor_08)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover span {
    color: var(--txtColor_037) !important
}

.sportFrame .chooseZone01 .sideMenu ul li:hover {
    background-color: var(--bgColor_052)
}

.sportFrame .chooseZone01 .sideMenu ul .activeSTab {
    background-color: var(--bgColor_037)
}

.sportFrame .chooseZone01 .sideMenu ul li:hover:before, .sportFrame .chooseZone01 .sideMenu ul .activeSTab:before {
    background-color: var(--bgColor_037);
    border-bottom: 1px solid var(--bdColor_003)
}

.sportFrame .chooseZone01 .goResult {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    background: linear-gradient(90deg, #4385F8 0%, #C5DCFF 100%);
    color: var(--txtColor_08);
    text-decoration: none
}

.sportFrame .chooseZone01 .goResult span.icon-iconARupA {
    transform: rotate(90deg);
    transition: .2s all
}

.sportFrame .chooseZone01 .goResult:hover span.icon-iconARupA {
    transform: rotate(90deg) translateY(-5px)
}

.chooseZone .videoZone .title {
    width: 100%;
    height: 40px;
    background-color: var(--bgColor_040) !important;
    border: 1px solid var(--bdColor_012);
    display: flex;
    align-items: center;
    padding: 0 7px 0 10px;
    justify-content: space-between
}

.chooseZone .videoZone .title .left {
    font-size: 14px;
    color: var(--txtColor_126)
}

.chooseZone .videoZone .title .left img {
    margin-right: 5px;
    height: 18px;
    vertical-align: text-top
}

.chooseZone .videoZone .title .left span {
    color: var(--txtColor49);
    margin-right: 5px
}

.chooseZone .videoZone .title .left span.vs {
    color: var(--txtColor_05);
    margin-left: 5px
}

.chooseZone .videoZone .title .right {
    display: flex;
    align-items: center
}

.chooseZone .videoZone .title .right .live span {
    color: var(--txtColor_042);
    font-size: 32px;
    margin-left: 5px
}

.chooseZone .videoZone .title .right .live span.active {
    color: var(--txtColor_09) !important
}

.chooseZone .videoZone .title .right .live span.icon-icon-icconPLAY01 {
    color: var(--txtColor_042)
}

.chooseZone .videoZone .title .right .greenLine {
    background-color: var(--bdColor_001)
}

.chooseZone .videoZone .title .right .arrowV {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.chooseZone .videoZone .title .right .arrowV span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.chooseZone .videoZone .title .right .arrowV:hover span {
    color: var(--txtColor_035)
}

.chooseZone .videoZone .title .right .arrowGO span {
    transform: rotate(180deg)
}

.chooseZone .videoZone .content {
    width: 100%;
    height: 20vw;
    background-repeat: no-repeat;
    background-size: cover
}

.chooseZone .videoZone .content.liveTv {
    height: 260px !important
}

.chooseZone .mainatinGo .content {
    display: none
}

.chooseZone .videoZone .maintainZone, .liveContent .maintainZone {
    background-image: url(../../Images/video403bg.fce8fcb5.jpg);
    width: 100%;
    padding-bottom: 5.5%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 5vh;
    text-align: center
}

.chooseZone .videoZone .maintainZone img, .liveContent .maintainZone img {
    width: 20vw
}

.chooseZone .videoZone .maintainZone h4, .liveContent .maintainZone h4 {
    color: var(--txtColor_019);
    margin-top: 2vh;
    font-size: 1.3vw
}

.chooseZone .videoZone .maintainZone h3, .liveContent .maintainZone h3 {
    color: var(--txtColor_03);
    margin-top: 2vh;
    width: 80%;
    font-size: .8vw;
    line-height: 1.6;
    font-family: ko-regular !important;
    text-align: center;
    margin: 0 auto
}

.chooseZone .videoZone .maintainZone h3 span, .liveContent .maintainZone h3 span {
    color: var(--txtColor_022)
}

.chooseZone .mainatinGo .maintainZone {
    display: flex
}

.chooseZone .bZone .title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid var(--bdColor_003);
    border-top: 1px solid var(--bdColor_003);
    display: flex;
    align-items: center;
    padding: 0 17px;
    justify-content: space-between;
    box-shadow: 0 6px 15px var(--shadow_02);
    background: rgb(236, 241, 253);
    background: -webkit-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -moz-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: -o-linear-gradient(315deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    background: linear-gradient(135deg, rgb(236, 241, 253) 0%, rgb(255, 255, 255) 15%, rgb(239, 243, 254) 20%, rgb(239, 243, 254) 100%);
    border-radius: 10px 10px 0 0
}

.chooseZone .bZone .title:hover {
    background: var(--bgColor_052);
    cursor: pointer
}

.chooseZone .bZone .title .left {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--txtColor_03)
}

.chooseZone .bZone .title .left img {
    margin-right: 10px;
    height: 18px
}

.chooseZone .bZone .title .left img.moneyICON {
    margin-left: 7px;
    height: 20px;
    width: 20px
}

.chooseZone .bZone .title .left .arrowT {
    background-color: var(--bdColor_001);
    margin-left: 9px;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px
}

.chooseZone .bZone .title .left .arrowT:hover {
    background-color: var(--bgColor_014)
}

.chooseZone .bZone .title .left .arrowT span {
    color: var(--txtColor_08);
    font-size: 12px;
    position: absolute;
    transform: rotate(0) translateY(1px)
}

.chooseZone .bZone .title .left .arrowGO span {
    transform: rotate(180deg) translateY(1px)
}

.chooseZone .bZone .title .right .arrowW {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-top: 6px
}

.chooseZone .bZone .title .right .arrowW span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.chooseZone .bZone .title .right .arrowW:hover span {
    color: var(--txtColor_035)
}

.chooseZone .bZone .title .right .arrowGO span {
    transform: rotate(180deg)
}

.chooseZone .bZone .title .right .heart01 {
    position: relative;
    top: 5px;
    right: 30px;
    cursor: pointer
}

.chooseZone .bZone .title .right .heart01 span {
    font-size: 25px !important;
    font-weight: 400 !important;
    color: var(--btnColor09_h) !important;
    position: absolute
}

.chooseZone .bZone .content {
    padding-top: 16px;
    margin-bottom: 18px
}

.chooseZone .bZone .content .nameZone {
    height: 29px;
    display: flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--bdColor_018);
    margin-bottom: 8px
}

.chooseZone .bZone .content .nameZone:after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: var(--bdColor_018)
}

.chooseZone .bZone .content .nameZone .name {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--txtColor_037);
    font-size: 16px
}

.chooseZone .bZone .content .nameZone02:after {
    display: none
}

.chooseZone .bZone .content .nameZone02 .name {
    width: 33%;
    position: relative
}

.chooseZone .bZone .content .nameZone02 .name:nth-child(2):before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    left: 0;
    background-color: var(--bdColor_018)
}

.chooseZone .bZone .content .nameZone02 .name:nth-child(2):after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    right: 0;
    background-color: var(--bdColor_018)
}

.chooseZone .bZone .content .btnZone {
    display: flex;
    justify-content: space-between;
    width: 98%;
    margin: 0 auto 9px
}

.chooseZone .bZone .content .btnZone .btnM {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--main);
    border: 1px solid var(--bdColor_018);
    border-radius: 5px;
    color: var(--txtColor_037);
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding: 2.2%
}

.chooseZone .bZone .content .btnZone .btnM span {
    color: var(--txtColor126)
}

.chooseZone .bZone .content .btnZone .btnM .left span {
    margin-left: 7px
}

.chooseZone .bZone .content .btnZone .btnM:hover {
    background-color: var(--bgColor_039) !important;
    border: 1px solid var(--bgColor_039) !important
}

.chooseZone .bZone .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.chooseZone .bZone .content .btnZone .btnM .block.leftMore {
    left: -15px
}

.chooseZone .bZone .content .btnZone .btnM .block .lock {
    width: 30px;
    height: 30px;
    background-color: var(--main);
    border: 1px solid var(--bdColor_021);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.chooseZone .bZone .content .btnZone .btnM .block .lock span {
    color: var(--bgColor_031);
    font-size: 17px
}

.chooseZone .bZone .content .btnZone .blocking .block {
    display: block
}

.chooseZone .bZone .content .btnZone .blocking .block.pr15 {
    padding-right: 15px
}

.chooseZone .bZone .content .btnZone .btnM span.percent {
    color: var(--txtColor_038)
}

.chooseZone .bZone .content .btnZone .btnM .percent span.greenTXT {
    color: var(--txtColor_038) !important
}

.chooseZone .bZone .content .btnZone .btnM span.greenTXT {
    color: var(--txtColor_038)
}

.chooseZone .bZone .content .btnZone .yellowChoose {
    background-color: var(--bgColor_039) !important;
    border: 1px solid var(--bgColor_039) !important
}

.ac {
    text-align: center
}

.al {
    text-align: left
}

.ar {
    text-align: right
}

.redTxt, .redTxt01 {
    color: var(--txtColor_039) !important
}

.blueTxt {
    color: var(--txtColor42) !important
}

.blueTxt01 {
    color: var(--txtColor_09) !important
}

.blueIcon {
    color: var(--bgColor_046) !important
}

.blueHint {
    background-color: var(--bgColor_046) !important
}

.greenIcon {
    color: var(--txtColor44) !important
}

.greenHint {
    background-color: var(--bgColor049) !important
}

.greenBtn {
    background-color: var(--btnColor_001) !important;
    color: var(--txtColor25) !important;
    cursor: pointer !important
}

.greenBtn:hover {
    background-color: var(--btnColor012_h) !important
}

.greenBtn01 {
    background-color: var(--btnColor_005) !important;
    color: var(--txtColor_08) !important;
    cursor: pointer !important
}

.greenBtn01:hover {
    background-color: var(--btnColor_005_h) !important
}

.greyBtn {
    background-color: var(--btnColor018) !important;
    color: var(--txtColor51) !important
}

.greyBtn:hover {
    background-color: var(--btnColor018_h) !important
}

.greyBtn01 {
    background-color: var(--btnColor_006) !important;
    color: var(--txtColor_08) !important
}

.greyBtn01:hover {
    background-color: var(--btnColor_006_h) !important
}

.yellowChoose {
    background-color: var(--bgColor_039) !important;
    border: 1px solid var(--bgColor_039) !important
}

.yellowChoose span {
    color: var(--txtColor22) !important
}

.yellowNo {
    background-color: var(--bgColor050) !important
}

.blueNo {
    background-color: var(--txtColor43);
    color: var(--txtColor_08) !important
}

.flexShow {
    display: flex !important
}

.moreSlide {
    transform: translate(0);
    width: 100%
}

.btnM.blocking .right span.percent, .btnM.blocking .right .greenTXT {
    display: none !important
}

@media (max-width: 1885px) {
    .centerZone {
        width: 69%
    }

    .sportFrame .decideZone {
        width: 18%
    }
}

@media (max-width: 1571px) {
    .sportFrame .decideZone .content .moneyZone table tr td {
        font-size: 12px;
        padding: 13px 7px
    }
}

@media (max-width: 1488px) {
    .centerZone {
        width: 67%
    }

    .sportFrame .decideZone {
        width: 20%
    }
}

@media (max-width: 1384px) {
    .centerZone {
        width: 60%
    }

    .sportFrame .chooseFrame {
        flex-direction: column
    }

    .sportFrame .chooseZone {
        width: 100%
    }

    .sportFrame .chooseZone01 {
        width: 16%
    }

    .sportFrame .decideZone {
        width: 23%
    }

    .chooseZone .videoZone {
        display: none
    }
}

@media (max-width: 1250px) {
    .sportFrame .decideZone .content .moneyZone table tr td {
        padding: 13px 5px
    }
}

@media (max-width: 1185px) {
    .centerZone {
        width: 58%
    }

    .sportFrame .decideZone {
        width: 25%
    }
}

@media (max-width: 1090px) {
    .sportFrame .decideZone .content .listFrame .list .left h4 {
        width: 103px
    }

    .sportFrame .decideZone .content .moneyZone table tr td {
        padding: 13px 3px
    }
}

@media (max-width: 1049px) {
    .sportFrame .chooseZone01 {
        width: 16%
    }

    .centerZone {
        width: 57%
    }

    .sportFrame .decideZone {
        width: 26%
    }
}

@media (max-width: 1024px) {
    .centerZone {
        width: 56%
    }

    .sportFrame .decideZone {
        width: 27%
    }
}

.bZone.NoData {
    margin-top: 30px
}

.sportFrame .decideZone .setZone .set01 .inputFrame .btnE, .sportFrame .decideZone .setZone .set01 .inputFrame .btnV {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px
}

.blueLBtn {
    background: var(--btnColor_001) !important;
    color: var(--txtColor01_h) !important;
    cursor: pointer
}

.blueLBtn:hover, .blueLBtn:focus {
    background: var(--btnColor_001_h) !important
}

.blueLLineBtn02 {
    color: var(--txtColor_09) !important;
    box-sizing: border-box;
    border: 2px solid var(--btnColor_001) !important;
    cursor: pointer
}

.blueLLineBtn02:hover, .blueLLineBtn02:focus {
    background: var(--btnColor_001) !important;
    color: var(--txtColor_08) !important
}

.greyBtn02 {
    background: var(--btnColor_007) !important;
    color: var(--txtColor_037);
    cursor: pointer
}

.sportFrame .decideZone .content .result table {
    width: 100%
}

.sportFrame .decideZone .content .listFrame .blocking .title .xx {
    position: relative;
    z-index: 10
}

.btnA .loading {
    width: 20px
}

.sportFrame .decideZone .content .listFrame .listScroll {
    overflow-y: scroll;
    height: 687px
}

.sportFrame .decideZone .content .listFrame .listScroll.history {
    overflow-y: scroll;
    height: 725px
}

.sportFrame .decideZone .content .listFrame .listScroll::-webkit-scrollbar {
    width: 3px
}

.sportFrame .decideZone .content .listFrame .listScroll::-webkit-scrollbar-track {
    background-color: #d5e0f7
}

.sportFrame .decideZone .content .listFrame .listScroll::-webkit-scrollbar-thumb {
    background-color: #adb5d0
}

.sportFrame .decideZone .content .listFrame .listScroll::-webkit-scrollbar-thumb:hover {
    background-color: #939ab0
}

.sportFrame .decideZone .content .bSuccess {
    background-color: var(--bgColor_058);
    border: 1px solid var(--bdColor_030);
    color: var(--txtColor125)
}

.sportFrame .decideZone .content .bSuccess span {
    color: var(--txtColor_053)
}

.sportFrame .decideZone .content .bSuccess span.icon-icconCheck01 {
    transform: rotate(0)
}

.sportFrame .decideZone .content .bFailed {
    background-color: var(--bdColor_016);
    color: var(--txtColor103)
}

.sportFrame .decideZone .content .bFailed span {
    color: var(--txtColor103)
}

.sportFrame .decideZone .content .bLoading {
    background-color: var(--bdColor_016);
    color: var(--txtColor103)
}

.sportFrame .decideZone .content .bLoading img {
    width: 22px;
    margin-right: 5px
}

.btnGO .icon-iconARdownA {
    transform: rotate(270deg)
}

.sportLBtn01 .loading, .lockLoading {
    width: 18px;
    height: 18px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .bTime {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--txtColor_037);
    font-size: .8vw;
    font-weight: 700
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrameClose {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle {
    background-color: var(--bgColor_025) !important;
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    cursor: pointer;
    position: relative
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball {
    display: flex;
    align-items: center;
    color: var(--txtColor_037);
    font-family: ko-regular !important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball img {
    height: 17px;
    margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowB {
    opacity: 1
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left img.esImg {
    height: 27px;
    margin-right: 10px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowD {
    opacity: 1
}

.sportFrame .chooseZone01 .sideMenu01 .esFrameClose {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .txt {
    color: var(--txtColor_05);
    opacity: 1;
    transition: .2s ease-out;
    position: absolute;
    right: 7px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .txt {
    opacity: 0
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowGO span {
    transform: rotate(0) !important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle {
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px;
    cursor: pointer;
    transition: .2s all ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle:hover {
    background: var(--bgColor_052) !important
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball {
    display: flex;
    align-items: center;
    color: var(--txtColor_037);
    font-family: ko-regular !important;
    line-height: initial
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball img {
    height: 17px;
    margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC {
    color: var(--txtColor_05);
    font-size: 16px;
    position: relative;
    cursor: pointer
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC span {
    color: var(--txtColor_05);
    font-size: 16px;
    position: absolute;
    top: -7px;
    right: -5px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowGO span {
    transform: rotate(0) !important
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .countryOpen {
    display: block
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country {
    background-color: var(--main);
    border: 1px solid var(--bdColor_012);
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px;
    cursor: pointer;
    transition: .4s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country:hover {
    background-color: var(--bgColor_052)
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country span {
    color: var(--txtColor_034);
    font-size: 12px
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame01 .country span.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 198px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p {
    padding-left: 25px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p:before {
    content: "";
    position: absolute;
    left: 3%;
    width: auto;
    min-width: 18px;
    height: 38px;
    background-image: url(../../Images/0_sport.c1534aba.svg);
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p span {
    padding-left: 2px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.football:before {
    background-image: url(../../Images/icon-icconBALL01.87e351b0.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.basketball:before {
    background-image: url(../../Images/icon-icconBALL02.6eb9535a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.baseball:before {
    background-image: url(../../Images/icon-icconBALL04.e4a6f354.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.icehockey:before {
    background-image: url(../../Images/2_IceHockey.b3af46cd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tennis:before {
    background-image: url(../../Images/4_Tennis.1b93e687.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.volleyball:before {
    background-image: url(../../Images/5_Volleyball.27a3e3c5.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.americanfootball:before {
    background-image: url(../../Images/6_AmericanFootball.d3b1f0e9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.australianfootball:before {
    background-image: url(../../Images/8_AustralianFootball.cede1014.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.badminton:before {
    background-image: url(../../Images/9_Badminton.92bc63c1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.baseball:before {
    background-image: url(../../Images/11_Baseball.aa83970d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.beachfootball:before {
    background-image: url(../../Images/12_BeachFootball.33b91660.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.beachvolleyball:before {
    background-image: url(../../Images/14_BeachVolleyball.b84031f1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.biathlon:before {
    background-image: url(../../Images/15_Biathlon.7af2a123.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.bowls:before {
    background-image: url(../../Images/16_Bowls.87a56137.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.boxing:before {
    background-image: url(../../Images/17_Boxing.6aae83ac.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.chess:before {
    background-image: url(../../Images/18_Chess.808dcd41.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.cricket:before {
    background-image: url(../../Images/19_Cricket.e51959f1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.cycling:before {
    background-image: url(../../Images/20_Cycling.52a9f7a0.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.darts:before {
    background-image: url(../../Images/22_Darts.c8543d27.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.floorball:before {
    background-image: url(../../Images/24_Floorball.5e003cb3.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.formula1:before {
    background-image: url(../../Images/25_Formula1.fab98cbd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.futsal:before {
    background-image: url(../../Images/26_Futsal.ad0b9de6.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.golf:before {
    background-image: url(../../Images/27_Golf.a858712e.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.handball:before {
    background-image: url(../../Images/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.hockey:before {
    background-image: url(../../Images/29_Handball.aa343568.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.motorsport:before {
    background-image: url(../../Images/32_Motorsport.d0535bc9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.nascar:before {
    background-image: url(../../Images/33_Nascar.ec4c1a14.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pool:before {
    background-image: url(../../Images/34_Pool.b868bb0d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rally:before {
    background-image: url(../../Images/35_Rally.ce67f9b1.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rallyugbyleague:before {
    background-image: url(../../Images/36_RugbyLeague.0ac562ce.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rugbyunion:before {
    background-image: url(../../Images/37_RugbyUnion.63833475.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.snooker:before {
    background-image: url(../../Images/39_Snooker.9c315fee.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tabletennis:before {
    background-image: url(../../Images/41_TableTennis.fb33b37e.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.waterpolo:before {
    background-image: url(../../Images/42_WaterPolo.a6858bd8.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.gaelicfootball:before {
    background-image: url(../../Images/69_GaelicFootball.601dd9ee.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.hurling:before {
    background-image: url(../../Images/70_Hurling.7906060b.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.surfing:before {
    background-image: url(../../Images/72_Surfing.58e942bb.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.speedway:before {
    background-image: url(../../Images/87_Speedway.bcd494e9.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.squash:before {
    background-image: url(../../Images/88_Squash.890a6eff.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.politics:before {
    background-image: url(../../Images/89_Politics.0509e164.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.specialbets:before {
    background-image: url(../../Images/90_SpecialBets.bbb15fe4.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.oscar:before {
    background-image: url(../../Images/92_Oscar.84780f91.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rugbysevens:before {
    background-image: url(../../Images/95_RugbySevens.862016bf.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.autoracing:before {
    background-image: url(../../Images/101_AutoRacing.0956af22.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.alpineskiing:before {
    background-image: url(../../Images/102_AlpineSkiing.d6eca29b.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pesapallo:before {
    background-image: url(../../Images/104_Pesapallo.d9dde43d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.skijumping:before {
    background-image: url(../../Images/106_SkiJumping.74dbb543.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.netball:before {
    background-image: url(../../Images/108_Netball.609e5e72.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.lacross:before {
    background-image: url(../../Images/110_Lacross.5f2045bd.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.freestylewrestling:before {
    background-image: url(../../Images/114_FreestyleWrestling.02e48424.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.rinkhockey:before {
    background-image: url(../../Images/116_RinkHockey.3a19e50a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.archeryh2h:before {
    background-image: url(../../Images/124_ArcheryH2H.2f5fb24a.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.tvshowsandmovies:before {
    background-image: url(../../Images/147_TVShowsAndMovies.f1cb2550.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.horseracingspecials:before {
    background-image: url(../../Images/153_HorseRacingSpecials.64a8fa95.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.futurehorseracing:before {
    background-image: url(../../Images/180_FutureHorseRacing.d210945c.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.basketballshots:before {
    background-image: url(../../Images/205_BasketballShots.bcd63e4d.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.archery:before {
    background-image: url(../../Images/210_Archery.3ae1cc4f.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.pistolshooting:before {
    background-image: url(../../Images/0_sport.c1534aba.svg)
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p.teqball:before {
    background-image: url(../../Images/210_Archery.3ae1cc4f.svg)
}

.subMenuBottom {
    height: 35px;
    width: 100%
}