@charset "UTF-8";.sportFrame .tabZone ul {
    border: 1px solid var(--yellow001)
}

.main_content_wrap {
    width: 98%;
}

.sportFrame .tabZone ul li+li {
    border-left: 1px solid var(--yellow001)
}

.sportFrame .tabZone ul li h4,.sportFrame .tabZone ul li span {
    color: var(--yellow001)
}

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

.sportFrame .tabZone ul li.active span,.sportFrame .tabZone ul li:hover span,.sportFrame .tabZone ul li.active h4,.sportFrame .tabZone ul li:hover h4 {
    color: var(--main01)
}

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

.main_content_sport {
    width: 100%!important
}

.sportFrame .chooseZone,.sportFrame .decideZone,.moreZone {
    background-color: var(--black007)
}

.sportFrame {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: var(--main);
    position: relative;
    margin: 15px auto
}

.sportFrame .chooseFrame {
    width: calc(100% - 330px);
    height: auto;
    overflow: hidden;
    float: left;
    position: relative
}

.sportFrame .chooseZone {
    width: 100%;
    float: left
}

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

.sportFrame .chooseZone .tabZone,.sportFrame .chooseZone .tabZone .tabFrame {
    height: auto;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sportFrame .chooseZone .tabZone button {
    background: -webkit-linear-gradient(90deg,rgb(210,158,84) 15%,rgb(236,204,148) 100%);
    color: var(--yellow013);
    border: none;
    border-radius: 5px;
    padding: 7px 13px;
    height: 33px;
    margin-right: 5px;
    font-size: 12px;
    transition: .3s ease-out
}

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

.sportFrame .chooseZone .tabZone ul li {
    height: 28px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    z-index: 0;
    overflow: unset;
}

.sportFrame .chooseZone .tabZone ul li.sportLeftMenuBtn {
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

.sportFrame .chooseZone .tabZone ul li.sportRightMenuBtn {
    border-width: 1px;
    border-color: rgb(214, 173, 0);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(15, 14, 11);
}
.sportFrame .chooseZone .tabZone ul li.sportLeftMenuBtn.active,
.sportFrame .chooseZone .tabZone ul li.sportLeftMenuBtn:hover,
.sportFrame .chooseZone .tabZone ul li.sportRightMenuBtn.active,
.sportFrame .chooseZone .tabZone ul li.sportRightMenuBtn:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

.chooseZone .tabZone ul li:before {
    width: 97%;
    height: 91%;
    top: 50%
}

.chooseZone .tabZone ul li.sportLeftMenuBtn,.chooseZone .tabZone ul li:before {
    border-radius: 4px;
    background: unset;
    border: unset !important;
    color: unset;
}

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

.sportFrame .chooseZone .tabZone ul li .txt {
    color: #000!important;
    font-size: 12px;
    white-space: nowrap;
    font-weight: bold;
}

.sportFrame .chooseZone .tabZone ul li.sportRightMenuBtn .txt {
    color: #d6ad00!important;
}

.sportFrame .chooseZone .tabZone ul li .txt span {
    color: #000!important;
    margin-left: 4px
}

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

.sportFrame .chooseZone .sportZone .pageSport:nth-child(2),.sportFrame .chooseZone .sportZone .pageSport:nth-child(3),.sportFrame .chooseZone .sportZone .pageSport:nth-child(4),.sportFrame .chooseZone .sportZone .pageSport:nth-child(5),.sportFrame .chooseZone .sportZone .pageSport:nth-child(6),.sportFrame .chooseZone .sportZone .pageSport:nth-child(7) {
    display: none
}

.sportFrame .chooseZone .sportZone .pageSport .subZone {
    width: 100%;
    height: 46px;
    background-color: var(--main);
    display: none;
    align-items: center
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub {
    color: var(--txtColor010);
    font-size: 14px;
    cursor: pointer;
    transition: .4s ease-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub01 {
    width: 12%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub02 {
    width: 8%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub03 {
    width: 30%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub04 {
    width: 7%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub05 {
    width: 29%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub06 {
    width: 5%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub07 {
    width: 6%
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub:hover {
    color: var(--txtColor20)
}

.sportFrame .chooseZone .sportZone .pageSport .subZone .sub span {
    margin-left: 6px;
    font-size: 12px;
    animation: shineArrow .9s infinite
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone {
    overflow-y: scroll;
    height: 788px
}

.sportFrame .chooseZone .cubeZone::-webkit-scrollbar,
.sportFrame .decideZone .panelChange .content .betList::-webkit-scrollbar {
    width: 6px;
    background: #605e55;
}

.sportFrame .chooseZone .cubeZone::-webkit-scrollbar-thumb,
.sportFrame .decideZone .panelChange .content .betList::-webkit-scrollbar-thumb {
    background-image: -moz-linear-gradient( -180deg, rgb(236,237,238) 0%, rgb(255,255,255) 44%, rgb(201,202,202) 46%, rgb(146,148,148) 46%, rgb(236,237,238) 60%, rgb(185,186,187) 77%, rgb(134,134,135) 85%, rgb(179,179,180) 91%, rgb(224,224,224) 99%);
    background-image: -webkit-linear-gradient( -180deg, rgb(236,237,238) 0%, rgb(255,255,255) 44%, rgb(201,202,202) 46%, rgb(146,148,148) 46%, rgb(236,237,238) 60%, rgb(185,186,187) 77%, rgb(134,134,135) 85%, rgb(179,179,180) 91%, rgb(224,224,224) 99%);
    background-image: -ms-linear-gradient( -180deg, rgb(236,237,238) 0%, rgb(255,255,255) 44%, rgb(201,202,202) 46%, rgb(146,148,148) 46%, rgb(236,237,238) 60%, rgb(185,186,187) 77%, rgb(134,134,135) 85%, rgb(179,179,180) 91%, rgb(224,224,224) 99%);
    transition: .2s all ease-out
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    color: var(--main02);
    background: linear-gradient(45deg,var(--yellow013),var(--yellow010))
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS:hover {
    background: var(--bgColor_052)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .left {
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .left img {
    margin-right: 5px;
    height: 20px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .left span {
    color: var(--txtColor49);
    margin: 5px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right .arrowT span {
    color: var(--txtColor17)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right .arrowT:hover span {
    color: var(--txtColor17)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right .heart01 {
    position: absolute;
    top: 1px;
    left: -32px;
    cursor: pointer
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right .heart01 span {
    font-size: 25px!important;
    font-weight: 400!important;
    color: var(--btnColor09_h)!important;
    position: absolute
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS .right .arrowGO span {
    transform: rotate(180deg)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube div li:nth-child(1) {
    margin-top: 10px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube div li:last-child {
    margin-bottom: 10px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS {
    display: flex;
    width: 100%;
    padding: 6px .6%;
    align-items: center;
    justify-content: space-between;
    background: none;
    color: var(--main02);
    font-size: 12px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS:hover {
    background-color: #313131
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone .time {
    font-size: .7vw
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone .hintFrame {
    position: absolute;
    margin-left: 17px;
    cursor: pointer
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone .hintFrame span {
    font-size: 1vw;
    position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone .hintFrame:hover .hint {
    display: flex
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .leftZone .hintFrame .hint:after {
    content: "";
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
    position: absolute;
    top: -3px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone {
    width: 80%;
    display: flex;
    justify-content: space-between
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn {
    display: flex;
    width: 84%;
    justify-content: space-between
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--black013);
    font-size: 12px;
    cursor: pointer
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA,.heartFrame {
    border: 1px solid var(--black011);
    border-radius: 5px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA:hover .txt h3,
.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA.selected .txt h3 {
    color: var(--txtColor17)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txt h3 {
    color: var(--main01)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS {
    width: 44.5%;
    height: 32px;
    padding: 0 1.5%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .7vw;
    position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame {
    display: flex;
    align-items: center
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame img {
    width: 1vw
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame .img-bonus img {
    width: 40%;
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame h2 {
    margin-left: 5px;
    margin-right: 5px
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS:hover .txtFrame h2,
.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS.selected .txtFrame h2 {
    color: var(--txtColor17)
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txt {
    display: flex;
    align-items: center
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txt span {
    margin: 0 3px;
    opacity: 1;
    animation: shineArrow .9s infinite
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameC span {
    margin-left: 3px;
    opacity: 1;
    animation: shineArrow .9s infinite
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameC {
    width: 10%;
    height: 32px;
    font-size: .7vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .txt span {
    margin: 0 3px;
    opacity: 1;
    animation: shineArrow .9s infinite
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftU .txt span.icon-iconARup01 {
    position: absolute;
    top: 3px;
    right: -1px;
    display: block;
    color: var(--txtColor41)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftD .txt span.icon-iconARup01 {
    position: absolute;
    bottom: 3px;
    right: -1px;
    display: block;
    transform: rotate(90deg);
    color: var(--valueUpArrow)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftU .txt h3 {
    color: var(--txtColor41)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .leftD .txt h3 {
    color: var(--valueUpArrow)!important
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .goingUP,.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .goingDOWN {
    background-color: var(--bgColor017);
    border: 1px solid var(--bdColor018);
    animation: shineArrow01 .9s infinite
}

.icon-iconARdownB,.icon-iconARupB {
    display: none
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .goingUP .icon-iconARupB,.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .goingDOWN .icon-iconARdownB {
    display: block
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .more {
    width: 8%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 5px;
    font-size: .7vw;
    cursor: pointer;
    color: var(--txtColor17)
}

.sportFrame .decideZone {
    width: 315px;
    float: right;
    position: relative;
    overflow-y: scroll;
    height: auto
}

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

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

.sportFrame .decideZone .setZone {
    padding: 2px 5px
}

.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;
    position: relative;
    border-radius: 20px;
    cursor: pointer
}

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

.sportFrame .decideZone .setZone .set01 .switchZone .switch {
    background: var(--main02)
}

.sportFrame .decideZone .setZone .set01 .switchZone .switchOn {
    background: linear-gradient(var(--yellow001),var(--yellow002))
}

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

.sportFrame .decideZone .setZone .set01 .switchZone span,.sportFrame .decideZone .setZone .set01 .switchZone .txt {
    color: var(--main02)
}

.sportFrame .decideZone .setZone .set01 .switchZone .txt {
    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 {
    font-size: 19px;
    margin-left: 3px
}

.sportFrame .decideZone .setZone .set01 .inputFrame {
    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(--main02);
    background-color: #000;
    width: 100%;
    border: 0;
    outline: none
}

.sportFrame .decideZone .setZone .set01 .inputFrame input::placeholder {
    color: var(--black011);
    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(--main01);
    background: var(--black011)!important
}

.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(--main02);
    font-size: 19px
}

.sportFrame .decideZone .setZone .warning {
    color: var(--main02);
    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: #d6ad00;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--txtColor_08);
    padding: 0 14px
}

.sportFrame .decideZone .panelChange .title > span {
    font-weight: bold;
}

.sportFrame .decideZone .panelChange .title .xx1 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

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

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

.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 {
    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(--main02);
    font-size: 12px
}

.radio-label:after {
    display: none
}

.radio input[type=radio]+.radio-label:before {
    content: "";
    background: var(--black003);
    border-radius: 100%;
    border: 1px solid var(--black010);
    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(--yellow009)
}

.radio input[type=radio]:focus+.radio-label:before {
    outline: none
}

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

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

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

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

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

.sportFrame .decideZone .content .tabBar .tab ul li span {
    margin-left: 3px
}

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

.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 .listZone .deleteAll {
    width: 90%;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--black002)
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .refreshZone {
    display: flex;
    align-items: center;
    color: var(--black002);
    border-radius: 5px;
    cursor: pointer;
    transition: .4s ease-out
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .refreshZone span {
    margin-right: 6px;
    font-size: 19px
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .deleteAll01 {
    display: flex;
    align-items: center;
    cursor: pointer
}

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

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .xxAll span {
    font-weight: bolder;
    font-size: 19px
}

.sportFrame .decideZone .content .listFrame .list {
    position: relative;
    margin: 0 auto 13px;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(var(--black001),var(--black012))
}

.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 .moneyZone,.sportFrame .decideZone .listZone .slipZone .slip,.sportFrame .decideZone .content .listFrame .list,.result {
    width: 90%;
    margin: 0 auto
}

.sportFrame .decideZone .content .moneyZone,.sportFrame .decideZone .listZone .slipZone .slip,.sportFrame .decideZone .content .listFrame .list {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 13px;
    background: linear-gradient(var(--black001),var(--black012))
}

.sportFrame .decideZone .content .moneyZone .title,.sportFrame .decideZone .listZone .slipZone .slip .title,.sportFrame .decideZone .content .listFrame .list .title {
    color: var(--txtColor17);
    font-size: 16px;
    padding: 9px;
    font-family: ko-regular!important;
    background: var(--yellow008);
    display: flex;
    align-items: center;
    justify-content: space-between
}

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

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

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

.sportFrame .decideZone .content .listFrame .list .content .txtList {
    color: var(--main02);
    font-size: 13px;
    font-family: ko-bold!important;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .redTxt {
    color: var(--red001)!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: #141414a3;
    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 {
    margin: 20px auto 0
}

.sportFrame .decideZone .listZone .slipZone .slip {
    position: relative;
    background-color: var(--main);
    margin: 0 auto 15px;
    border-radius: 5px;
    overflow: hidden
}

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

.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: 1px 8px 6px;
    position: relative
}

.sportFrame .decideZone .listZone .slipZone .slips .content {
    padding: 1px 8px 0
}

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

.sportFrame .decideZone .listZone .slipZone .slip .content .teamZone .team,.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .txt {
    width: 100%;
    margin-top: 3px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .teamZone .team {
    color: var(--black008);
    font-size: 13px;
    padding-bottom: 5px;
    font-weight: 700;
    line-height: 1.4
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .percent h3.major {
    width: 77%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2
}

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

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone {
    color: var(--black005);
    font-size: 12px;
    line-height: 1.8;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    border-bottom: 2px dotted #444444;
    padding-bottom: 3px;
    margin-top: -7px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .txt h3 {
    font-size: 13px;
    margin-top: -8px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .percent {
    color: var(--yellow009);
    font-size: 14px;
    font-family: ko-bold!important;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: -3px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone {
    margin-top: 7px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: end
}

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

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 94%;
    margin: 0 auto;
    border-bottom: 2px dotted #444444;
    padding: 8px 0;
    color: var(--black005)
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally span,.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .blueTxt01 {
    color: var(--black008);
    font-size: 12px;
    line-height: 1.3;
    display: flex
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally span h2 {
    margin-left: 3px;
    color: var(--yellow009)
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .redTxt01 {
    color: var(--red001)
}

.decideZone table tr:nth-child(odd),.decideZone table tr:hover td {
    background-color: var(--opacity)
}

.decideZone table tr {
    border: none
}

.sportFrame .decideZone .content .moneyZone table tr td {
    color: var(--main02);
    font-size: 14px;
    padding: 10px 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
}

.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(--main02);
    background-color: var(--black013);
    border: 1px solid var(--black011)
}

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

.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;
    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 .hint {
    color: var(--red001)!important;
    font-size: 12px;
    padding-bottom: 5px;
    text-align: center
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .checkOK,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .checkOK:hover {
    background: var(--txtColor_026)!important;
    border: 1px solid var(--txtColor_026)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .checkOK:before,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .checkOK:hover:before {
    display: none!important
}

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

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0s ease-out;
    z-index: 0
}

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

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

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(2) {
    width: 70%;
    color: var(--main01)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:before {
    border-radius: 4px
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:before {
    width: 98%;
    height: 98%;
    top: 50%
}

.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 .bSuccess {
    background-color: #4f2526;
    border: 1px solid #4f2526;
    color: var(--main01)
}

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

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

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

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

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

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

.sportFrame .decideZone .content .btnGO span {
    font-size: 22px;
    margin-right: 5px;
    color: var(--main01)
}

.sportFrame .decideZone .content .btnGO span.icon-iconARdownA {
    transform: rotate(270deg)
}

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

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

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

.moreZone .frameZone .title,.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS {
    background: #0f0e0b;
}

.moreZone .frameZone .title,.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS:hover {
    background-color: rgb(214, 173, 0);
    transition: .2s all ease-out
}
.moreZone .frameZone .title,.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .titleS:hover .left {
    color: #000;
}

.moreZone .frameZone .title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    padding: 0 22px 0 10px;
    color: var(--txtColor17);
    font-size: 14px;
    font-weight: 700
}

.moreZone .frameZone .title .left {
    margin-left: 16px;
    display: flex;
    align-items: center
}

.moreZone .frameZone .title .left span.vs {
    margin-left: 5px
}

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

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

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

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

.moreZone .frameZone .content {
    width: 100%;
    padding-bottom: 15.3%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: none
}

.webp .moreZone .frameZone .content {
    background-image: url(/assets/video04.47973ab3.webp)
}

.no-webp .moreZone .frameZone .content {
    background-image: url(../assets/images/lobby/video/video04.jpg)
}

.moreZone .frameZone .content .vsZone {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 86%;
    height: 64px;
    background-color: var(--bgColor039);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
    flex-direction: column
}

.moreZone .frameZone .content .vsZone .upZone {
    display: flex;
    width: 108%;
    height: 64px;
    align-items: center
}

.moreZone .frameZone .content .vsZone .upZone .team {
    width: 40%;
    display: flex;
    align-items: center
}

.moreZone .frameZone .content .vsZone .upZone .team2 {
    justify-content: flex-end
}

.moreZone .frameZone .content .vsZone .upZone .team .txt {
    font-size: 16px;
    color: var(--txtColor02);
    font-family: ko-regular!important;
    margin: 40px
}

.moreZone .frameZone .content .vsZone .upZone .count {
    width: 20%;
    display: flex
}

.moreZone .frameZone .content .vsZone .upZone .count .btnM {
    padding: 10px 20px;
    background-color: var(--yellow008);
    border: 1px solid #000000;
    border-radius: 5px;
    margin-right: 3px;
    cursor: pointer
}

.moreZone .frameZone .content .vsZone .timeZone {
    color: var(--txtColor_08);
    font-size: 14px;
    margin-top: 10px
}

.moreZone .frameZone .nameBall {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 22px 0 12px;
    color: var(--txtColor02);
    font-size: 14px;
    border-top: 1px solid var(--bdColor031)
}

.moreZone .nameBall .left {
    color: var(--txtColor28);
    font-size: 14px;
    color: var(--txtColor02)
}

.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 span {
    color: var(--black008);
    font-size: 32px;
    margin-left: 5px
}

.moreZone .nameBall .right .live span.active {
    color: var(--yellow003)
}

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

.moreZone .bZone .content .btnZone .btnM span.percent {
    color: #eab788
}

.moreZone .bZone .content .btnZone .btnM.selected span.percent {
    color: var(--main02)
}

.arrowT,.arrowW,.arrowM {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.arrowT span,.arrowW span,.arrowM span {
    color: var(--txtColor17);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.arrowT:hover span,.arrowW:hover span,.arrowM:hover span {
    color: var(--txtColor17)!important
}

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

.moreZone .tabZone02 {
    height: 80px
}

.moreZone .tabZone02 ul {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 80px;
    padding-left: 18px;
    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;
    margin-right: 9px;
    cursor: pointer;
    z-index: 0;
    padding: 0 10px
}

.moreZone .tabZone02 ul li:before {
    width: 97%;
    height: 91%;
    top: 50%
}

.moreZone .tabZone02 ul li,.moreZone .tabZone02 ul li:before {
    border-radius: 5px
}

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

.moreZone .tabZone02 ul li .txt {
    color: var(--txtColor_055);
    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_033);
    margin-left: 4px;
    margin-right: 7px
}

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

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

.moreZone .bZone .title {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 17px;
    justify-content: space-between;
    background: rgb(236,241,253);
    cursor: pointer;
    transition: .2s all ease-out
}

.moreZone .frameZone .nameBall,.moreZone .bZone .title {
    background: var(--yellow008)
}

.moreZone .frameZone .nameBall,.moreZone .bZone .title:hover {
    background: linear-gradient(var(--yellow001),var(--yellow002));
    cursor: pointer;
    transition: .2s all ease-out
}

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

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

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

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

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

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

.moreZone .bZone .title .right .heart01 span {
    transition: all .2s linear;
    font-size: 25px!important;
    font-weight: 400!important;
    color: var(--black011)!important;
    position: absolute
}

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

.moreZone .bZone .content {
    margin: 18px 0
}

.moreZone .bZone .content .nameZone {
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    margin-top: -18px
}

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

.moreZone .bZone .content .nameZone .name:nth-child(2) {
    background-color: var(--black011)
}

.moreZone .bZone .content .nameZone .name:nth-child(3) {
    background-color: var(--black002)
}

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

.moreZone .bZone .content .nameZone02 .name {
    width: 33.3333333%
}

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

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

.moreZone .bZone .content .btnZone .btnM:hover {
    background: var(--yellow001);
    border: 1px solid var(--black011)
}

.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_031);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

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

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

.moreZone .bZone .content .btnZone .btnM:hover {
    background-clip: initial;
    color: var(--txtColor17)
}

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

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

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .numberZone {
    color: var(--black008);
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    width: 100%;
    margin-bottom: 7px;
    position: relative
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .numberZone .number {
    color: var(--black008);
    display: flex;
    align-items: center
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .txt h2 {
    line-height: 1.4;
    margin-top: 5px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .numberZone .number span {
    color: var(--black008);
    margin-left: 3px;
    cursor: pointer
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .numberZone .state {
    color: var(--black005);
    display: flex;
    align-items: center
}

.sportFrame .decideZone .listZone .slipZone .slip .content .success .numberZone .state01 {
    color: var(--txtColor_026)!important;
    display: flex;
    align-items: center;
    animation: shineTag01 3s 1 forwards;
    position: absolute;
    right: 0
}

.sportFrame .decideZone .listZone .slipZone .slip .content .success .numberZone .state01 span {
    margin-right: 5px;
    color: var(--txtColor_026)!important
}

.sportFrame .decideZone .listZone .slipZone .slip .content .success .numberZone .state {
    animation: shineTag02 3s 1 forwards
}

.sportFrame .decideZone .listZone .slipZone .slip .content .normal .numberZone .state01 {
    display: none
}

.sportFrame .decideZone .listZone .slipZone .slip .content .cash .goCash {
    display: block
}

.sportFrame .decideZone .listZone .slipZone .slip .content .cash .numberZone .state01 {
    display: none
}

.sportFrame .decideZone .listZone .slipZone .slips.content {
    padding: 1px 8px 0
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally span,.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .blueTxt01 {
    font-size: 12px;
    line-height: 1.3;
    display: flex
}

.sportFrame .decideZone .listZone .slipZone .slip .resultFinally span h2 {
    color: var(--black008);
    margin-left: 3px
}

.sportFrame .decideZone .listZone .slipZone .slip .copyZone {
    background-color: #5e5e5e;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap
}

.sportFrame .decideZone .listZone .slipZone .slip .goToasts {
    animation: toasts01 1.5s 1 forwards
}

@-webkit-keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes shineTag02 {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes toasts {
    0% {
        opacity: 0;
        top: 110%
    }

    50% {
        opacity: 1;
        top: 50%
    }

    to {
        opacity: 0;
        top: -10%
    }
}

@-webkit-keyframes toasts01 {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%,-50%) scale(0)
    }

    50% {
        opacity: 1;
        top: 50%;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        top: -10%;
        transform: translate(-50%,-50%) scale(1)
    }
}

.sportFrame .chooseZone01 {
    float: left;
    width: 12%;
    background-color: var(--black003);
    overflow-y: scroll;
    height: 788px
}

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

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

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

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

.ac {
    text-align: center
}

.al {
    text-align: left
}

.ar {
    text-align: right
}

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

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

.greyTxt {
    color: var(--txtColor60)!important
}

.grey01Txt {
    color: var(--txtColor46)!important
}

.pinkTxt {
    color: var(--txtColor61)!important
}

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

.blueHint {
    background-color: var(--orange001)!important;
    color: var(--txtColor17)!important
}

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

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

.selected {
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

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

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

.flexShow {
    display: flex!important;
    transition: .2s ease-out!important
}

.btn50 {
    width: 49.5%
}

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

.btn40 {
    width: 42.5%
}

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

.moreSlide {
    transform: translate(0)
}

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

@keyframes shineArrow {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@keyframes shineArrow01 {
    0% {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }

    50% {
        background-color: var(--bgColor068);
        border: 1px solid var(--bdColor037)
    }

    to {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
}

.heartFrame {
    width: 5%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.heartFrame .heart {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translate(-50%,-50%)
}

.heartFrame .heart label:before,.heartFrame .heart label:after {
    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: 6px 12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

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: 21px;
    color: var(--txtColor45)
}

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: 21px;
    color: var(--txtColor45)
}

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

.heartFrame .heart01 {
    cursor: pointer
}

.heartFrame .heart01 img {
    width: 20px;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8);
}

.heartFrame .heart01 span {
    transition: all .2s linear;
    font-size: 1.2vw!important;
    font-weight: 400!important;
    color: var(--black011)!important;
    height: 18px
}

.heartFrame .heart01 span.starFULL {
    color: var(--btnColor09_h)!important
}

.koreanFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn {
    width: 94%!important
}

@media (max-width: 1885px) {
    .sportFrame .chooseFrame {
        width: 81%;
    }

    .sportFrame .decideZone {
        width: 18%
    }
}

.sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame img.teamImg {
    width: 22px;
    height: 22px
}

.sh {
    font-weight: bold;
    color: #55e26d;
    margin: 0 3px;
    opacity: 1;
    animation: shineArrow .9s infinite;
}

.listS .txt h3 {
    color: #eab788
}

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

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

.sportFrame .decideZone .setZone .set01 .switchZone .switch {
    background: #4b4b4b!important
}

.sportFrame .decideZone .setZone .set01 .switchZone .switchOn {
    background: linear-gradient(var(--yellow001),var(--yellow002))!important
}

.winLose {
    color: var(--yellow009);
    font-size: 12px
}

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

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

@media (max-width: 1488px) {
    .sportFrame .chooseFrame {
        width:79%
    }

    .sportFrame .decideZone {
        width: 20%
    }
}

@media (max-width: 1384px) {
    .sportFrame .chooseFrame {
        width:76%
    }

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

    .sportFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .more {
        width: 12%
    }
}

@media (max-width: 1185px) {
    .sportFrame .chooseFrame {
        width:74%
    }

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

    .sportFrame .chooseFrame {
        width: 73%
    }

    .sportFrame .decideZone {
        width: 26%
    }
}

@media (max-width: 1024px) {
    .sportFrame .chooseFrame {
        width:72%
    }

    .sportFrame .decideZone {
        width: 27%
    }
}

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

.title .tooltip,.teamZone .tooltip {
    background-color: var(--main);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    color: #fff;
    line-height: 1.6;
    font-size: 12px;
    text-align: justify;
    width: 250px;
    white-space: unset;
    visibility: hidden
}

.title .tooltip {
    top: 50%
}

.title .txtFrame:hover+.tooltip,.teamZone:hover .tooltip {
    visibility: visible
}

.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone {
    color: var(--black005);
    display: flex;
    align-items: center;
    margin-top: 9px;
    border-bottom: 1px solid var(--black011);
    padding-bottom: 16px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone span {
    font-size: 17px;
    font-weight: 100
}

.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone .txt {
    font-size: 12px;
    margin-left: 5px
}

.sportFrame .chooseZone .filterZone .input_content select option {
    background-color: #030303
}

.rightZone .nameS:last-child .txtFrame h2 {
    text-align: right
}

.sportFrame .decideZone .content .moneyZone .content01 .hint {
    color: var(--red001)!important;
    font-size: 12px;
    margin-bottom: -5px;
    text-align: center
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:before,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:hover,.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:hover:before {
    background: var(--txtColor_026)!important;
    border: 1px solid var(--txtColor_026)!important;
    color: #000
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .percent h3 {
    line-height: 1.2
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .percent h3.major {
    font-family: NotoSansCJKkr,"sans-serif"!important
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:hover span.icon-icconCHECK {
    color: #000
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(2):hover {
    color: #000
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:hover span.icon-icconCHECK {
    color: var(--main01)
}

.sportFrame .decideZone .panelChange .content {
    background: #222222;
    padding: 10px;
}

.sportFrame .decideZone .panelChange .content .betList {
    border-radius: 5px;
    background-color: rgb(15, 14, 11);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 190px;
    overflow: auto;
}

.sportFrame .decideZone .panelChange .content .betList .itemBet {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #595958;
    background-image: -moz-linear-gradient( 90deg, rgb(26,26,26) 0%, rgb(35,35,35) 50%, rgb(71,71,71) 50%, rgb(113,113,113) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(26,26,26) 0%, rgb(35,35,35) 50%, rgb(71,71,71) 50%, rgb(113,113,113) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(26,26,26) 0%, rgb(35,35,35) 50%, rgb(71,71,71) 50%, rgb(113,113,113) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

.sportFrame .decideZone .panelChange .content .betList .itemBet .itemBetName img {
    height: 12px;
}
	
.sportFrame .decideZone .panelChange .content .betList .itemBet .itemRight {
    cursor: pointer;
}

.sportFrame .decideZone .panelChange .content .betDetail {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 14px;
}

.sportFrame .decideZone .panelChange .content .betDetail .betDetailItem {
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
}

.sportFrame .decideZone .panelChange .content .betDetail .betDetailItem .betDetailItemRight {
    text-align: right;
}

.sportFrame .decideZone .panelChange .content .betDetail .betDetailItem .betDetailItemRight input {
    background: #0f0e0b;
    border: 1px solid #fff;
    border-radius: 5px;
    height: 24px;
    text-align: right;
    padding: 0 5px;
    box-sizing: border-box;
    width: 60%;
}

.sportFrame .decideZone .panelChange .content .betBtn {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sportFrame .decideZone .panelChange .content .betBtn .betBtnRow {
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.sportFrame .decideZone .panelChange .content .betBtn .betBtnRow .btnBetMoney {
    flex: 1;
    font-size: 16px;
    color: #000;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    cursor: pointer;
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(195,138,52) 0%, rgb(228,197,142) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}

.sportFrame .decideZone .panelChange .content .betBtn .betBtnRow .btnBetMoney:hover {
    background-image: -moz-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(1,135,84) 0%, rgb(235,42,154) 0%, rgb(251,141,12) 0%, rgb(255,187,42) 100%);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2),inset 0px 22px 0px 0px rgba(255, 255, 255, 0.06);
}
.bettingZone .sportFrame {
    margin: 0;
}
.bettingZone .sportFrame .cubeZone {
    overflow: hidden; 
    height: auto;
}
.bettingZone .sportFrame .cubeZone .cube .listS .rightZone .chooseBtn .nameA {
    pointer-events: none;
}

.bettingZone .betDetail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 12px;
    background: #000;
}

.bettingZone .betDetail .betDetailCol:nth-child(2) {
    flex: .7;
}

.bettingZone .betDetail .betDetailCol {
    color: #fff;
}

.bettingZone .betDetail .betDetailCol .betDetailBtn {
    color: #000;
    background-color: rgb(214, 172, 0);
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0;
    width: 100px;
    cursor: pointer;
    transition: .2s;
}
.bettingZone .betDetail .betDetailCol .betDetailBtn:hover {
    background-color: rgb(237 205 148);
}

.bettingZone .betDetail .betDetailDataCenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7%;
}

.bettingZone .betDetail .betDetailDataCenter .betDetailDataCenterCol {
    flex: .25;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bettingZone .betDetail .betDetailDataCenter .betDetailDataCenterCol .betDetailDataCenterRow {
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bettingZone .betDetail .betDetailDataCenter .betDetailDataCenterCol .betDetailDataCenterRow .betDetailDataCenterRowRight {
    color: #d6ac00;
}