* {
margin: 0;
padding: 0
}
*:focus {
outline: none
}
html, body {
font-family: Helvetica,Tahoma,sans-serif;
color: #1e1e1e;
font-size: 3.4666666667vw;
-webkit-text-size-adjust: 100%;
line-height: 1.3;
background-color: #eee;
scroll-behavior: smooth
}
@media screen and (min-aspect-ratio: 16/9) {
html, body {
font-size: 1.9490254873vmax
}
}
a {
text-decoration: none;
color: #2789ce;
outline: none;
-webkit-tap-highlight-color: rgba(182,223,253,.5)
}
a:hover {
text-decoration: none;
cursor: pointer
}
table {
border-collapse: collapse
}
input {
position: relative;
background: #fff;
border: 1px solid #aaa;
box-shadow: inset 0 0.5333333333vw 0 0 rgba(0,0,0,.1);
border-radius: 1.6vw;
color: #1e1e1e;
font-size: 4vw;
font-family: Helvetica,Tahoma,sans-serif;
padding: 2.6666666667vw 1.8666666667vw;
margin-bottom: 1.8666666667vw;
-webkit-appearance: none
}
@media screen and (min-aspect-ratio: 16/9) {
input {
border-radius: 0.8995502249vmax;
font-size: 2.2488755622vmax;
padding: 1.4992503748vmax 1.0494752624vmax;
margin-bottom: 1.0494752624vmax
}
}
img {
background-size: contain !important
}
h3 {
background-image: linear-gradient(-180deg, #2e4b5e 0%, #243a48 82%);
color: #fff;
font-size: 3.7333333333vw;
line-height: 2.2
}
.mian-wrap h3.search-bar {
height: 12.2666666667vw;
line-height: 3
}
@media screen and (min-aspect-ratio: 16/9) {
h3 {
font-size: 2.0989505247vmax
}
.mian-wrap h3.search-bar {
height: 6.8965517241vmax
}
}
.clearfix:after, .game-list-col dd:after, .game-list-col:after {
content: "";
display: block;
clear: both
}
.clearfix, .game-list-col dd, .game-list-col {
zoom: 1
}
.clear {
clear: both
}
.float-L, .article-date dt, .marquee-pop .function-wrap label span:before, .game-list-col dd a, .game-list-col dd, .game-list-col dt {
float: left
}
.float-R {
float: right
}
.align-L, .announce-wrap table th, .announce-wrap table, .pop-wrap h3, .select-list h3, .announce-wrap h3, .tc-wrap h3, .table th {
text-align: left
}
.align-R, .setting-block input, .bets-back dd span, .bets-head dd span, .bets-book dd span, .bets-lay dd span {
text-align: right
}
.align-C, .article-date, footer, .support-wrap, .form-login dt, .loading-wrap p, .col-stake_edit a, .stake-setting input, .game-list-col dd a, .bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span, .info-bet dt span, .info-matched dt span, .trade p, .trade-2 p, .logout, .btn, .pages a, .form-select, .btn-send, .login, h3 {
text-align: center
}
.displayB, footer .confirm-checkbox, footer li:first-child, .pass-head, .form-login .error:after, .form-login, .login-head .close:before, .login-head, .policy-link, .to-BackLay li:after, .select-list a, .select-list li, .form-select:after, .switch_on span:after, .switch_off span:after, .setting-block a, .check-list a:before, .a-edit:before, .bets-back dd span, .bets-head dd span, .bets-book dd span, .bets-lay dd span, .trashcan:before, .info-bet dd span, .info-matched dd span, .game-list-col dd .info, .game-list-col dd a span, .game-list-col dd a, .bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span, .info-bet dt span, .info-matched dt span, .trade span, .trade-2 span, .logout:after, .btn, .pages a, .form-select, .btn-send, .login {
display: block
}
.displayI, .sport_list-wrap .game-list-col dd a {
display: inline
}
.displayIB, footer .confirm-checkbox:before, footer li, .login:after, .policy-link li, .btn-edit:after {
display: inline-block
}
.displayF, .marquee-pop .function-wrap, .news-wrap, .announce-header, .login-head .close, .promote-messege, .promote-gameicon, .trade-wrap, .loading-wrap, .loading-overlay, .switch_on span, .switch_off span, .setting-block dt, .setting-block dd, .setting-block, .check-list a, .a-edit, .bets-back dt, .bets-head dt, .bets-book dt, .bets-lay dt, .bets-back dd, .bets-head dd, .bets-book dd, .bets-lay dd, .bets-back, .bets-head, .bets-book, .bets-lay, .trashcan, .side-content h3, .side-head h3, .side-head, .side-wrap, .info-bet dt, .info-matched dt, .info-bet, .info-matched, .overlay, .trade p, .trade-2 p, .fancy .trade .mode-land, .fancy .trade-2 .mode-land, .trade dt, .trade-2 dt, .trade dd, .trade-2 dd, .trade, .trade-2, .btn-box, .to-BackLay, .check-list, .bets-back .col-ref ul, .bets-head .col-ref ul, .bets-book .col-ref ul, .bets-lay .col-ref ul, .logout {
display: flex
}
.border-box, footer .btn, footer .pages a, .pages footer a, footer .form-select, footer .login, footer .btn-send, footer .confirm-checkbox:before, footer, .announce-header, .txt-wrap, .policy-link, .stake-setting input, .setting-block dt, .setting-block dd, .check-list a:before, .a-edit, .info-bet dt, .info-matched dt, .info-bet dd, .info-matched dd, .trade p, .trade-2 p, .trade dt, .trade-2 dt, .trade dd, .trade-2 dd {
box-sizing: border-box
}
.mian-wrap {
position: relative;
padding: 0 0 17.6vw;
overflow: hidden
}
@media screen and (min-aspect-ratio: 16/9) {
.mian-wrap {
padding: 0
}
}
.btn, .pages a, .form-select, .btn-send, .login {
background-image: linear-gradient(-180deg, #ffffff 0%, #eeeeee 89%);
border: 1px solid #aaa;
border-radius: 1.6vw;
font-size: 4vw;
font-weight: bold;
line-height: 2.6;
color: #1e1e1e
}
.btn.disable, .pages a.disable, .disable.form-select, .disable.btn-send, .disable.login {
background: #dfdfdf;
color: #999;
cursor: not-allowed
}
.btn.select, .pages a.select, .select.form-select, .select.btn-send, .select.login {
background: #d2d2d2;
border: 1px solid #777;
box-shadow: inset 0 0.5333333333vw 0 0 rgba(0,0,0,.1)
}
.btn.secondary, .pages a.secondary, .secondary.form-select, .secondary.btn-send, .secondary.login {
background-image: linear-gradient(180deg, #d6d6d6 0%, #b2b2b2 89%);
border: 1px solid #969696
}
.btn.secondary:hover, .pages a.secondary:hover, .secondary.form-select:hover, .secondary.btn-send:hover, .secondary.login:hover {
background-image: linear-gradient(180deg, #b2b2b2 0%, #d6d6d6 89%);
border: 1px solid #969696
}
@media screen and (min-aspect-ratio: 16/9) {
.btn, .pages a, .form-select, .btn-send, .login {
border-radius: 0.8995502249vmax;
font-size: 2.2488755622vmax
}
.btn.select, .pages a.select, .select.form-select, .select.btn-send, .select.login {
box-shadow: inset 0 0.299850075vmax 0 0 rgba(0,0,0,.1)
}
}
.btn-box {
padding: 0 1.8666666667vw 2.6666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.btn-box {
padding: 0 1.0494752624vmax 1.4992503748vmax
}
}
.btn-send, .login {
background-image: linear-gradient(180deg, #d2d2d2 0%, #a7a7a7 100%);
border-color: #aaa
}
.btn-send.disable, .disable.login {
opacity: .4
}
.logout {
height: 12.8vw;
background-image: linear-gradient(-180deg, #e93522 0%, #be2414 100%);
border: 1px solid #8a0011;
border-width: 1px 0 1px 0;
color: #fff;
font-size: 4.2666666667vw;
font-weight: bold;
margin-bottom: 5.3333333333vw;
justify-content: center;
align-items: center
}
.logout:after {
content: "";
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin-left: 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.logout {
height: 7.1964017991vmax;
font-size: 2.3988005997vmax;
margin-bottom: 2.9985007496vmax
}
.logout:after {
width: 2.2488755622vmax;
height: 2.2488755622vmax;
margin-left: 0.7496251874vmax
}
}
.table {
width: 100%;
border-bottom: 1px solid #7e97a7
}
.table th {
padding: 2.1333333333vw 1.8666666667vw;
background-color: #d6e4e5;
border-bottom: 0.2666666667vw solid #bbc8c9
}
@media screen and (min-aspect-ratio: 16/9) {
.table th {
padding: 1.1994002999vmax 1.0494752624vmax;
border-bottom-width: 0.1499250375vmax
}
}
.table td, .table .announce-wrap table th, .announce-wrap table .table th {
padding: 2.1333333333vw 1.8666666667vw;
border: 0.2666666667vw solid #e0e6e6;
border-width: 0 0 0.2666666667vw 0.2666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.table td, .table .announce-wrap table th, .announce-wrap table .table th {
padding: 1.1994002999vmax 1.0494752624vmax;
border-bottom-width: 0.1499250375vmax
}
}
.table tr:last-of-type td, .table tr:last-of-type .announce-wrap table th, .announce-wrap table .table tr:last-of-type th {
border-bottom-width: 0
}
.icon-home {
background: url('data:image/svg+xml,') no-repeat
}
.icon-inplay {
background: url('data:image/svg+xml,') no-repeat
}
.icon-sports {
background: url('data:image/svg+xml,') no-repeat
}
.icon-pin {
background: url('data:image/svg+xml,') no-repeat
}
.icon-promote {
width: 17.8666666667vw;
height: 16.2666666667vw;
margin-left: 0.5333333333vw;
z-index: 99
}
.icon-account {
background: url('data:image/svg+xml,') no-repeat
}
.icon-arrow_down {
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.icon-arrow_back {
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.icon-esoccer {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-esoccer {
background: url('data:image/svg+xml,') no-repeat
}
.icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.icon-mt5 {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-mt5 {
background: url('data:image/svg+xml,') no-repeat
}
.icon-kabaddi {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-kabaddi {
background: url('data:image/svg+xml,') no-repeat
}
.icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.icon-casino {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-casino {
background: url('data:image/svg+xml,') no-repeat
}
.info-inplay {
background: url('data:image/svg+xml,') no-repeat;
border-radius: 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.info-inplay {
border-radius: 0.7496251874vmax
}
}
.info-cashout {
background: url('data:image/svg+xml,') no-repeat;
border-radius: 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.info-cashout {
border-radius: 0.7496251874vmax
}
}
.red {
color: #d0021b !important
}
.green {
color: #508d0e !important
}
.sorting-wrap {
display: flex;
justify-content: center;
align-items: center;
height: 10.6666666667vw
}
.sorting-wrap ul {
display: flex;
background: #e3e3e3;
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15);
border-radius: 1.6vw;
width: 80%;
padding: 0.2666666667vw;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.sorting-wrap ul li {
flex: 1;
height: 8vw;
border-radius: 1.3333333333vw;
font-size: 3.2vw;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center
}
.sorting-wrap ul li.select {
color: #0074c4;
background: #fff;
box-shadow: 0 0 3px 0 rgba(0,0,0,.15)
}
@media screen and (min-aspect-ratio: 16/9) {
.sorting-wrap {
height: 5.9970014993vmax
}
.sorting-wrap ul {
border-radius: 0.8995502249vmax;
padding: 0.1499250375vmax
}
.sorting-wrap ul li {
height: 4.4977511244vmax;
border-radius: 0.7496251874vmax;
font-size: 1.7991004498vmax
}
}
.sortinglist-wrap h4 {
display: flex;
align-items: center;
text-indent: 2.6666666667vw;
background: #eff3f5;
border-top: 1px solid #bfcad1;
border-bottom: 1px solid #bfcad1;
height: 8.5333333333vw
}
.sortinglist-wrap ul {
border-bottom: none
}
@media screen and (min-aspect-ratio: 16/9) {
.sortinglist-wrap h4 {
text-indent: 1.4992503748vmax;
height: 4.7976011994vmax
}
}
.sportlist-wrap h4 {
display: flex;
align-items: center;
text-indent: 2.6666666667vw;
background: #eff3f5;
border-bottom: 1px solid #bfcad1;
height: 8.5333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.sportlist-wrap h4 {
text-indent: 1.4992503748vmax;
height: 4.7976011994vmax
}
}
.pass-head h1, .login-head .close, .login-head h1, .a-edit, .transferId-con .mainBalance .refresh-but, .transferId-con dd .copy-but, .transfer-wrap-slider .slider-bar_handle, .game-list-col dd .info {
font-size: 0;
text-indent: -99999px
}
.select-list a, .bets-back dd span, .bets-head dd span, .bets-book dd span, .bets-lay dd span, .bets-back dd, .bets-head dd, .bets-book dd, .bets-lay dd, .game-list-col.predict p, .game-list-col dt, .trade p span, .trade-2 p span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.to-BackLay li, .check-list li, .bets-back .col-ref ul li, .bets-head .col-ref ul li, .bets-book .col-ref ul li, .bets-lay .col-ref ul li {
list-style: none
}
.btn-box {
justify-content: center;
align-items: center
}
.form-login input {
border-width: 0;
width: calc(100% - 3.72vw);
margin-bottom: 0
}
@media(orientation: landscape) {
.form-login input {
width: calc(100% - 3.72vw);
border-radius: 1.6vw;
font-size: 4vw;
padding: 2.6666666667vw 1.8666666667vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.form-login input {
width: calc(100% - 2.08vmax);
border-radius: 0.8995502249vmax;
font-size: 2.2488755622vmax;
padding: 1.4992503748vmax 1.0494752624vmax
}
}
.policy-link {
color: rgba(0,0,0,.5)
}
.policy-link a {
color: rgba(0,0,0,.7)
}
.announce-wrap, .tc-wrap {
overflow-y: scroll;
background-color: #fff;
font-size: 4vw;
line-height: 1.5;
padding: 4.2666666667vw 3.4666666667vw;
box-sizing: border-box
}
.announce-wrap h1, .tc-wrap h1 {
margin-top: 12.8vw;
margin-bottom: 6.4vw;
font-size: 6.4vw;
color: #000;
background-color: rgba(0,0,0,.1);
border-radius: 1.3333333333vw;
padding: 2.6666666667vw
}
.announce-wrap h2, .tc-wrap h2 {
font-size: 5.8666666667vw;
line-height: 1.2;
color: #1b2d38;
padding-bottom: 2.1333333333vw;
margin-bottom: 4.8vw;
border-bottom: 1px dashed #e0e6e6
}
.announce-wrap h3, .tc-wrap h3 {
font-size: 4.5333333333vw;
margin-bottom: 3.2vw;
color: rgba(30,30,30,.9);
line-height: 1.2;
background: rgba(0,0,0,0)
}
.announce-wrap h4, .tc-wrap h4 {
font-size: 4vw;
color: rgba(30,30,30,.9);
margin-bottom: 2.6666666667vw
}
.announce-wrap h5, .tc-wrap h5 {
font-size: 4vw;
color: rgba(30,30,30,.9);
margin-bottom: 2.6666666667vw;
text-decoration: underline
}
.announce-wrap ul, .tc-wrap ul, .announce-wrap ol, .tc-wrap ol {
margin-left: 6.4vw
}
.announce-wrap ul li, .tc-wrap ul li, .announce-wrap ol li, .tc-wrap ol li {
margin-bottom: 3.4666666667vw
}
.announce-wrap p, .tc-wrap p {
margin: 0 0 3.2vw 0
}
.announce-wrap address, .tc-wrap address {
font-size: 3.4666666667vw;
margin-bottom: 4vw
}
@media screen and (min-aspect-ratio: 16/9) {
.announce-wrap, .tc-wrap {
font-size: 2.2488755622vmax;
padding: 3.1484257871vmax 3.1484257871vmax
}
.announce-wrap h2, .tc-wrap h2 {
font-size: 3.2983508246vmax;
padding-bottom: 1.1994002999vmax;
margin-bottom: 2.3988005997vmax
}
.announce-wrap h3, .tc-wrap h3 {
font-size: 2.5487256372vmax;
margin-bottom: 2.2488755622vmax
}
.announce-wrap h4, .tc-wrap h4 {
font-size: 2.2488755622vmax;
margin-bottom: 1.4992503748vmax
}
.announce-wrap h5, .tc-wrap h5 {
font-size: 2.2488755622vmax;
margin-bottom: 1.4992503748vmax
}
.announce-wrap ul, .tc-wrap ul, .announce-wrap ol, .tc-wrap ol {
margin-left: 3.5982008996vmax
}
.announce-wrap ul li, .tc-wrap ul li, .announce-wrap ol li, .tc-wrap ol li {
margin-bottom: 1.9490254873vmax
}
.announce-wrap p, .tc-wrap p {
margin: 0 0 1.9490254873vmax 0
}
.announce-wrap address, .tc-wrap address {
font-size: 1.9490254873vmax;
margin-bottom: 2.2488755622vmax
}
}
.login-head h1 {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 80%;
height: 21.3333333333vw;
max-height: 40vw;
max-width: 80%
}
@media(orientation: landscape) {
.login-head h1 {
height: 13.3333333333vw;
max-height: 16vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.login-head h1 {
height: 7.4962518741vmax;
max-height: 8.9955022489vmax
}
}
.pass-head h1 {
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
width: 80%;
height: 13.3333333333vw;
max-height: 16vw
}
@media(orientation: landscape) {
.pass-head h1 {
height: 13.3333333333vw;
max-height: 16vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.pass-head h1 {
height: 7.4962518741vmax;
max-height: 8.9955022489vmax
}
}
.trade, .trade-2 {
position: relative;
min-height: 11.2vw;
border-bottom: 1px solid #7e97a7
}
.trade dt, .trade-2 dt {
flex: 1;
font-size: 4vw;
font-weight: bold;
padding: 0 1.8666666667vw;
align-items: center;
flex-wrap: wrap;
overflow: hidden
}
.trade dd, .trade-2 dd {
border-right: 1px solid #fff
}
.trade dd:last-of-type, .trade-2 dd:last-of-type {
border-right-width: 0
}
.trade span, .trade-2 span {
font-weight: normal;
font-size: 2.9333333333vw
}
.trade .mode-land, .trade-2 .mode-land {
display: none
}
.trade:last-child, .trade-2:last-child {
border-bottom-width: 0
}
.fancy .trade .mode-land, .fancy .trade-2 .mode-land {
width: 8vw
}
@media screen and (min-aspect-ratio: 16/9) {
.trade, .trade-2 {
min-height: 6.2968515742vmax
}
.trade dt, .trade-2 dt {
font-size: 2.2488755622vmax;
padding: 0 1.0494752624vmax
}
.trade span, .trade-2 span {
font-size: 1.6491754123vmax
}
.trade .mode-land, .trade-2 .mode-land {
display: flex
}
.fancy .trade .mode-land, .fancy .trade-2 .mode-land {
display: flex;
width: 20.0899550225vmax
}
}
.trade p, .trade-2 p {
width: 100%;
font-weight: bold;
color: #1e1e1e;
padding: 1.6vw;
flex-direction: column;
justify-content: center
}
@media screen and (min-aspect-ratio: 16/9) {
.trade p, .trade-2 p {
padding: 0.8995502249vmax
}
}
@keyframes sparkBack {
0% {
background-color: #72bbef;
color: #1e1e1e
}
50% {
background-color: #f8e71c;
color: #fff
}
100% {
background-color: #72bbef;
color: #1e1e1e
}
}
@keyframes sparkBack_2 {
0% {
background-color: #b7d5eb;
color: #1e1e1e
}
50% {
background-color: #f8e71c;
color: #fff
}
100% {
background-color: #b7d5eb;
color: #1e1e1e
}
}
@keyframes sparkBack_3 {
0% {
background-color: #d7e8f4;
color: #1e1e1e
}
50% {
background-color: #f8e71c;
color: #fff
}
100% {
background-color: #d7e8f4;
color: #1e1e1e
}
}
@keyframes sparkLay {
0% {
background-color: #faa9ba;
color: #1e1e1e
}
50% {
background-color: #26f1f8;
color: #fff
}
100% {
background-color: #faa9ba;
color: #1e1e1e
}
}
@keyframes sparkLay_2 {
0% {
background-color: #efd3d9;
color: #1e1e1e
}
50% {
background-color: #26f1f8;
color: #fff
}
100% {
background-color: #efd3d9;
color: #1e1e1e
}
}
@keyframes sparkLay_3 {
0% {
background-color: #f6e6ea;
color: #1e1e1e
}
50% {
background-color: #26f1f8;
color: #fff
}
100% {
background-color: #f6e6ea;
color: #1e1e1e
}
}
@keyframes sparkBook {
0% {
background-color: #72e3a0;
color: #1e1e1e
}
50% {
background-color: #f8e71c;
color: #fff
}
100% {
background-color: #72e3a0;
color: #1e1e1e
}
}
.bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span, .info-bet dt span, .info-matched dt span {
width: 16vw;
border-radius: 1.0666666667vw;
margin-right: 1.8666666667vw
}
.bets-back dt span.back, .bets-head dt span.back, .bets-book dt span.back, .bets-lay dt span.back, .info-bet dt span.back, .info-matched dt span.back {
background-color: #72bbef
}
.bets-back dt span.lay, .bets-head dt span.lay, .bets-book dt span.lay, .bets-lay dt span.lay, .info-bet dt span.lay, .info-matched dt span.lay {
background-color: #faa9ba
}
.bets-back dt span.book, .bets-head dt span.book, .bets-book dt span.book, .bets-lay dt span.book, .info-bet dt span.book, .info-matched dt span.book {
background-color: #72e3a0
}
@media screen and (min-aspect-ratio: 16/9) {
.bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span, .info-bet dt span, .info-matched dt span {
width: 8.9955022489vmax;
border-radius: 0.5997001499vmax;
margin-right: 1.0494752624vmax
}
}
input.error, .error input {
color: #d0021b;
background: #fbd7d3;
border: 1px solid #d0021b
}
input:focus {
color: #1e1e1e;
background-color: #fff0ca;
box-shadow: inset 0 0.2666666667vw 1.3333333333vw rgba(161,128,45,.6);
border-color: #be7809
}
input.disable {
background-color: #dcdcdc;
color: #666;
box-shadow: none;
border: 1px solid #bbb
}
.news-wrap .announce-wrap, .side-content {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
@keyframes twinkling {
0% {
filter: brightness(100%)
}
50% {
filter: brightness(30%)
}
100% {
filter: brightness(100%)
}
}
@keyframes twinkling {
0%,100% {
opacity: 0
}
50% {
opacity: 1
}
}
.game-list-col {
position: relative;
padding: 0 1.6vw 0 2.6666666667vw;
border-bottom: 0.2666666667vw solid #e0e6e6
}
.game-list-col dt {
padding: 1.3333333333vw 0;
font-size: 4.2666666667vw;
font-weight: bold;
vertical-align: middle
}
.game-list-col dt span {
font-weight: normal;
padding: 0 0.8vw
}
.game-list-col dt .game-list-time {
color: #777
}
.game-list-col dt .game-list-soon {
color: #1e1e1e
}
.game-list-col dd {
position: relative
}
.game-list-col dd a {
width: 49%;
font-size: 2.9333333333vw;
line-height: 3.4666666667vw;
padding: 1.0666666667vw 0;
cursor: pointer
}
.game-list-col dd a span {
float: none;
font-weight: normal
}
.game-list-col .col-home {
background-image: none
}
.sport_list-wrap .game-list-col dt {
width: 18.6666666667vw;
color: #ffb80c;
padding: 2.1333333333vw 0
}
.sport_list-wrap .game-list-col dd {
padding: 2.1333333333vw 1.3333333333vw 2.1333333333vw 0
}
.sport_list-wrap .game-list-col dd a {
float: none;
font-size: 3.2vw;
line-height: 4vw
}
.game-list-col.predict dt {
padding: 0.5333333333vw 0
}
.game-list-col.predict dd {
padding: 1.8666666667vw 0.8vw
}
.game-list-col.predict p {
margin-bottom: 0.2666666667vw
}
.game-list-col.predict .lose, .game-list-col.predict .win {
padding: 0
}
@media screen and (min-aspect-ratio: 16/9) {
.game-list-col {
padding: 0 0.8995502249vmax 0 1.4992503748vmax;
border-bottom: 0.1499250375vmax solid #e0e6e6
}
.game-list-col dt {
font-size: 2.3988005997vmax;
padding: 0.7496251874vmax 0
}
.game-list-col dt span {
padding: 0 0.4497751124vmax
}
.game-list-col dd a {
font-size: 1.6491754123vmax;
line-height: 1.9490254873vmax;
padding: 0.5997001499vmax 0
}
.sport_list-wrap .game-list-col dt {
width: 10.4947526237vmax;
padding: 1.1994002999vmax 0
}
.sport_list-wrap .game-list-col dd {
padding: 1.1994002999vmax 0.7496251874vmax 1.1994002999vmax 0
}
.sport_list-wrap .game-list-col dd a {
font-size: 1.7991004498vmax;
line-height: 2.2488755622vmax
}
.game-list-col.predict dt {
padding: 0.299850075vmax 0
}
.game-list-col.predict dd {
padding: 1.0494752624vmax 0.4497751124vmax
}
.game-list-col.predict p {
margin-bottom: 0.1499250375vmax
}
}
.extend-support {
display: grid;
grid-template-columns: 1fr;
grid-gap: 2.6666666667vw;
width: 84vw;
margin: 0 auto;
margin-top: 20px
}
.support-social {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 8px;
width: 84vw;
margin: 0 auto;
margin-bottom: 5.3333333333vw
}
.extend-btn {
width: 100%;
background-color: rgba(255,255,255,.6);
padding: 8px 0;
border-radius: 8px;
font-size: 3.4666666667vw;
text-align: left
}
.extend-btn a {
color: rgba(0,0,0,.7);
line-height: 6.6666666667vw;
padding-right: 1.6vw;
text-align: left;
background-image: none
}
.extend-btn a.split-line {
border-left: 0.2666666667vw solid rgba(0,0,0,.7);
padding-left: 2.1333333333vw
}
.extend-btn a.select {
color: rgba(0,0,0,.7);
text-decoration: underline
}
.extend-btn img {
width: 8vw;
height: 8vw;
margin-right: 1.0666666667vw;
vertical-align: middle;
margin-left: 12%
}
.social-btn {
width: 100%;
background-color: rgba(255,255,255,.6);
padding: 8px 0;
border-radius: 8px;
text-align: center
}
.social-btn a {
color: rgba(0,0,0,.7);
line-height: 6.6666666667vw;
font-size: 2.9333333333vw
}
.social-btn a.split-line {
border-left: 0.2666666667vw solid rgba(0,0,0,.7);
padding-left: 2.1333333333vw
}
.social-btn a.select {
color: rgba(0,0,0,.7);
text-decoration: underline
}
.social-btn img {
width: 5.8666666667vw;
height: 5.8666666667vw;
margin-right: 0.5333333333vw;
vertical-align: middle
}
@media(orientation: landscape) {
.social-btn img {
margin-top: -0.8vw;
background-size: contain !important
}
}
.support-wrap {
margin-bottom: 6.4vw;
background-color: rgba(0,0,0,0)
}
@media screen and (min-aspect-ratio: 16/9) {
.support-wrap {
margin-bottom: 2.9985007496vmax
}
}
.extend-support img.support-customer {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-whatsapp {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-telegram {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-skype {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-mail {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-ig {
background: url('data:image/svg+xml,') no-repeat
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.left-in {
animation: leftIn .3s ease
}
@keyframes leftIn {
0% {
opacity: 0;
margin-left: -94.6666666667vw
}
30% {
opacity: 1
}
100% {
margin-left: 0
}
}
.right-in {
animation: rightIn .3s ease
}
@keyframes rightIn {
0% {
opacity: 0;
margin-right: -94.6666666667vw
}
30% {
opacity: 1
}
100% {
margin-right: 0
}
}
@keyframes typeing {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes loading-1 {
0% {
left: 0
}
50% {
left: 50%
}
100% {
left: 0
}
}
@keyframes loading-2 {
0% {
left: 50%;
z-index: 1
}
49% {
z-index: 1
}
50% {
left: 0;
z-index: 10
}
100% {
left: 50%;
z-index: 10
}
}
@keyframes loadBar {
0% {
opacity: .1
}
50% {
opacity: 1;
transform: scale(1.4)
}
100% {
opacity: .1
}
}
@keyframes urgent-notice {
0% {
top: -100%;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes cooldown {
0% {
width: 100%;
opacity: 0
}
5% {
width: 95%;
opacity: 1
}
95% {
width: 5%;
opacity: 1
}
100% {
width: 0;
opacity: 0
}
}
.twinkling {
animation: twinkling 1.4s infinite ease
}
@keyframes twinkling {
0%,100% {
opacity: 1
}
50% {
opacity: .3
}
}
.loading-shimmer {
animation: placeHolderShimmer 1.25s infinite linear;
background: #ced5da linear-gradient(to right, #CED5DA 8%, #D8DFE4 18%, #CED5DA 33%);
background-size: 213.3333333333vw 27.7333333333vw;
height: auto
}
@media screen and (min-aspect-ratio: 16/9) {
.loading-shimmer {
background-size: 119.940029985vmax 15.5922038981vmax
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -124.8vw 0
}
100% {
background-position: 124.8vw 0
}
@media screen and (min-aspect-ratio: 16/9) {
0%
{
background-position: -70.1649175412vmax 0
}
100% {
background-position: 70.1649175412vmax 0
}
}
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: rgba(0,0,0,.7);
z-index: 99;
justify-content: center;
align-items: center;
animation: fadeIn .5s ease
}
.overlay:not(:target) {
display: none
}
.overlay:target {
display: flex
}
.pop-wrap, .select-list {
width: 84vw;
background: #fff;
font-size: 4vw;
box-shadow: 0 0.8vw 2.6666666667vw 0 rgba(0,0,0,.5);
border-radius: 1.3333333333vw
}
.pop-wrap h3, .select-list h3 {
font-size: 4vw;
line-height: 1.2;
color: #1e1e1e;
background-image: linear-gradient(180deg, #e6e6e6 0%, #b4b4b4 100%);
border-radius: 1.3333333333vw 1.3333333333vw 0 0;
padding: 2.4vw 1.8666666667vw
}
.pop-wrap .rules, .select-list .rules {
font-size: 2.6666666667vw;
padding: 0 2.6666666667vw 1.6vw;
color: #aaa;
max-height: 16vw;
overflow-y: auto
}
.pop-wrap .rules strong, .select-list .rules strong {
display: block
}
.pop-wrap .bet-forecast, .select-list .bet-forecast {
font-size: 2.9333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.pop-wrap, .select-list {
width: 47.2263868066vmax;
font-size: 2.2488755622vmax;
box-shadow: 0 0.4497751124vmax 1.4992503748vmax 0 rgba(0,0,0,.5);
border-radius: 0.7496251874vmax
}
.pop-wrap h3, .select-list h3 {
font-size: 2.2488755622vmax;
border-radius: 0.7496251874vmax 0.7496251874vmax 0 0;
padding: 1.3493253373vmax 1.0494752624vmax
}
.pop-wrap .rules, .select-list .rules {
font-size: 1.4992503748vmax;
padding: 0 1.4992503748vmax 0.8995502249vmax;
max-height: 8.9955022489vmax
}
.pop-wrap .bet-forecast, .select-list .bet-forecast {
font-size: 1.6491754123vmax
}
}
.message-to-login {
width: 69.3333333333vw
}
.message-to-login h4 {
text-align: center;
margin: 5.3333333333vw 5.3333333333vw
}
.message-to-login .btn-send, .message-to-login .login {
width: 70%;
margin: 0 auto
}
.transfer-wrap, .transfer-wrap-slider {
color: #243a48
}
.transfer-wrap .available-wrap, .transfer-wrap-slider .available-wrap {
display: flex;
justify-content: center
}
.transfer-wrap .available-wrap h4, .transfer-wrap-slider .available-wrap h4 {
font-size: 4.2666666667vw;
line-height: 5.3333333333vw;
width: 50%;
padding: 1.3333333333vw 3.2vw 1.3333333333vw 3.2vw
}
.transfer-wrap .available-wrap h4 span, .transfer-wrap-slider .available-wrap h4 span {
display: block;
font-size: 3.2vw;
font-weight: normal
}
.transfer-wrap .error, .transfer-wrap-slider .error {
text-indent: 2.6666666667vw;
line-height: 4vw;
color: #d0021b;
font-size: 3.2vw
}
@media screen and (min-aspect-ratio: 16/9) {
.transfer-wrap, .transfer-wrap-slider {
width: 71.964017991vmax
}
.transfer-wrap .available-wrap, .transfer-wrap-slider .available-wrap {
display: flex;
justify-content: center
}
.transfer-wrap .available-wrap h4, .transfer-wrap-slider .available-wrap h4 {
font-size: 2.3988005997vmax;
line-height: 2.9985007496vmax;
width: 50%;
padding: 0.8995502249vmax 2.5487256372vmax 0.8995502249vmax 2.9985007496vmax
}
.transfer-wrap .available-wrap h4 span, .transfer-wrap-slider .available-wrap h4 span {
font-size: 1.7991004498vmax
}
.transfer-wrap .error, .transfer-wrap-slider .error {
text-indent: 1.4992503748vmax;
line-height: 2.2488755622vmax;
font-size: 1.7991004498vmax
}
}
.transfer-content {
border-top: 0.2666666667vw solid #8fa6b5;
border-bottom: 0.2666666667vw solid #8fa6b5;
width: 100%;
margin-bottom: 2.6666666667vw
}
.transfer-content dl {
background-color: #cde3f0;
padding: 3.7333333333vw 3.2vw 1.6vw 3.2vw
}
.transfer-content dl:nth-child(even) {
background-color: #fff
}
.transfer-content dl:first-child {
position: relative
}
.transfer-content dl:first-child:before {
position: absolute;
display: block;
content: "";
width: 4vw;
height: 4vw;
background-color: #cde3f0;
top: 100%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg)
}
.transfer-content dd {
font-size: 3.7333333333vw;
line-height: 5.3333333333vw;
margin-bottom: 1.3333333333vw;
width: 100%
}
.transfer-content dd strong {
font-size: 5.3333333333vw;
line-height: 5.3333333333vw;
margin-right: 1.3333333333vw
}
.transfer-content dd input {
width: calc(100% - 4.8vw);
box-shadow: none;
margin-bottom: 0
}
.transfer-content dd input::-moz-placeholder {
color: #989ea1
}
.transfer-content dd input::placeholder {
color: #989ea1
}
.transfer-content dd.quick_stake {
display: flex
}
.transfer-content dd.quick_stake a {
flex: 1;
flex-direction: row;
margin-right: 1.3333333333vw;
line-height: 2.2
}
.transfer-content dd.quick_stake a:last-child {
margin-right: 0
}
@media screen and (min-aspect-ratio: 16/9) {
.transfer-content {
display: flex;
justify-content: center;
border-top: 0.1499250375vmax solid #8fa6b5;
border-bottom: 0.1499250375vmax solid #8fa6b5;
margin-bottom: 1.4992503748vmax
}
.transfer-content dl {
width: calc(100% - 1.7991004498vmax);
padding: 0.8995502249vmax 2.5487256372vmax 0.8995502249vmax 2.9985007496vmax
}
.transfer-content dl:before {
top: 50%;
left: calc(100% - 1.4992503748vmax);
width: 2.2488755622vmax;
height: 2.2488755622vmax
}
.transfer-content dl:first-child:before {
width: 2.2488755622vmax;
height: 2.2488755622vmax;
top: 50%;
left: 100%
}
.transfer-content dd {
font-size: 2.0989505247vmax;
line-height: 2.9985007496vmax;
margin-bottom: 0.7496251874vmax
}
.transfer-content dd strong {
font-size: 2.9985007496vmax;
line-height: 2.9985007496vmax;
margin-right: 0.7496251874vmax
}
.transfer-content dd input {
width: calc(100% - 2.0989505247vmax);
border: 0.1499250375vmax solid #8fa6b5
}
.transfer-content dd.quick_stake a {
margin-right: 0.7496251874vmax
}
}
.transfer-wrap-slider .available-wrap {
position: relative;
height: 22.6666666667vw
}
.transfer-wrap-slider .available-wrap h4:first-child {
border-right: 0.2666666667vw solid #c3d5e0
}
.transfer-wrap-slider .available-wrap h4:last-child {
text-align: right
}
.transfer-wrap-slider .transfer-content {
position: relative;
background-color: #cde3f0;
display: flex;
justify-content: center;
align-items: center;
height: 21.3333333333vw;
border: 0
}
.transfer-wrap-slider .amount-input {
position: absolute;
top: -10.4vw;
left: 50%;
z-index: 1;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
line-height: 5.3333333333vw;
background: #fff;
border: 0.2666666667vw solid #da8700;
box-shadow: inset 0 0.5333333333vw 0.5333333333vw 0 rgba(0,0,0,.27);
border-radius: 1.0666666667vw;
font-size: 5.8666666667vw;
text-indent: 0;
transform: translateX(-50%)
}
.transfer-wrap-slider .amount-input:before {
position: absolute;
content: "";
left: 50%;
bottom: -3.2vw;
width: 2.6666666667vw;
height: 2.6666666667vw;
background: #fff;
border-bottom: 0.2666666667vw solid #da8700;
border-right: 0.2666666667vw solid #da8700;
transform: translate(-50%, -50%) rotate(45deg)
}
.transfer-wrap-slider .amount-input input {
line-height: 5.3333333333vw;
border: 0;
box-shadow: none;
margin-bottom: 0;
padding: 1.3333333333vw;
color: #2963a7;
font-weight: bold;
border-radius: 0.8vw;
text-align: center;
box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.27);
margin-bottom: 0.2666666667vw
}
.transfer-wrap-slider .amount-input.typeing:before {
background: #fff0ca
}
.transfer-wrap-slider .slider {
display: flex;
width: 100%;
height: 14.6666666667vw
}
.transfer-wrap-slider .slider li {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
width: 14.6666666667vw;
background-image: linear-gradient(180deg, #fdfdfd 15%, #eeeeee 100%)
}
.transfer-wrap-slider .slider li:first-child, .transfer-wrap-slider .slider li:last-child {
font-size: 4vw;
line-height: 16vw;
text-align: center;
font-weight: bold;
cursor: pointer
}
.transfer-wrap-slider .slider li:first-child:hover, .transfer-wrap-slider .slider li:last-child:hover {
background-image: linear-gradient(180deg, #eeeeee 15%, #fdfdfd 100%)
}
.transfer-wrap-slider .slider li:first-child {
border: 0.2666666667vw solid #bbb;
border-radius: 1.3333333333vw 0 0 1.3333333333vw;
border-radius: 0
}
.transfer-wrap-slider .slider li:last-child {
border: 0.2666666667vw solid #bbb;
border-radius: 0 1.3333333333vw 1.3333333333vw 0;
border-radius: 0
}
.transfer-wrap-slider .slider li.col-slider {
flex: 1;
border-top: 0.2666666667vw solid #bbb;
border-bottom: 0.2666666667vw solid #bbb
}
.transfer-wrap-slider .col-slider {
position: relative
}
.transfer-wrap-slider .balance-percent {
position: absolute;
display: flex;
top: 0;
width: 90%;
justify-content: space-between
}
.transfer-wrap-slider .balance-percent div {
display: block;
width: 0.8vw;
height: 1.6vw;
background-color: rgba(199,212,227,.8)
}
.transfer-wrap-slider .balance-percent div:first-child, .transfer-wrap-slider .balance-percent div:last-child {
background-color: rgba(199,212,227,0)
}
.transfer-wrap-slider .slider-bar {
position: relative;
width: 90%;
height: 3.2vw;
background: #d1dde5;
box-shadow: inset 0 0.2666666667vw 0.2666666667vw 0 rgba(0,0,0,.3);
border-radius: 1.6vw;
margin: 0
}
.transfer-wrap-slider .slider-bar_fill {
position: absolute;
top: 0;
height: 2.6666666667vw;
background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
border: 0.2666666667vw solid #cb8009;
border-radius: 1.3333333333vw;
background-position: inherit
}
.transfer-wrap-slider .slider-bar_handle {
position: absolute;
z-index: 2;
display: block;
top: -2.6666666667vw;
width: 8vw;
height: 8vw;
border-radius: 4.2666666667vw;
background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
border: 0.2666666667vw solid #cb8009;
box-shadow: inset 0 0.2666666667vw 0 0 rgba(255,255,255,.5)
}
@media screen and (min-aspect-ratio: 16/9) {
.transfer-wrap-slider .available-wrap {
height: 12.7436281859vmax
}
.transfer-wrap-slider .available-wrap h4 {
height: 12.7436281859vmax
}
.transfer-wrap-slider .transfer-content {
height: 11.9940029985vmax;
border: 0
}
.transfer-wrap-slider .amount-input {
top: -5.8470764618vmax;
line-height: 2.9985007496vmax;
border: 0.1499250375vmax solid #da8700;
box-shadow: inset 0 0.299850075vmax 0.299850075vmax 0 rgba(0,0,0,.27);
border-radius: 0.5997001499vmax;
font-size: 3.2983508246vmax
}
.transfer-wrap-slider .amount-input:before {
bottom: -1.7991004498vmax;
width: 1.4992503748vmax;
height: 1.4992503748vmax;
border-bottom: 0.1499250375vmax solid #da8700;
border-right: 0.1499250375vmax solid #da8700
}
.transfer-wrap-slider .amount-input input {
line-height: 2.9985007496vmax;
padding: 0.7496251874vmax;
border-radius: 0.4497751124vmax;
margin-bottom: 0.1499250375vmax
}
.transfer-wrap-slider .slider {
height: 8.9955022489vmax
}
.transfer-wrap-slider .slider li {
width: 8.2458770615vmax
}
.transfer-wrap-slider .slider li:first-child, .transfer-wrap-slider .slider li:last-child {
line-height: 8.9955022489vmax;
font-size: 2.2488755622vmax
}
.transfer-wrap-slider .slider li:first-child {
border: 0.1499250375vmax solid #bbb;
border-radius: 0.7496251874vmax 0 0 0.7496251874vmax;
border-radius: 0
}
.transfer-wrap-slider .slider li:last-child {
border: 0.1499250375vmax solid #bbb;
border-radius: 0 0.7496251874vmax 0.7496251874vmax 0;
border-radius: 0
}
.transfer-wrap-slider .slider li.col-slider {
border-top: 0.1499250375vmax solid #bbb;
border-bottom: 0.1499250375vmax solid #bbb
}
.transfer-wrap-slider .balance-percent div {
width: 0.4497751124vmax;
height: 0.8995502249vmax
}
.transfer-wrap-slider .slider-bar {
height: 1.7991004498vmax;
box-shadow: inset 0 0.1499250375vmax 0.1499250375vmax 0 rgba(0,0,0,.3);
border-radius: 0.8995502249vmax;
margin: 0
}
.transfer-wrap-slider .slider-bar_fill {
height: 1.4992503748vmax;
border: 0.1499250375vmax solid #cb8009;
border-radius: 0.7496251874vmax
}
.transfer-wrap-slider .slider-bar_handle {
top: -1.4992503748vmax;
width: 4.4977511244vmax;
height: 4.4977511244vmax;
border-radius: 2.3988005997vmax;
border: 0.1499250375vmax solid #cb8009;
box-shadow: inset 0 0.1499250375vmax 0 0 rgba(255,255,255,.5)
}
}
.reset-wrap {
position: absolute;
width: 84vw;
z-index: 40
}
.reset-wrap h2 {
font-size: 4.8vw;
padding: 2.6666666667vw 13.3333333333vw 2.6666666667vw 2.6666666667vw;
border-bottom: 1px solid #9fb5c2
}
.reset-wrap .reset_con {
padding: 4vw 5.3333333333vw
}
.reset-wrap .login-panel {
margin-bottom: 5.3333333333vw
}
.reset-wrap .login-panel input {
width: 100%;
width: calc(100% - 4.4vw)
}
.reset-wrap .login-panel .btn-send, .reset-wrap .login-panel .login {
margin-top: 1.3333333333vw
}
.reset-wrap .login-panel .error {
margin-top: 1.3333333333vw;
text-indent: initial
}
.reset-wrap .close {
position: absolute;
right: 0;
width: 10.6666666667vw;
height: 10.6666666667vw
}
.reset-wrap .note {
font-size: 3.2vw;
padding: 0 2.6666666667vw;
color: #666
}
@media screen and (min-aspect-ratio: 16/9) {
.reset-wrap {
width: 74.9625187406vmax
}
.reset-wrap h2 {
font-size: 2.6986506747vmax;
padding: 1.4992503748vmax 7.4962518741vmax 1.4992503748vmax 1.4992503748vmax
}
.reset-wrap .reset_con {
display: flex;
flex-direction: row-reverse;
padding: 2.2488755622vmax 2.9985007496vmax
}
.reset-wrap .login-panel {
flex: 1;
margin-bottom: 0
}
.reset-wrap .login-panel input {
width: calc(100% - 2.6vmax)
}
.reset-wrap .login-panel .btn-send, .reset-wrap .login-panel .login {
margin-top: 0.7496251874vmax
}
.reset-wrap .login-panel .error {
margin-top: 0.7496251874vmax
}
.reset-wrap .close {
width: 5.9970014993vmax;
height: 5.9970014993vmax
}
.reset-wrap .note {
flex: 1;
font-size: 1.7991004498vmax;
padding: 0 1.4992503748vmax
}
}
.transferId-wrap h4 {
color: #fff;
height: 8vw;
line-height: 8vw;
text-indent: 5.3333333333vw;
background-image: linear-gradient(180deg, #2f4b5e 0%, #243a48 82%)
}
.transferId-wrap .transfer-over {
overflow-x: hidden;
overflow-y: scroll;
height: auto;
border-bottom: 0.2666666667vw solid #9fb5c2;
margin-bottom: 2.6666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.transferId-wrap {
position: relative;
width: 74.9625187406vmax
}
.transferId-wrap h4 {
height: 4.4977511244vmax;
line-height: 4.4977511244vmax;
text-indent: 2.9985007496vmax
}
.transferId-wrap .transfer-over {
height: calc(100vh - 36px - 94px - 25px - 10px);
border-bottom: 0.1499250375vmax solid #9fb5c2;
margin-bottom: 1.4992503748vmax;
border-radius: initial
}
}
.transferId-con {
padding: 4vw 5.3333333333vw 0 5.3333333333vw;
font-size: 4vw
}
.transferId-con dl {
margin-bottom: 2.6666666667vw
}
.transferId-con dt {
display: block;
font-size: 3.4666666667vw;
color: #243a48;
margin-bottom: 0.5333333333vw
}
.transferId-con dd {
position: relative
}
.transferId-con dd input {
width: calc(100% - 4.2666666667vw);
margin: 0
}
.transferId-con dd .copy-but {
position: absolute;
z-index: 1;
top: 0;
right: 0;
background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
border: 1px solid #aaa;
border-radius: 0 1.6vw 1.6vw 0;
width: 10.6666666667vw;
height: 100%;
cursor: pointer
}
.transferId-con dd .copy-but::after {
display: block;
content: "";
background: url('data:image/svg+xml,');
background-size: contain;
height: 4.2666666667vw;
width: 4.2666666667vw;
margin: 0 auto
}
.transferId-con .mainBalance {
position: relative;
background-color: #cde3f0;
border-radius: 1.6vw
}
.transferId-con .mainBalance dt {
display: block;
margin-bottom: initial;
line-height: 6.4vw;
text-indent: 1.8666666667vw
}
.transferId-con .mainBalance dd {
position: relative;
line-height: 8vw;
text-indent: 1.8666666667vw
}
.transferId-con .mainBalance .refresh-but {
position: absolute;
z-index: 1;
top: 0;
right: 0;
background-color: #cde3f0;
border-left: 0.2666666667vw solid #b6cad6;
border-right: none;
border-top: none;
border-bottom: none;
border-radius: 0 1.6vw 1.6vw 0;
width: 10.6666666667vw;
height: 100%;
cursor: pointer
}
.transferId-con .mainBalance .refresh-but::after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background: url('data:image/svg+xml,');
background-size: contain;
height: 4.2666666667vw;
width: 4.2666666667vw
}
.transferId-con.transferTo {
display: flex;
flex-wrap: wrap
}
.transferId-con.transferTo dl {
flex: auto 1 1;
width: 100%
}
.transferId-con.transferTo .currency {
position: relative
}
.transferId-con.transferTo .currency input {
text-indent: 11.4666666667vw
}
.transferId-con.transferTo .currency span {
position: absolute;
z-index: 1;
top: 1.0666666667vw;
left: 1.0666666667vw;
display: block;
width: 10.6666666667vw;
height: 8vw;
border-radius: 0.8vw;
line-height: 8vw;
text-align: center;
background-color: #cfcfcf
}
@media screen and (min-aspect-ratio: 16/9) {
.transferId-con {
padding: 2.2488755622vmax 2.9985007496vmax 0 2.9985007496vmax;
font-size: 2.2488755622vmax
}
.transferId-con dl {
margin-bottom: 1.4992503748vmax
}
.transferId-con dt {
font-size: 1.9490254873vmax;
margin-bottom: 0.299850075vmax
}
.transferId-con dd input {
width: calc(100% - 2.3988005997vmax)
}
.transferId-con dd .copy-but {
border-radius: 0 0.8995502249vmax 0.8995502249vmax 0;
width: 5.9970014993vmax;
height: 100%
}
.transferId-con dd .copy-but::after {
height: 2.3988005997vmax;
width: 2.3988005997vmax
}
.transferId-con .mainBalance {
display: flex;
border-radius: 0.5997001499vmax
}
.transferId-con .mainBalance dt {
line-height: 5.5472263868vmax;
text-indent: 1.0494752624vmax
}
.transferId-con .mainBalance dd {
flex: 1;
line-height: 5.5472263868vmax;
text-indent: 1.0494752624vmax;
text-align: right;
padding-right: 7.4962518741vmax
}
.transferId-con .mainBalance .refresh-but {
border-left: 0.1499250375vmax solid #b6cad6;
border-radius: 0 0.8995502249vmax 0.8995502249vmax 0;
width: 5.9970014993vmax
}
.transferId-con .mainBalance .refresh-but::after {
height: 2.3988005997vmax;
width: 2.3988005997vmax
}
.transferId-con.transferTo {
display: flex;
flex-wrap: wrap
}
.transferId-con.transferTo dl {
flex: auto 1 1;
width: initial;
margin-right: 0.7496251874vmax
}
.transferId-con.transferTo dl:nth-child(1) {
width: 100%
}
.transferId-con.transferTo dl:nth-child(2) {
margin-right: 0.7496251874vmax
}
.transferId-con.transferTo dl:nth-child(3) {
margin-left: 0.7496251874vmax
}
.transferId-con.transferTo .currency input {
text-indent: 6.4467766117vmax
}
.transferId-con.transferTo .currency span {
top: 0.5997001499vmax;
left: 0.5997001499vmax;
width: 5.9970014993vmax;
height: 4.4977511244vmax;
border-radius: 0.4497751124vmax;
line-height: 4.4977511244vmax
}
}
.info-mainten {
padding: 5.3333333333vw 1.8666666667vw
}
.info-mainten p {
font-size: 4.8vw;
text-align: center
}
@media screen and (min-aspect-ratio: 16/9) {
.info-mainten {
padding: 2.9985007496vmax 1.0494752624vmax
}
.info-mainten p {
font-size: 2.6986506747vmax
}
}
.info-bet, .info-matched {
margin-bottom: 1.8666666667vw;
flex-wrap: wrap;
line-height: 1.2
}
.info-bet dt, .info-matched dt, .info-bet dd, .info-matched dd {
padding: 1.8666666667vw;
border-bottom: 1px solid #e0e6e6
}
.info-bet dt, .info-matched dt {
flex: 0 0 100%;
line-height: 8.5333333333vw
}
.info-bet dd, .info-matched dd {
flex: 1.7;
color: #1b2d38;
font-size: 4.5333333333vw;
border-right: 1px solid #e0e6e6
}
.info-bet dd span, .info-matched dd span {
font-size: 4vw
}
.info-bet dd:first-of-type, .info-matched dd:first-of-type {
flex: 1
}
.info-bet dd:last-of-type, .info-matched dd:last-of-type {
border-right-width: 0
}
@media screen and (min-aspect-ratio: 16/9) {
.info-bet, .info-matched {
margin-bottom: 1.0494752624vmax
}
.info-bet dt, .info-matched dt, .info-bet dd, .info-matched dd {
padding: 1.0494752624vmax
}
.info-bet dt, .info-matched dt {
line-height: 4.7976011994vmax
}
.info-bet dd, .info-matched dd {
font-size: 2.5487256372vmax
}
.info-bet dd span, .info-matched dd span {
font-size: 2.2488755622vmax
}
}
.left-side {
justify-content: flex-start;
align-items: flex-start
}
.right-side {
justify-content: flex-end;
align-items: flex-start
}
.side-wrap {
position: relative;
width: 100%;
height: 100%;
background: #eee;
box-shadow: 0.5333333333vw 0 1.6vw 0 rgba(0,0,0,.5);
border-radius: 0 1.6vw 1.6vw 0;
flex-direction: column
}
.right-side .side-wrap {
border-radius: 1.6vw 0 0 1.6vw
}
.right-side .side-wrap .side-head {
border-radius: 1.6vw 0 0 0
}
.side-wrap .btn-list {
flex: 0 0 12.8vw;
margin-top: 1.8666666667vw
}
.side-wrap .message-wrap {
margin-top: 0
}
.side-wrap .message-wrap .close {
padding: 0 3.4666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.side-wrap {
box-shadow: 0.299850075vmax 0 0.8995502249vmax 0 rgba(0,0,0,.5);
border-radius: 0 0.8995502249vmax 0.8995502249vmax 0
}
.right-side .side-wrap {
border-radius: 0.8995502249vmax 0 0 0.8995502249vmax
}
.right-side .side-wrap .side-head {
border-radius: 0.8995502249vmax 0 0 0
}
.side-wrap .btn-list {
flex: 0 0 7.1964017991vmax;
margin-top: 1.0494752624vmax
}
.side-wrap .message-wrap .close {
padding: 0 1.9490254873vmax
}
}
.setting-wrap {
background-color: #fff;
height: 100%
}
@media(orientation: landscape) {
.setting-wrap {
height: 100%
}
}
.full-pop, .login-pop, .rules-pop, .rules-download, .auto-pop, .no-match_odds {
width: 100vw;
background-color: #fff;
border-radius: 1.6vw;
height: 95%;
overflow: auto;
overflow-y: hidden
}
.full-pop .side-head, .login-pop .side-head, .rules-pop .side-head, .rules-download .side-head, .auto-pop .side-head, .no-match_odds .side-head {
border-radius: 1.6vw 1.6vw 0 0
}
@media screen and (min-aspect-ratio: 16/9) {
.full-pop, .login-pop, .rules-pop, .rules-download, .auto-pop, .no-match_odds {
width: 56.2218890555vmax;
border-radius: 0.8995502249vmax
}
.full-pop .side-head, .login-pop .side-head, .rules-pop .side-head, .rules-download .side-head, .auto-pop .side-head, .no-match_odds .side-head {
border-radius: 0.8995502249vmax 0.8995502249vmax 0 0
}
}
.auto-pop, .no-match_odds {
height: auto
}
@media screen and (min-aspect-ratio: 16/9) {
.auto-pop, .no-match_odds {
height: 95%
}
}
.no-match_odds .matched-wrap {
display: none
}
.rules-pop, .rules-download {
max-height: 95%
}
.rules-download {
width: 89.3333333333vw;
height: auto
}
.rules-download .side-content {
border-radius: 0
}
.rules-download .rules-content {
padding: 0
}
.rules-download .btn-list {
padding-bottom: 0
}
.rules-download .btn-list a {
width: 45.3333333333vw;
margin: 0 auto
}
@media screen and (min-aspect-ratio: 16/9) {
.rules-download {
width: 50.2248875562vmax
}
.rules-download .btn-list a {
width: 25.4872563718vmax
}
}
.login-pop {
height: 95%;
display: block;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background-color: #1d2c38;
background-image: linear-gradient(56deg, #3a5870 4%, #1d2c38 42%)
}
.login-pop .close {
position: fixed;
right: 1.8666666667vw;
width: 9.3333333333vw;
height: 9.3333333333vw;
background-color: rgba(0,0,0,.7);
border-radius: 50%;
margin-top: 1.8666666667vw;
z-index: 2
}
.login-pop .close:before {
width: 3.4666666667vw;
height: 3.4666666667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.login-pop .login-head {
border-radius: 1.6vw 1.6vw 0 0
}
.login-pop .form-login {
margin-bottom: 13.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.login-pop .close {
position: absolute;
right: 1.0494752624vmax;
width: 4.4977511244vmax;
height: 4.4977511244vmax;
margin-top: 1.0494752624vmax
}
.login-pop .close:before {
width: 1.4992503748vmax;
height: 1.4992503748vmax
}
.login-pop .login-head {
border-radius: 0.8995502249vmax 0.8995502249vmax 0 0
}
.login-pop .form-login {
margin-bottom: 7.4962518741vmax
}
}
.side-head {
flex: 0 0 10.4vw;
background: #ffb80c;
border-radius: 0 1.6vw 0 0
}
.side-head h3 {
flex: 1;
background: rgba(0,0,0,0);
font-size: 4vw;
color: #1e1e1e;
line-height: 2.6;
padding: 0 1.8666666667vw;
align-items: center
}
.side-head h3 img {
width: 5.3333333333vw;
height: 5.3333333333vw;
vertical-align: middle;
margin-right: 1.3333333333vw
}
.side-head .close {
padding: 0 3.4666666667vw;
border-left: 1px solid #be7809
}
@media screen and (min-aspect-ratio: 16/9) {
.side-head {
flex: 0 0 5.8470764618vmax;
border-radius: 0 0.8995502249vmax 0 0
}
.side-head h3 {
font-size: 2.2488755622vmax;
padding: 0 1.0494752624vmax
}
.side-head h3 img {
width: 2.9985007496vmax;
height: 2.9985007496vmax;
margin-right: 0.7496251874vmax
}
.side-head .close {
padding: 0 1.9490254873vmax
}
}
.side-content {
flex: 1;
border-radius: 0 0 1.6vw 0
}
.side-content h3 {
padding: 0 1.8666666667vw;
justify-content: space-between;
align-items: center
}
.side-content .bet_slip-wrap.back {
border-bottom-color: #7da7c6
}
.side-content .bet_slip-wrap.lay {
border-bottom-color: #d38e9c
}
.right-side .side-content {
border-radius: 0 0 0 1.6vw
}
@media screen and (min-aspect-ratio: 16/9) {
.side-content {
border-radius: 0 0 0.8995502249vmax 0
}
.side-content h3 {
padding: 0 1.0494752624vmax
}
.right-side .side-content {
border-radius: 0 0 0 0.8995502249vmax
}
}
.slip-list {
background-color: #fff
}
.trashcan {
color: #fff;
font-size: 3.2vw;
line-height: 8vw;
background: #d0021b;
border-radius: 1.0666666667vw;
padding: 0 2.6666666667vw;
justify-content: center;
align-items: center;
margin: 1.3333333333vw;
margin-right: 0
}
.trashcan:before {
content: "";
width: 2.9333333333vw;
height: 3.4666666667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin-right: 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.trashcan {
font-size: 1.7991004498vmax;
line-height: 4.4977511244vmax;
border-radius: 0.5997001499vmax;
padding: 0 1.4992503748vmax;
margin: 0.7496251874vmax
}
.trashcan:before {
width: 1.6491754123vmax;
height: 1.9490254873vmax;
margin-right: 0.7496251874vmax
}
}
.bets-back, .bets-head, .bets-book, .bets-lay {
background-color: #beddf4;
border-bottom: 1px solid #7da7c6;
align-items: stretch;
flex-wrap: wrap
}
.bets-back dt, .bets-head dt, .bets-book dt, .bets-lay dt, .bets-back dd, .bets-head dd, .bets-book dd, .bets-lay dd {
align-items: center;
padding: 1.3333333333vw 1.8666666667vw
}
.bets-back dt, .bets-head dt, .bets-book dt, .bets-lay dt {
flex: 1
}
.bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span {
width: 12vw;
line-height: 8vw
}
.bets-back h4, .bets-head h4, .bets-book h4, .bets-lay h4 {
flex: 0 0 28.8vw;
font-weight: normal
}
.bets-back dd, .bets-head dd, .bets-book dd, .bets-lay dd {
color: #1b2d38
}
.bets-back dd span, .bets-head dd span, .bets-book dd span, .bets-lay dd span {
flex: 1
}
.bets-back .col-odds, .bets-head .col-odds, .bets-book .col-odds, .bets-lay .col-odds {
flex: 0 1 9.6vw;
flex: 0 1 16vw;
padding-right: 0
}
.bets-back .col-stake, .bets-head .col-stake, .bets-book .col-stake, .bets-lay .col-stake {
flex: 0 0 14.6666666667vw;
padding-right: 0
}
.bets-back .col-profit, .bets-head .col-profit, .bets-book .col-profit, .bets-lay .col-profit {
flex: 0 1 13.3333333333vw
}
.bets-back .col-delete, .bets-head .col-delete, .bets-book .col-delete, .bets-lay .col-delete {
flex: 0 1 8vw;
padding-left: 0
}
.bets-back .trashcan, .bets-head .trashcan, .bets-book .trashcan, .bets-lay .trashcan {
height: 8vw;
margin: 0
}
.bets-back .trashcan:before, .bets-head .trashcan:before, .bets-book .trashcan:before, .bets-lay .trashcan:before {
margin-right: 0
}
.bets-back .info-keep, .bets-head .info-keep, .bets-book .info-keep, .bets-lay .info-keep, .bets-back .col-ref, .bets-head .col-ref, .bets-book .col-ref, .bets-lay .col-ref {
flex: 1 1 100%;
border-top: 1px solid #9dc2dc;
font-size: 2.9333333333vw;
line-height: 1.1;
padding: 1.0666666667vw 1.8666666667vw
}
.bets-back .info-keep strong, .bets-head .info-keep strong, .bets-book .info-keep strong, .bets-lay .info-keep strong, .bets-back .col-ref strong, .bets-head .col-ref strong, .bets-book .col-ref strong, .bets-lay .col-ref strong {
color: #2789ce;
margin: 0 1.3333333333vw
}
.bets-back .info-keep.edit, .bets-head .info-keep.edit, .bets-book .info-keep.edit, .bets-lay .info-keep.edit, .bets-back .edit.col-ref, .bets-head .edit.col-ref, .bets-book .edit.col-ref, .bets-lay .edit.col-ref {
font-size: 3.4666666667vw;
padding: 0 1.8666666667vw
}
.bets-back .col-ref, .bets-head .col-ref, .bets-book .col-ref, .bets-lay .col-ref {
order: -1;
color: #3b5160;
background-color: rgba(255,255,255,.3);
border-top-width: 0
}
.bets-back .col-ref li, .bets-head .col-ref li, .bets-book .col-ref li, .bets-lay .col-ref li {
margin-right: 2.6666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.bets-back dt, .bets-head dt, .bets-book dt, .bets-lay dt, .bets-back dd, .bets-head dd, .bets-book dd, .bets-lay dd {
padding: 0.7496251874vmax 1.0494752624vmax
}
.bets-back dt span, .bets-head dt span, .bets-book dt span, .bets-lay dt span {
width: 6.7466266867vmax;
line-height: 4.4977511244vmax
}
.bets-back .col-odds, .bets-head .col-odds, .bets-book .col-odds, .bets-lay .col-odds {
flex: 0 1 8.9955022489vmax
}
.bets-back .col-stake, .bets-head .col-stake, .bets-book .col-stake, .bets-lay .col-stake {
flex: 0 0 12.7436281859vmax
}
.bets-back .col-profit, .bets-head .col-profit, .bets-book .col-profit, .bets-lay .col-profit {
flex: 0 1 12.7436281859vmax
}
.bets-back .col-delete, .bets-head .col-delete, .bets-book .col-delete, .bets-lay .col-delete {
flex: 0 1 4.4977511244vmax
}
.bets-back .trashcan, .bets-head .trashcan, .bets-book .trashcan, .bets-lay .trashcan {
height: 4.4977511244vmax
}
.bets-back .info-keep, .bets-head .info-keep, .bets-book .info-keep, .bets-lay .info-keep, .bets-back .col-ref, .bets-head .col-ref, .bets-book .col-ref, .bets-lay .col-ref {
font-size: 1.6491754123vmax;
padding: 0.5997001499vmax 1.0494752624vmax
}
.bets-back .info-keep strong, .bets-head .info-keep strong, .bets-book .info-keep strong, .bets-lay .info-keep strong, .bets-back .col-ref strong, .bets-head .col-ref strong, .bets-book .col-ref strong, .bets-lay .col-ref strong {
margin: 0 0.7496251874vmax
}
.bets-back .info-keep.edit, .bets-head .info-keep.edit, .bets-book .info-keep.edit, .bets-lay .info-keep.edit, .bets-back .edit.col-ref, .bets-head .edit.col-ref, .bets-book .edit.col-ref, .bets-lay .edit.col-ref {
font-size: 1.9490254873vmax;
padding: 0 1.0494752624vmax
}
.bets-back .col-ref li, .bets-head .col-ref li, .bets-book .col-ref li, .bets-lay .col-ref li {
margin-right: 1.4992503748vmax
}
}
.bets-lay {
background-color: #f3dce2;
border-bottom: 1px solid #d38e9c
}
.bets-lay .info-keep, .bets-lay .col-ref {
border-top-color: #e5bdc5
}
.bets-book {
background-color: #d3edd0;
border-bottom: 1px solid #9fd899
}
.bets-book .info-keep, .bets-book .col-ref {
border-top-color: #9fd899
}
.bets-book dt span.back {
background-color: #72e3a0
}
.a-edit {
flex: 0 0 8vw;
height: 8vw;
background: rgba(255,255,255,.31);
border: 1px solid #ccc;
border-radius: 1.0666666667vw;
margin-right: 1.8666666667vw;
justify-content: center;
align-items: center
}
.a-edit:before {
content: "";
width: 3.4666666667vw;
height: 3.4666666667vw;
background-repeat: no-repeat;
background-size: contain
}
.bets-back .a-edit, .bets-head .a-edit, .bets-lay .a-edit, .bets-book .a-edit {
border-color: #1f72ac
}
.bets-back .a-edit:before, .bets-head .a-edit:before, .bets-lay .a-edit:before, .bets-book .a-edit:before {
background-image: url('data:image/svg+xml,')
}
.bets-lay .a-edit {
border-color: #e43a5e
}
.bets-lay .a-edit:before {
background-image: url('data:image/svg+xml,')
}
.bets-back .a-edit.select, .bets-head .a-edit.select, .bets-lay .a-edit.select, .bets-book .a-edit.select {
background-color: #1f72ac
}
.bets-back .a-edit.select:before, .bets-head .a-edit.select:before, .bets-lay .a-edit.select:before, .bets-book .a-edit.select:before {
background-image: url('data:image/svg+xml,')
}
.bets-lay .a-edit.select {
background-color: #e43a5e
}
.bets-lay .a-edit.select:before {
background-image: url('data:image/svg+xml,')
}
@media screen and (min-aspect-ratio: 16/9) {
.a-edit {
flex: 0 0 4.4977511244vmax;
height: 4.4977511244vmax;
border-radius: 0.5997001499vmax;
margin-right: 1.0494752624vmax
}
.a-edit:before {
width: 1.9490254873vmax;
height: 1.9490254873vmax
}
}
.bets-head {
background-color: #fff;
font-size: 2.9333333333vw;
border-bottom-width: 0
}
.bets-head dt, .bets-head dd {
padding: 0.8vw 1.8666666667vw
}
.bets-head h4 {
font-weight: bold
}
.bets-head .col-odds {
flex: 0 0 auto
}
@media screen and (min-aspect-ratio: 16/9) {
.bets-head {
font-size: 1.6491754123vmax
}
.bets-head dt, .bets-head dd {
padding: 0.4497751124vmax 1.0494752624vmax
}
}
.check-list li {
margin-left: 2.6666666667vw
}
.check-list a {
color: #1b2d38;
font-weight: normal;
height: 9.6vw;
align-items: center
}
.check-list a:before {
content: "";
width: 5.3333333333vw;
height: 5.3333333333vw;
background: #fff;
border: 0.2666666667vw solid #2789ce;
margin-right: 1.3333333333vw;
box-shadow: inset 0 0.5333333333vw 0 0 rgba(0,0,0,.2);
border-radius: 50%
}
.check-list a.checked:before {
border-width: 0;
box-shadow: none;
background: #2789ce url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.check-list a.disable {
color: #7e97a7
}
.check-list a.disable:before {
background-color: rgba(0,0,0,.2);
border-width: 0
}
h3 .check-list a {
color: #fff
}
h3 .check-list a:before {
border-width: 0
}
@media screen and (min-aspect-ratio: 16/9) {
.check-list li {
margin-left: 1.4992503748vmax
}
.check-list a {
height: 5.3973013493vmax
}
.check-list a:before {
width: 2.9985007496vmax;
height: 2.9985007496vmax;
border: 0.1499250375vmax solid #2789ce;
margin-right: 0.7496251874vmax;
box-shadow: inset 0 0.299850075vmax 0 0 rgba(0,0,0,.2)
}
}
.setting-block {
font-size: 4vw;
color: #243a48;
border-bottom: 1px solid #e0e6e6;
padding: 1.8666666667vw 0 0 1.8666666667vw;
flex-wrap: wrap
}
.setting-block dt, .setting-block dd {
flex: 1;
padding: 0 1.8666666667vw 1.8666666667vw 0;
align-items: center
}
.setting-block dd {
flex: 0 1 9.3333333333vw
}
.setting-block input {
width: 26.6666666667vw;
margin: 0 0 0 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.setting-block {
font-size: 2.2488755622vmax;
padding: 1.0494752624vmax 0 0 1.0494752624vmax
}
.setting-block dt, .setting-block dd {
padding: 0 1.0494752624vmax 1.0494752624vmax 0
}
.setting-block dd {
flex: 0 1 5.2473763118vmax
}
.setting-block input {
width: 14.9925037481vmax;
margin: 0 0 0 0.7496251874vmax
}
}
.stake-setting dt {
flex: 1 1 100%
}
.stake-setting dd {
flex: 1 1 25%
}
.stake-setting .btn, .stake-setting .pages a, .pages .stake-setting a, .stake-setting .form-select, .stake-setting .btn-send, .stake-setting .login {
flex: 1;
line-height: 2.2
}
.stake-setting input {
width: 100%;
margin: 0
}
.col-stake_edit a {
width: 100%;
line-height: 2.6;
font-weight: bold
}
.col-stake_edit .btn-send, .col-stake_edit .login {
line-height: 2.6
}
.btn-edit {
color: #243a48;
background: rgba(197,208,215,.4);
border: 0.2666666667vw solid #7e97a7;
box-shadow: inset 0 0.5333333333vw 0 0 rgba(255,255,255,.8);
border-radius: 1.6vw
}
.btn-edit:after {
content: "";
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
vertical-align: top;
margin-top: 2.6666666667vw;
margin-left: 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.btn-edit {
border-width: 0.1499250375vmax;
box-shadow: inset 0 0.299850075vmax 0 0 rgba(255,255,255,.8);
border-radius: 0.8995502249vmax
}
.btn-edit:after {
width: 2.2488755622vmax;
height: 2.2488755622vmax;
margin-top: 1.4992503748vmax;
margin-left: 0.7496251874vmax
}
}
.switch_on, .switch_off {
position: relative;
width: 9.3333333333vw;
height: 9.3333333333vw;
background: #6bbd11;
box-shadow: inset 0 0.2666666667vw 0.8vw 0 rgba(0,0,0,.5);
border-radius: 1.6vw;
overflow: hidden
}
.switch_on span, .switch_off span {
position: absolute;
right: 1.0666666667vw;
top: 1.0666666667vw;
width: 2.6666666667vw;
height: 7.2vw;
background: #fff;
box-shadow: 0 0.5333333333vw 1.0666666667vw 0 rgba(0,0,0,.5),inset 0 -0.8vw 0 0 #cad5d5;
border-radius: 1.0666666667vw;
justify-content: center;
align-items: center
}
.switch_on span:after, .switch_off span:after {
content: "";
width: 1.0666666667vw;
height: 1.3333333333vw;
background: #e0e6e6;
box-shadow: inset 0 0.2666666667vw 0.2666666667vw 0 rgba(0,0,0,.26);
border-radius: 0.5333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.switch_on, .switch_off {
width: 5.2473763118vmax;
height: 5.2473763118vmax;
box-shadow: inset 0 0.1499250375vmax 0.4497751124vmax 0 rgba(0,0,0,.5);
border-radius: 0.8995502249vmax
}
.switch_on span, .switch_off span {
right: 0.5997001499vmax;
top: 0.5997001499vmax;
width: 1.4992503748vmax;
height: 4.047976012vmax;
box-shadow: 0 0.299850075vmax 0.5997001499vmax 0 rgba(0,0,0,.5),inset 0 -0.4497751124vmax 0 0 #cad5d5;
border-radius: 0.5997001499vmax
}
.switch_on span:after, .switch_off span:after {
width: 0.5997001499vmax;
height: 0.7496251874vmax;
box-shadow: inset 0 0.1499250375vmax 0.1499250375vmax 0 rgba(0,0,0,.26);
border-radius: 0.299850075vmax
}
}
.switch_off {
background-color: #a2b1ba
}
.switch_off span {
left: 1.0666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.switch_off span {
left: 0.5997001499vmax
}
}
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: rgba(0,0,0,0);
z-index: 99;
justify-content: center;
align-items: center
}
.loading-wrap {
width: 40vw;
height: 24vw;
background: #fff;
font-size: 3.2vw;
color: #243a48;
box-shadow: 0 0.8vw 2.6666666667vw 0 rgba(0,0,0,.5);
border-radius: 1.3333333333vw;
padding: 1.8666666667vw 0;
justify-content: center;
align-items: center;
flex-wrap: wrap
}
.loading-wrap p {
flex: 0 0 100%
}
@media screen and (min-aspect-ratio: 16/9) {
.loading-wrap {
width: 22.4887556222vmax;
height: 13.4932533733vmax;
font-size: 1.7991004498vmax;
box-shadow: 0 0.4497751124vmax 1.4992503748vmax 0 rgba(0,0,0,.5);
border-radius: 0.7496251874vmax;
padding: 1.0494752624vmax 0
}
}
.loading {
position: relative;
width: 18.6666666667vw;
height: 9.3333333333vw
}
.loading > div {
position: absolute;
width: 50%;
height: 100%;
border-radius: 50%
}
.loading > div:nth-of-type(1) {
left: 0;
background: #ffb80c;
animation: loading-1 .6s ease infinite;
z-index: 5
}
.loading > div:nth-of-type(2) {
left: 50%;
background: #243a48;
animation: loading-2 .6s ease infinite
}
@media screen and (min-aspect-ratio: 16/9) {
.loading {
width: 10.4947526237vmax;
height: 5.2473763118vmax
}
}
.a-depth img {
width: 5.3333333333vw;
height: 5.3333333333vw;
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
@media screen and (min-aspect-ratio: 16/9) {
.a-depth img {
width: 2.9985007496vmax;
height: 2.9985007496vmax
}
}
.function-wrap {
position: relative;
padding: 1.3333333333vw 1.8666666667vw;
background-color: #e0e6e6
}
@media screen and (min-aspect-ratio: 16/9) {
.function-wrap {
padding: 0.7496251874vmax 1.0494752624vmax
}
}
.form-select {
position: relative;
line-height: 2.2;
text-align: left;
color: #2789ce;
padding: 0 1.8666666667vw
}
.form-select:after {
position: absolute;
right: 2.6666666667vw;
top: 3.4666666667vw;
content: "";
border-top: 2.1333333333vw solid #1e1e1e;
border-left: 1.6vw solid rgba(0,0,0,0);
border-right: 1.6vw solid rgba(0,0,0,0)
}
@media screen and (min-aspect-ratio: 16/9) {
.form-select {
padding: 0 1.0494752624vmax
}
.form-select:after {
right: 1.4992503748vmax;
top: 1.9490254873vmax;
border-top-width: 1.1994002999vmax;
border-left-width: 0.8995502249vmax;
border-right-width: 0.8995502249vmax
}
}
.select-list {
position: absolute;
width: 96.2666666667vw;
max-height: calc(11.7333333333vw * 5);
overflow: auto;
overflow-x: hidden;
z-index: 1
}
.select-list li {
border-bottom: 1px solid #e0e6e6
}
.select-list li:last-child {
border-bottom-width: 0
}
.select-list a {
line-height: 2.2;
font-weight: bold;
padding: 1.3333333333vw 1.8666666667vw
}
.select-list:not(:target) {
display: none
}
.select-list:target {
display: block
}
@media screen and (min-aspect-ratio: 16/9) {
.select-list {
width: 54.1229385307vmax;
max-height: calc(6.5967016492vmax * 5)
}
.select-list a {
padding: 0.7496251874vmax 1.0494752624vmax
}
}
.chart-wrap h3 {
background: rgba(0,0,0,0);
color: #1e1e1e;
justify-content: center
}
.chart {
position: relative;
width: 74.1333333333vw;
height: 56.8vw;
margin-left: 9.3333333333vw;
overflow: hidden
}
.chart img {
position: absolute;
width: 93.3333333333vw;
height: 68vw;
top: -8.5333333333vw;
clip: rect 8.5333333333vw,74.1333333333vw,65.3333333333vw,0px
}
@media screen and (min-aspect-ratio: 16/9) {
.chart {
width: 41.6791604198vmax;
height: 31.9340329835vmax;
margin-left: 5.2473763118vmax
}
.chart img {
width: 52.4737631184vmax;
height: 38.2308845577vmax;
top: -4.7976011994vmax;
clip: rect 4.7976011994vmax,41.6791604198vmax,36.7316341829vmax,0px
}
}
.info-matched {
font-size: 4vw;
border-top: 1px solid #e0e6e6;
margin-bottom: 0
}
.info-matched dd {
border-bottom-width: 0;
padding-bottom: 4vw
}
.info-matched dd span {
font-size: 3.4666666667vw;
margin-bottom: 0.8vw
}
.info-matched dd:nth-of-type(1) {
flex: 1.75
}
.info-matched dd:nth-of-type(2) {
flex: 1.5
}
.info-matched dd:nth-of-type(3) {
flex: 1
}
@media screen and (min-aspect-ratio: 16/9) {
.info-matched {
font-size: 2.2488755622vmax
}
.info-matched dd {
padding-bottom: 2.2488755622vmax
}
.info-matched dd span {
font-size: 1.9490254873vmax;
margin-bottom: 0.4497751124vmax
}
}
.to-BackLay {
justify-content: space-between
}
.to-BackLay li {
position: relative;
padding: 1.8666666667vw 1.8666666667vw 1.3333333333vw
}
.to-BackLay li:after {
position: absolute;
top: 0;
right: 0;
content: "";
border-top: 7.4666666667vw solid #fff
}
.to-BackLay li:nth-of-type(1) {
padding-right: 4vw;
background-color: #72bbef
}
.to-BackLay li:nth-of-type(1):after {
border-left: 1.3333333333vw solid rgba(0,0,0,0)
}
.to-BackLay li:nth-of-type(2) {
padding-left: 4vw;
background-color: #faa9ba
}
.to-BackLay li:nth-of-type(2):after {
left: 0;
right: auto;
border-right: 1.0666666667vw solid rgba(0,0,0,0)
}
@media screen and (min-aspect-ratio: 16/9) {
.to-BackLay li {
padding: 1.0494752624vmax 1.0494752624vmax 0.7496251874vmax
}
.to-BackLay li:after {
border-top-width: 4.1979010495vmax
}
.to-BackLay li:nth-of-type(1) {
padding-right: 2.2488755622vmax
}
.to-BackLay li:nth-of-type(1):after {
border-left-width: 0.7496251874vmax
}
.to-BackLay li:nth-of-type(2) {
padding-left: 2.2488755622vmax
}
.to-BackLay li:nth-of-type(2):after {
border-right-width: 0.5997001499vmax
}
}
.trade-wrap {
width: 100%;
overflow: auto;
overflow-y: hidden;
border: 1px solid #7e97a7;
border-width: 1px 0 1px 0;
margin-bottom: 2.6666666667vw;
flex-wrap: wrap
}
@media screen and (min-aspect-ratio: 16/9) {
.trade-wrap {
margin-bottom: 1.4992503748vmax
}
}
.trade, .trade-2 {
flex: 0 0 100%
}
.trade dd, .trade-2 dd {
width: 20vw
}
.trade p, .trade-2 p {
padding: 1.6vw 0.8vw
}
@media screen and (min-aspect-ratio: 16/9) {
.trade dd, .trade-2 dd {
width: 11.2443778111vmax
}
.trade p, .trade-2 p {
padding: 0.8995502249vmax 0.4497751124vmax
}
}
.trade-2 {
height: 7.4666666667vw
}
.trade-2 dd {
border-color: #e0e6e6
}
.trade-2 p {
font-weight: normal;
font-size: 2.9333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.trade-2 {
height: 4.1979010495vmax
}
.trade-2 p {
font-size: 1.6491754123vmax
}
}
.table-fancy .col-lay {
background-color: #fae5eb;
border-color: #fff
}
.table-fancy .col-back {
background-color: #cde8fd;
border-color: #fff
}
.promote-gameicon {
position: fixed;
left: -0.5333333333vw;
bottom: -1.6vw;
width: 19.7333333333vw;
z-index: 19
}
.promote-gameicon img {
width: 100%
}
@media(orientation: landscape) {
.promote-gameicon {
display: none
}
}
.messge-pro {
position: absolute;
left: 13.3333333333vw;
width: 65.3333333333vw;
height: 6.6666666667vw;
padding-top: 1.0666666667vw;
z-index: 29;
color: #000;
font-weight: bolder;
opacity: 1;
animation: msgslide 10s ease infinite
}
.promote-messege {
position: fixed;
left: -8vw;
bottom: 11.2vw;
width: 100%;
height: 6.6666666667vw;
z-index: 10
}
.promote-messege img {
position: absolute
}
.promote-messege .promo-txt {
display: inline-block;
white-space: nowrap;
text-align: left;
left: 21.3333333333vw;
animation: msgtxt 7s linear infinite;
color: #000
}
.promote-messege .marquee-promo {
position: absolute;
margin-top: 1.0666666667vw;
left: 21.3333333333vw;
width: 56.5333333333vw;
text-decoration: none;
color: #000;
text-align: left;
font-weight: bolder;
overflow: hidden;
z-index: 99
}
.promote-messege .icon-messege {
position: absolute;
left: 4.2666666667vw;
width: 90.6666666667vw;
height: 6.6666666667vw;
-webkit-mask-image: linear-gradient(to right, transparent, black 1rem);
-webkit-mask-repeat: no-repeat;
animation: slide2 14s ease-in-out infinite;
z-index: 12
}
.promote-messege .icon-msgcont {
position: absolute;
left: 10.6666666667vw;
width: 85.3333333333vw;
height: 4.8vw;
padding-top: 0.8vw;
-webkit-mask-image: linear-gradient(to right, transparent, black 1rem);
-webkit-mask-repeat: no-repeat;
animation: slide 14s ease-in-out infinite;
z-index: 19
}
@keyframes slide {
0% {
left: 10.1333333333vw;
opacity: 0;
-webkit-mask-position: -350vw 0%;
mask-position: -350vw 0%
}
3% {
opacity: 0
}
5% {
opacity: 1
}
8% {
left: 15.4666666667vw;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
10% {
left: 15.4666666667vw;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
96% {
left: 15.4666666667vw;
opacity: 1;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
100% {
left: 10.1333333333vw;
opacity: 0;
-webkit-mask-position: -150vw 0%;
mask-position: -150vw 0%
}
}
@keyframes slide2 {
0% {
left: 1.0666666667vw;
opacity: 0;
-webkit-mask-position: -350vw 0%;
mask-position: -350vw 0%
}
3% {
opacity: 1
}
6% {
left: 4.8vw;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
7% {
left: 4.8vw;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
98% {
left: 4.8vw;
opacity: 1;
-webkit-mask-position: 0vw 0%;
mask-position: 0vw 0%
}
100% {
left: 1.0666666667vw;
opacity: 0;
-webkit-mask-position: -150vw 0%;
mask-position: -150vw 0%
}
}
@keyframes msgslide {
0% {
opacity: 0
}
10% {
opacity: 0
}
11% {
opacity: 1
}
93% {
opacity: 1
}
94% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes msgtxt {
0% {
transform: translatex(250px);
opacity: 0
}
10% {
opacity: 0;
transform: translatex(220px)
}
12% {
opacity: 1
}
96% {
opacity: 1
}
98% {
transform: translatex(-90%);
opacity: 0
}
100% {
transform: translatex(-120%);
opacity: 0
}
}
@media(orientation: landscape) {
.promote-messege {
display: none
}
}
.policy-link {
width: 100vw;
margin: 3.2vw auto 8vw;
padding: 0 1.8666666667vw;
text-align: center;
color: #bbb
}
.policy-link a {
color: #666;
text-decoration: underline
}
.policy-link li {
margin-bottom: 1.3333333333vw
}
.policy-link li:before {
margin: 0 0.4vw;
content: "|"
}
.policy-link li:first-child:before {
display: none
}
@media screen and (min-aspect-ratio: 16/9) {
.policy-link {
margin: 1.7991004498vmax auto 1.7991004498vmax;
padding: 0 1.0494752624vmax
}
.policy-link li:nth-child(even):before {
margin: 0 0.8995502249vmax
}
}
@media(orientation: landscape) {
.policy-link li {
margin-bottom: 1.3333333333vw
}
}
.RnR-link a {
color: #666;
text-decoration: underline
}
.declared {
background-color: #aed5f5;
font-size: 3.4666666667vw;
line-height: 1.3;
padding: 2.6666666667vw;
margin-bottom: 2.6666666667vw;
border-radius: 2.1333333333vw
}
.declared p:last-of-type {
margin-bottom: 0
}
.login-policy .declared p {
margin-top: 0
}
.tc-wrap .declared p {
margin-bottom: 2.6666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.declared {
font-size: 1.9490254873vmax;
padding: 1.4992503748vmax;
margin-bottom: 1.4992503748vmax;
border-radius: 1.1994002999vmax
}
.tc-wrap .declared p {
margin-bottom: 1.4992503748vmax
}
}
.login-head {
position: relative;
height: 74.6666666667vw;
background-size: 100% 100%;
margin-bottom: 12vw
}
.login-head h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.login-head .betfair-wrap {
position: absolute;
left: 50%;
bottom: 4vw;
width: 26.6666666667vw;
margin-left: -13.3333333333vw;
opacity: .5;
color: #000
}
.login-head .betfair-wrap p {
text-align: center;
font-size: 2.6666666667vw
}
.login-head .betfair-wrap span {
display: block;
width: 100%;
height: 4.8vw;
background-image: url(/images/mobile/login/betfair_black.png);
background-repeat: no-repeat;
background-size: cover
}
.login-head h3 {
position: absolute;
left: 50%;
bottom: 5.3333333333vw
}
.login-head .close {
position: fixed;
right: 1.8666666667vw;
justify-content: center;
align-items: center;
width: 9.3333333333vw;
height: 9.3333333333vw;
background-color: rgba(0,0,0,.7);
border-radius: 50%;
margin-top: 1.8666666667vw;
z-index: 2
}
.login-head .close:before {
content: "";
width: 3.4666666667vw;
height: 3.4666666667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
@media screen and (min-aspect-ratio: 16/9) {
.login-head .close {
right: 1.0494752624vmax;
width: 5.2473763118vmax;
height: 5.2473763118vmax;
margin-top: 1.0494752624vmax
}
.login-head .close:before {
width: 1.9490254873vmax;
height: 1.9490254873vmax
}
}
@media(orientation: landscape) {
.login-head {
height: 21.3333333333vw;
margin-bottom: 5.3333333333vw
}
.login-head .betfair-wrap {
display: none
}
.login-head h1 {
top: 50% !important
}
}
@media screen and (min-aspect-ratio: 16/9) {
.login-head {
height: 11.9940029985vmax;
margin-bottom: 2.9985007496vmax
}
.login-head .betfair-wrap {
display: none
}
.login-head h1 {
top: 50% !important
}
}
.form-login {
width: 84vw;
margin: 0 auto;
color: #fff
}
.form-login dt {
font-size: 5.8666666667vw;
margin-bottom: 8vw
}
.form-login dd {
position: relative;
margin-bottom: 3.2vw
}
.form-login dd:last-of-type {
margin-bottom: 0
}
.form-login img {
position: absolute;
background-color: #fff;
width: 18.6666666667vw;
height: 5.0666666667vw;
right: 1.8666666667vw;
top: 2.1333333333vw;
padding-top: 1.3333333333vw;
border-radius: 1.0666666667vw
}
.pass-wrap .form-login {
margin-bottom: 5.3333333333vw
}
.form-login .error:after {
position: absolute;
right: 1.8666666667vw;
top: 3.2vw;
content: "";
width: 4.2666666667vw;
height: 4.2666666667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.form-login .error img {
margin-right: 6.1333333333vw
}
@media(orientation: landscape) {
.form-login {
width: 84vw
}
.form-login dt {
font-size: 5.8666666667vw;
margin-bottom: 8vw
}
.form-login dd {
margin-bottom: 3.2vw
}
.form-login img {
width: 18.6666666667vw;
height: 5.0666666667vw;
right: 1.8666666667vw;
top: 2.1333333333vw;
padding-top: 1.3333333333vw;
border-radius: 1.0666666667vw
}
.form-login .error:after {
right: 1.8666666667vw;
top: 3.2vw;
width: 4.2666666667vw;
height: 4.2666666667vw
}
.form-login .error img {
margin-right: 6.1333333333vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.form-login {
width: 47.2263868066vmax
}
.form-login dt {
font-size: 3.2983508246vmax;
margin-bottom: 4.4977511244vmax
}
.form-login dd {
margin-bottom: 1.7991004498vmax
}
.form-login img {
width: 10.4947526237vmax;
height: 2.8485757121vmax;
right: 1.0494752624vmax;
top: 1.1994002999vmax;
padding-top: 0.7496251874vmax;
border-radius: 0.5997001499vmax
}
.form-login .error:after {
right: 1.0494752624vmax;
top: 1.7991004498vmax;
width: 2.3988005997vmax;
height: 2.3988005997vmax
}
.form-login .error img {
margin-right: 3.4482758621vmax
}
}
.login {
border-width: 0;
line-height: 2.9;
font-size: 4.5333333333vw;
box-shadow: 0 2px 7px 0 rgba(0,0,0,.5)
}
.login:after {
content: "";
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin: 0.5333333333vw 0 0 1.3333333333vw
}
@media(orientation: landscape) {
.login {
font-size: 4.5333333333vw;
border-radius: 1.6vw
}
.login:after {
width: 4vw;
height: 4vw;
margin: 0.5333333333vw 0 0 1.3333333333vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.login {
font-size: 2.5487256372vmax;
border-radius: 0.8995502249vmax
}
.login:after {
width: 2.2488755622vmax;
height: 2.2488755622vmax;
margin: 0.299850075vmax 0 0 0.7496251874vmax
}
}
.state {
font-size: 3.2vw;
color: #f8e71c
}
@media(orientation: landscape) {
.state {
font-size: 3.2vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.state {
font-size: 1.7991004498vmax
}
}
.index-login .mian-wrap {
padding: 14.6666666667vw 0 17.6vw
}
.index-login .promo-banner-wrap {
top: 14.6666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.index-login .mian-wrap {
padding: 8.2458770615vmax 0 9.8950524738vmax
}
.index-login .promo-banner-wrap {
top: 8.2458770615vmax
}
}
html, body {
overflow-x: hidden;
background-color: initial
}
body {
min-height: 100vh;
background-attachment: fixed;
background-color: #1d2c38;
background-image: linear-gradient(56deg, #3a5870 4%, #1d2c38 42%)
}
@media screen and (min-aspect-ratio: 16/9) {
body {
height: 101vmin;
padding-bottom: 1.4992503748vmax
}
}
.pass-head {
position: relative;
background-image: linear-gradient(180deg, #e6e6e6 0%, #b4b4b4 100%);
background-color: #d2d2d2;
height: 21.3333333333vw;
margin-bottom: 12vw
}
.pass-head h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-size: auto 100%;
background-position: center;
width: 80%;
height: 13.3333333333vw
}
@media(orientation: landscape) {
.pass-head {
height: 21.3333333333vw;
margin-bottom: 5.3333333333vw
}
.pass-head h1 {
height: 13.3333333333vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.pass-head {
height: 11.9940029985vmax;
margin-bottom: 2.9985007496vmax
}
.pass-head h1 {
height: 7.4962518741vmax
}
}
.pass-wrap {
padding-bottom: 5.3333333333vw
}
@media(orientation: landscape) {
.pass-wrap {
padding: 0 2.6666666667vw;
align-items: center
}
.pass-wrap .form-login {
margin-bottom: 5.3333333333vw
}
.pass-wrap .form-login dt {
margin-bottom: 4vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.pass-wrap {
display: flex;
padding: 0 1.4992503748vmax
}
.pass-wrap .form-login {
margin-bottom: 0
}
.pass-wrap .form-login dt {
margin-bottom: 2.2488755622vmax
}
}
.txt-wrap {
width: 84vw;
margin: 0 auto;
color: #7e97a7;
line-height: 4.8vw;
background: rgba(0,0,0,.2);
border-radius: 1.6vw;
padding: 2.6666666667vw 1.8666666667vw
}
.txt-wrap ul {
margin-left: 4.2666666667vw
}
@media(orientation: landscape) {
.txt-wrap {
width: 84vw;
font-size: 3.4666666667vw;
line-height: 4.8vw;
border-radius: 1.6vw;
padding: 2.6666666667vw 1.8666666667vw
}
.txt-wrap ul {
margin-left: 4.2666666667vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.txt-wrap {
order: -1;
width: 47.2263868066vmax;
font-size: 1.9490254873vmax;
line-height: 2.6986506747vmax;
border-radius: 0.8995502249vmax;
padding: 1.4992503748vmax 1.0494752624vmax
}
.txt-wrap ul {
margin-left: 2.3988005997vmax
}
}
.whatsapp-wrap {
width: 84vw;
border: 1px solid rgba(255,255,255,.6);
border-radius: 1.6vw;
margin: 0 auto;
margin-top: 3.2vw;
background-color: rgba(242,242,242,.3);
color: rgba(255,255,255,.6);
font-family: Tahoma,sans-serif;
font-weight: bold;
text-align: center
}
.whatsapp-wrap .whatsapp-tittle {
padding: 1.8666666667vw 0;
margin: 0 auto;
border-bottom: 1px solid rgba(255,255,255,.6);
font-size: 3.2vw
}
.whatsapp-wrap .whatsapp-content {
display: flex;
justify-content: center;
padding: 1.8666666667vw 0
}
.whatsapp-wrap .whatsapp-content a {
padding: 1.6vw 2.6666666667vw;
margin: 0 1.7333333333vw;
color: rgba(0,0,0,.7);
background-image: linear-gradient(-180deg, #ffb80c 15%, #ffa00c 100%);
border-color: #bf7809;
border-radius: 1.0666666667vw;
font-size: 3.7333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.whatsapp-wrap {
width: 47.2263868066vmax
}
.whatsapp-wrap .whatsapp-tittle {
padding: 1.0494752624vmax 0;
font-size: 1.7991004498vmax
}
.whatsapp-wrap .whatsapp-content {
padding: 1.0494752624vmax 0
}
.whatsapp-wrap .whatsapp-content a {
padding: 1.1994002999vmax 1.7991004498vmax;
margin: 0 0.4497751124vmax;
font-size: 2.0989505247vmax
}
}
.support-wrap {
background-color: rgba(0,0,0,.6)
}
.support-wrap .support-service {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 13.3333333333vw;
border-top: 0.2666666667vw solid rgba(255,255,255,.3)
}
.support-wrap .support-service::before, .support-wrap .support-service::after {
content: "";
display: block;
flex: 1;
align-self: flex-end;
height: 0.2666666667vw;
background-color: rgba(255,255,255,.3);
margin-bottom: -0.2666666667vw
}
.support-wrap .support-service a {
display: flex;
justify-content: center;
align-items: center;
width: 10.6666666667vw
}
.support-wrap .support-service a::after {
content: "";
position: absolute;
top: 100%;
display: block;
width: 10.6666666667vw;
height: 0.2666666667vw;
background-color: rgba(255,255,255,.3)
}
.support-wrap .support-service a.open::after {
content: "";
position: absolute;
top: 100%;
height: 2.6666666667vw;
background-image: url(../../images/mobile/support_arrow.png);
background-repeat: no-repeat;
background-size: contain;
background-color: initial;
pointer-events: none
}
.support-wrap .support-service img {
width: 6.6666666667vw;
height: 100%
}
.support-wrap .support-info {
display: flex;
justify-content: center;
align-items: center;
padding: 3.4666666667vw 0 2.6666666667vw
}
.support-wrap .support-detail {
display: none
}
.support-wrap .support-detail.open {
display: block
}
.support-wrap .support-detail a {
display: flex;
justify-content: center;
align-items: center;
height: 8vw;
color: #fff;
text-decoration: underline
}
@media screen and (min-aspect-ratio: 16/9) {
.support-wrap {
display: none
}
}
[class^=support-] img {
background-size: contain;
background-repeat: no-repeat
}
.support-fb img, .support-phone img {
width: 5.8666666667vw !important
}
.support-imo img {
background-image: url('data:image/svg+xml,')
}
.support-imo.open img {
background-image: url('data:image/svg+xml,')
}
.support-youtube img {
background-image: url('data:image/svg+xml,')
}
.support-youtube.open img {
background-image: url('data:image/svg+xml,')
}
.support-twitter img {
background-image: url('data:image/svg+xml,')
}
.support-twitter.open img {
background-image: url('data:image/svg+xml,')
}
.support-mail img, img.support-mail {
background-image: url('data:image/svg+xml,')
}
.support-mail.open img {
background-image: url('data:image/svg+xml,')
}
.support-whatsapp img, img.support-whatsapp {
background-image: url('data:image/svg+xml,')
}
.support-whatsapp.open img {
background-image: url('data:image/svg+xml,')
}
.support-telegram img, img.support-telegram {
background-image: url('data:image/svg+xml,')
}
.support-telegram.open img {
background-image: url('data:image/svg+xml,')
}
.support-skype img, img.support-skype {
background-image: url('data:image/svg+xml,')
}
.support-skype.open img {
background-image: url('data:image/svg+xml,')
}
.support-customer img, img.support-customer {
background-image: url('data:image/svg+xml,')
}
.support-customer.open img {
background-image: url('data:image/svg+xml,')
}
.support-fb img {
background-image: url('data:image/svg+xml,')
}
.support-fb.open img {
background-image: url('data:image/svg+xml,')
}
.support-ig img, img.support-ig {
background-image: url('data:image/svg+xml,')
}
.support-ig.open img {
background-image: url('data:image/svg+xml,')
}
.support-phone img {
background-image: url('data:image/svg+xml,')
}
.support-phone.open img {
background-image: url('data:image/svg+xml,')
}
.support-whatsappnumber img {
background-image: url('data:image/svg+xml,')
}
.support-wrap.support-extend {
display: none;
background-color: rgba(0,0,0,.75);
margin: 0 auto 5.3333333333vw auto;
padding: 1.3333333333vw 2.6666666667vw;
overflow: hidden
}
.support-wrap.support-extend .support-info {
display: initial;
float: left;
padding: 0;
text-align: left;
word-break: break-all
}
.support-wrap.support-extend a {
color: rgba(255,255,255,.5);
margin-right: 2.6666666667vw;
line-height: 10.6666666667vw
}
.support-wrap.support-extend a.split-line {
border-left: 0.2666666667vw solid rgba(255,255,255,.2);
padding-left: 2.6666666667vw
}
.support-wrap.support-extend a.select {
color: #fff;
text-decoration: underline
}
.support-wrap.support-extend img {
width: 6.6666666667vw;
height: 100%;
margin-right: 2.6666666667vw;
vertical-align: middle
}
@media screen and (min-aspect-ratio: 16/9) {
.support-wrap.support-extend {
margin: 0 auto 2.9985007496vmax auto;
padding: 0.7496251874vmax 1.4992503748vmax
}
.support-wrap.support-extend a {
margin-right: 1.4992503748vmax;
line-height: 5.9970014993vmax
}
.support-wrap.support-extend a.split-line {
border-left: 0.1499250375vmax solid rgba(255,255,255,.2);
padding-left: 1.4992503748vmax
}
.support-wrap.support-extend img {
width: 3.748125937vmax;
margin-right: 1.4992503748vmax
}
}
.policy-link {
color: rgba(255,255,255,.3)
}
.policy-link a {
color: rgba(255,255,255,.6)
}
.support-wrap {
background-color: rgba(0,0,0,0)
}
.extend-support {
display: grid;
grid-template-columns: 1fr;
grid-gap: 2.6666666667vw;
width: 84vw;
margin: 0 auto
}
.support-social {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 8px;
width: 84vw;
margin: 0 auto;
margin-bottom: 5.3333333333vw
}
.extend-support img.support-customer {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-whatsapp {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-telegram {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-skype {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-mail {
background: url('data:image/svg+xml,') no-repeat
}
.extend-support img.support-ig {
background: url('data:image/svg+xml,') no-repeat
}
.announce-header {
position: sticky;
position: -webkit-sticky;
width: 100%;
align-items: center;
justify-content: center
}
.announce-header h1 {
color: #1e1e1e;
font-size: 4.8vw;
text-align: center;
padding: 0 10px
}
@media screen and (min-aspect-ratio: 16/9) {
.announce-header {
position: relative;
top: 0;
left: 0
}
.announce-header h1 {
font-size: 2.6986506747vmax
}
}
footer {
position: sticky;
position: -webkit-sticky;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid #e0e6e6;
padding: 2.1333333333vw 0;
background: #fff
}
footer .confirm-checkbox {
margin-bottom: 3.2vw
}
footer .confirm-checkbox:before {
width: 4.2666666667vw;
height: 4.2666666667vw;
margin-right: 1.0666666667vw;
border: 1px solid #aaa;
background: #fff;
content: "";
vertical-align: bottom
}
footer .confirm-checkbox.checked:before {
border: 1px solid #666;
background: #333 url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .btn, footer .pages a, .pages footer a, footer .form-select, footer .login, footer .btn-send {
width: 45.3333333333vw;
height: 10.6666666667vw;
margin: 0 1.0666666667vw 0 0;
font-size: 4vw;
line-height: 10.6666666667vw
}
footer .btn-send, footer .login {
margin: 0 auto
}
@media(orientation: landscape) {
footer {
position: fixed;
padding: 0;
height: 0;
border: 0
}
footer .confirm-checkbox {
display: none
}
footer .btn, footer .pages a, .pages footer a, footer .btn-send, footer .form-select, footer .login {
position: absolute;
z-index: 10;
right: 1.8666666667vw;
bottom: 22.9333333333vw;
width: 10.6666666667vw;
height: 10.6666666667vw;
font-size: 0;
margin: 0;
border-radius: 26.6666666667vw
}
footer .btn:before, footer .pages a:before, .pages footer a:before, footer .btn-send:before, footer .form-select:before, footer .login:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
border-radius: 26.6666666667vw;
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain;
content: ""
}
footer .btn-send, footer .login {
bottom: 6.4vw
}
footer .btn-send:before, footer .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .age_box .btn:before, footer .age_box .pages a:before, .pages footer .age_box a:before, footer .age_box .btn-send:before, footer .age_box .form-select:before, footer .age_box .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .age_box .btn-send:before, footer .age_box .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
}
@media screen and (min-aspect-ratio: 16/9) {
footer .btn, footer .pages a, .pages footer a, footer .btn-send, footer .form-select, footer .login {
right: 1.0494752624vmax;
bottom: 12.8935532234vmax;
width: 7.1964017991vmax;
height: 7.1964017991vmax
}
footer .btn-send, footer .login {
bottom: 3.5982008996vmax
}
}
.tc-wrap {
min-height: calc(100vh - 86px - 55px)
}
.announce-wrap table {
margin: 2.1333333333vw 0 4.2666666667vw 0;
width: 100%;
border-top: 2px solid #7e97a7;
border-bottom: 2px solid #7e97a7;
font-size: 3.4666666667vw
}
.announce-wrap table th {
border-right: 1px solid #e0e6e6;
color: #3b5160;
font-weight: normal
}
.announce-wrap table tr {
border-bottom: 1px solid #e0e6e6
}
.announce-wrap table tr:first-of-type {
border-top: 1px solid #7e97a7
}
.announce-wrap table tr:last-of-type {
border-bottom: 1px solid #7e97a7
}
.announce-wrap table td, .announce-wrap table th {
padding: 1.0666666667vw 0 1.0666666667vw 2.1333333333vw
}
.announce-wrap .nofound_box {
display: none
}
@media screen and (min-aspect-ratio: 16/9) {
.announce-wrap {
padding-top: 2.3988005997vmax;
padding-bottom: 2.3988005997vmax
}
.announce-wrap table {
margin: 1.1994002999vmax 0 2.3988005997vmax 0;
font-size: 1.9490254873vmax
}
.announce-wrap table td, .announce-wrap table th {
padding: 0.5997001499vmax 0 0.5997001499vmax 1.1994002999vmax
}
}
.news-wrap {
position: relative;
flex-direction: column;
width: 89.3333333333vw;
height: 90%;
border-radius: 1.3333333333vw;
background: #fff
}
.news-wrap .side-head {
flex: 0 0 12.8vw;
border-radius: 1.6vw 1.6vw 0 0
}
.news-wrap .side-head h3 {
font-size: 4.8vw;
line-height: 1;
justify-content: center
}
.news-wrap .announce-wrap {
flex: 1;
padding-top: 4.2666666667vw;
padding-bottom: 0
}
.news-wrap .announce-wrap img {
width: 100%;
border: 1px solid #dadada;
border-radius: 2.6666666667vw
}
.news-wrap footer {
position: relative;
border-radius: 0 0 1.3333333333vw 1.3333333333vw
}
.news-wrap.news-wrap-frame {
position: relative;
width: 100%;
height: 100%
}
.news-wrap.news-wrap-frame .side-head {
top: 0;
z-index: 2
}
@media screen and (min-aspect-ratio: 16/9) {
.news-wrap {
width: 100%;
height: 100%;
border-radius: 0
}
.news-wrap .side-head {
flex: 0 0 7.1964017991vmax;
border-radius: 0.7496251874vmax 0.7496251874vmax 0 0
}
.news-wrap .side-head h3 {
font-size: 2.6986506747vmax
}
.news-wrap .announce-wrap {
padding-top: 2.3988005997vmax;
padding-bottom: 3.5982008996vmax;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.news-wrap .announce-wrap img {
border-radius: 1.4992503748vmax
}
.news-wrap .btn-send, .news-wrap .login {
position: fixed
}
}
.overlay .frame-wrap {
width: 89.3333333333vw;
height: 90%
}
@media screen and (min-aspect-ratio: 16/9) {
.overlay .frame-wrap {
width: 100%;
height: 100%
}
}
.marquee-pop .side-head {
flex: 0 0 10.6666666667vw
}
.marquee-pop .side-head h3 {
font-size: 4vw;
line-height: 1;
justify-content: flex-start
}
.marquee-pop .function-wrap {
background-color: #e0e6e6;
margin-bottom: 0
}
.marquee-pop .function-wrap label {
position: relative
}
.marquee-pop .function-wrap label span {
position: absolute;
z-index: 10;
left: 0;
height: 9.3333333333vw;
width: 8vw;
background: #888;
border-radius: 1.3333333333vw 0vw 0vw 1.3333333333vw;
display: inline-flex;
justify-content: center;
align-items: center
}
.marquee-pop .function-wrap label span:before {
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
height: 4.2666666667vw;
width: 4.2666666667vw;
background-image: url('data:image/svg+xml,')
}
.marquee-pop .function-wrap label input {
padding: 0 1.8666666667vw;
height: 8.8vw;
width: 48vw;
line-height: 2.2;
text-indent: 8vw;
margin-bottom: inherit;
margin-right: 1.3333333333vw
}
.marquee-pop .function-wrap .btn-send, .marquee-pop .function-wrap .login {
line-height: 2.2;
min-width: 26.6666666667vw
}
.marquee-pop .announce-wrap {
flex: 1;
border-radius: 0 0 1.3333333333vw 1.3333333333vw
}
@media screen and (min-aspect-ratio: 16/9) {
.marquee-pop {
width: 96%;
height: 90%;
border-radius: 1.4992503748vmax
}
.marquee-pop .side-head {
flex: 0 0 5.9970014993vmax
}
.marquee-pop .side-head h3 {
font-size: 2.2488755622vmax
}
.marquee-pop .function-wrap {
padding: 0.7496251874vmax 1.0494752624vmax
}
.marquee-pop .function-wrap label span {
height: 5.0974512744vmax;
width: 4.4977511244vmax;
border-radius: 0.7496251874vmax 0vmax 0vmax 0.7496251874vmax
}
.marquee-pop .function-wrap label span:before {
height: 2.3988005997vmax;
width: 2.3988005997vmax
}
.marquee-pop .function-wrap label input {
width: 26.9865067466vmax;
padding: 0 1.0494752624vmax;
height: 4.7976011994vmax;
text-indent: 4.4977511244vmax;
margin-right: 0.7496251874vmax
}
.marquee-pop .function-wrap .btn-send, .marquee-pop .function-wrap .login {
min-width: 14.9925037481vmax;
position: inherit
}
.marquee-pop .announce-wrap {
border-radius: 0 0 0.7496251874vmax 0.7496251874vmax
}
}
.nofound {
display: flex;
align-items: center;
justify-content: center
}
.nofound .nofound_box {
display: flex;
align-items: center;
vertical-align: top;
flex-direction: column;
margin-bottom: 0vw;
max-width: 80vw
}
.nofound .nofound_box dt {
width: 26.9333333333vw;
height: 25.8666666667vw;
margin-bottom: 5.3333333333vw;
background: url(/images/mobile/announcement/ic-search.svg) no-repeat;
background-size: contain
}
.nofound .nofound_box dd {
margin-bottom: 1.3333333333vw;
text-align: center;
font-weight: bold;
flex: 1
}
.nofound .article-wrap {
display: none
}
@media screen and (min-aspect-ratio: 16/9) {
.nofound .nofound_box {
max-width: 44.9775112444vmax
}
.nofound .nofound_box dt {
width: 15.1424287856vmax;
height: 14.5427286357vmax;
margin-bottom: 2.9985007496vmax
}
.nofound .nofound_box dd {
margin-bottom: 0.7496251874vmax
}
}
.pages {
display: flex;
justify-content: center;
margin: 2.6666666667vw 0
}
.pages li {
list-style: none;
margin-right: 0.8vw;
margin-left: 0.8vw
}
.pages a {
font-weight: normal;
margin: 0;
line-height: 9.3333333333vw;
padding: 0vw 3.2vw
}
@media screen and (min-aspect-ratio: 16/9) {
.pages {
margin: 0.7496251874vmax 0
}
.pages li {
margin-right: 0.4497751124vmax;
margin-left: 0.4497751124vmax
}
.pages a {
line-height: 4.7976011994vmax;
padding: 0vmax 1.7991004498vmax
}
.pages a.select {
box-shadow: inset 0 0.299850075vmax 0 0 rgba(0,0,0,.1)
}
}
.article-wrap {
border-bottom: 1px solid #e0e6e6;
padding-top: 5.3333333333vw;
padding-bottom: 6.6666666667vw
}
.article-wrap:first-of-type {
padding-top: 0
}
.article-wrap:last-of-type {
border-bottom: 0
}
@media screen and (min-aspect-ratio: 16/9) {
.article-wrap {
padding-top: 2.9985007496vmax;
padding-bottom: 3.748125937vmax
}
}
.article-date {
width: 18.6666666667vw;
margin-bottom: 4.2666666667vw;
border-top: 1.0666666667vw solid #4a4a4a;
padding-top: 1.0666666667vw;
color: #4a4a4a
}
.article-date dt {
margin-right: 0.5333333333vw;
font-size: 8vw;
line-height: 8.5333333333vw
}
.article-date dd {
font-size: 3.7333333333vw;
line-height: 4.2666666667vw
}
@media screen and (min-aspect-ratio: 16/9) {
.article-date {
width: 10.4947526237vmax;
margin-bottom: 2.3988005997vmax;
border-top: 0.5997001499vmax solid #4a4a4a;
padding-top: 0.5997001499vmax
}
.article-date dt {
margin-right: 0.299850075vmax;
font-size: 4.4977511244vmax;
line-height: 4.7976011994vmax
}
.article-date dd {
font-size: 2.0989505247vmax;
line-height: 2.3988005997vmax
}
}
.mysports247 .announce-header h1 {
color: #1e1e1e
}
.mysports247 .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-mysports247.png") center no-repeat;
background-size: cover
}
.skyexchange .announce-header h1 {
color: #ffb80c
}
.skyexchange .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-skyexchange.png") center no-repeat;
background-size: cover
}
.mazaplay .announce-header h1 {
color: #fff
}
.mazaplay .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-mazaplay.png") center no-repeat;
background-size: cover
}
.maruti .announce-header h1 {
color: #fff
}
.maruti .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-maruti.png") center no-repeat;
background-size: cover
}
.skyexchange247 .announce-header h1 {
color: #ffb80c
}
.skyexchange247 .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-skyexchange247.png") center no-repeat;
background-size: cover
}
.app-wrap {
margin-top: 32vw
}
.app-wrap .btn-send, .app-wrap .login {
border-width: 0px
}
@media screen and (min-aspect-ratio: 16/9) {
.app-wrap {
margin-top: 3.5982008996vmax
}
}
.app-qrcode {
background: url(/images/mobile/login/appic-9wickets.png) center no-repeat;
background-size: cover;
width: 38.4vw;
height: 38.4vw;
margin: 0 auto 7.4666666667vw;
border-radius: 5.3333333333vw;
box-shadow: 0 1.0666666667vw 2.1333333333vw rgba(0,0,0,.4)
}
@media screen and (min-aspect-ratio: 16/9) {
.app-qrcode {
width: 21.5892053973vmax;
height: 21.5892053973vmax;
margin: 0 auto 1.7991004498vmax;
border-radius: 2.9985007496vmax;
box-shadow: 0 0.5997001499vmax 0.8995502249vmax rgba(0,0,0,.4)
}
}
.appdl-link-android, .appdl-link-ios {
margin-bottom: 3.2vw
}
.appdl-link-android .btn-app, .appdl-link-ios .btn-app {
position: relative;
width: 72.5333333333vw;
height: 12.8vw;
padding-left: 12.2666666667vw;
margin: 0 auto 3.2vw;
line-height: 12.8vw;
box-sizing: border-box
}
.appdl-link-android .btn-app:before, .appdl-link-ios .btn-app:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 12.8vw;
height: 100%;
background: rgba(0,0,0,.8) url('data:image/svg+xml,') no-repeat center;
background-size: 6.4vw;
border-top-left-radius: 1.6vw;
border-bottom-left-radius: 1.6vw
}
@media screen and (min-aspect-ratio: 16/9) {
.appdl-link-android .btn-app, .appdl-link-ios .btn-app {
width: 40.7796101949vmax;
height: 7.1964017991vmax;
padding-left: 6.8965517241vmax;
line-height: 7.1964017991vmax
}
.appdl-link-android .btn-app:before, .appdl-link-ios .btn-app:before {
width: 7.1964017991vmax;
height: 100%;
background-size: 3.5982008996vmax;
border-top-left-radius: 0.8995502249vmax;
border-bottom-left-radius: 0.8995502249vmax
}
}
.appdl-link-android .app-ver, .appdl-link-ios .app-ver {
font-size: 4vw;
text-align: center;
color: #fff
}
@media screen and (min-aspect-ratio: 16/9) {
.appdl-link-android .app-ver, .appdl-link-ios .app-ver {
margin-top: 1.7991004498vmax;
font-size: 2.2488755622vmax
}
}
.appdl-link-ios .btn-app:before {
background-image: url('data:image/svg+xml,')
}
.urgent-notice {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100vw;
min-height: 100%;
opacity: 0;
background: #fff;
animation: urgent-notice .3s ease 1s 1 alternate forwards
}
.urgent-notice header {
height: 17.0666666667vw;
color: #ffb80c;
background-image: linear-gradient(#414141 0%, #000000 100%)
}
.urgent-notice header h1 {
color: #f8d61c;
font-size: 6.4vw;
letter-spacing: 0.2666666667vw;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0.5333333333vw 1.0666666667vw rgba(0,0,0,.6)
}
.urgent-notice .notice-content {
padding: 3.2vw 4.2666666667vw 22.9333333333vw 4.2666666667vw;
font-size: 4.2666666667vw;
line-height: 5.8666666667vw
}
.urgent-notice .notice-img {
margin-top: 1.0666666667vw;
text-align: center
}
.urgent-notice .notice-img img {
width: 100%
}
.urgent-notice .notice-img .img-fake {
margin-top: 3.2vw;
height: 12.8vw;
width: auto
}
.urgent-notice .hilight {
font-weight: bold;
text-decoration: underline
}
@media(orientation: landscape) {
.urgent-notice header {
justify-content: flex-start;
padding-left: 6.4vw
}
.urgent-notice .notice-content {
padding-bottom: 8.5333333333vw
}
.urgent-notice .announce-footer {
position: absolute;
top: 0;
background: rgba(0,0,0,0)
}
.urgent-notice .btn-send, .urgent-notice .login {
top: 0;
right: 0;
margin: 0;
width: 17.0666666667vw;
height: 17.0666666667vw;
background: rgba(0,0,0,0);
background-image: none !important;
border-left: 0.2666666667vw solid rgba(255,255,255,.6) !important;
border-radius: 0;
box-shadow: none
}
.urgent-notice .btn-send:before, .urgent-notice .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: 50%
}
}
@media screen and (min-aspect-ratio: 16/9) {
.urgent-notice {
height: auto
}
.urgent-notice header {
justify-content: center;
height: 9.5952023988vmax;
padding: 0
}
.urgent-notice header h1 {
font-size: 3.5982008996vmax;
letter-spacing: 0.1499250375vmax;
text-shadow: 0 0.299850075vmax 0.5997001499vmax rgba(0,0,0,.6)
}
.urgent-notice .notice-content {
padding: 2.3988005997vmax 2.3988005997vmax 4.7976011994vmax 2.3988005997vmax;
font-size: 2.3988005997vmax;
line-height: 3.2983508246vmax
}
.urgent-notice .notice-img {
margin-top: 0.5997001499vmax
}
.urgent-notice .notice-img img {
width: 80%
}
.urgent-notice .notice-img .img-fake {
margin-top: 2.3988005997vmax;
height: 8.9955022489vmax;
width: auto
}
.urgent-notice .btn-send, .urgent-notice .login {
width: 9.5952023988vmax;
height: 9.5952023988vmax;
border-left: 0.1499250375vmax solid rgba(255,255,255,.6) !important
}
}
header .a-open_bets img {
background: url('data:image/svg+xml,') no-repeat
}
header .a-refresh img {
background: url('data:image/svg+xml,') no-repeat
}
header .a-setting img {
background: url('data:image/svg+xml,') no-repeat
}
.side-head .a-open_bets img {
background: url('data:image/svg+xml,') no-repeat
}
.side-head .a-refresh img {
background: url('data:image/svg+xml,') no-repeat
}
.side-head .a-setting img {
background: url('data:image/svg+xml,') no-repeat
}
.side-head .a-depth img {
background: url('data:image/svg+xml,') no-repeat
}
.side-head .close:before {
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.icon-esoccer {
background: url('data:image/svg+xml,') no-repeat
}
.icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.icon-mt5 {
background: url('data:image/svg+xml,') no-repeat
}
.icon-kabaddi {
background: url('data:image/svg+xml,') no-repeat
}
.icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.icon-racing {
background: url('data:image/svg+xml,') no-repeat
}
.icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-esoccer {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-mt5 {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-kabaddi {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-racing {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.btn.select, .select.btn-send, .select.form-select, .select.login, .pages a.select {
color: #ffb200;
background: #444;
border-color: #222
}
.btn-send, .login {
color: #ffb200;
background-image: linear-gradient(180deg, #474747 0%, #070707 100%);
border: 0.2666666667vw solid #222
}
.btn-send.disable, .disable.login {
color: #ffb200;
background-image: linear-gradient(180deg, #474747 0%, #070707 100%);
border-color: #222;
opacity: .4
}
@media(orientation: landscape) {
.btn-send, .login {
border: 0.2666666667vw solid #222
}
}
@media screen and (min-aspect-ratio: 16/9) {
.btn-send, .login {
border: 0.1499250375vmax solid #222
}
}
.login {
box-shadow: 0 2px 7px 0 rgba(0,0,0,0)
}
.login:after {
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.market-type .select a {
color: #ffb200;
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
header {
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
header .top-logo {
background-image: url(../../images/mobile/skyfair/logo.png)
}
header a {
color: #ffb200;
border-color: #000;
background-color: rgba(255,255,255,.1)
}
header a.a-refresh {
border-left-color: #000
}
header li.main-wallet {
border-color: #000
}
header li.main-wallet .a-wallet {
background-color: rgba(255,255,255,.1)
}
header li.main-wallet .nums {
border-color: rgba(255,178,0,.7)
}
header li.main-wallet .red {
color: #fff !important;
background-color: #bf0000;
padding: 0 1.3333333333vw;
border-radius: 0.8vw
}
header li.no-multi .a-refresh {
border-color: #000 !important
}
header .a-open_tv {
background-color: #0a7b89;
border-color: #025661
}
header .message-wrap .close {
background-color: initial
}
@media screen and (min-aspect-ratio: 16/9) {
header li .red {
padding: 0 0.7496251874vmax;
border-radius: 0.4497751124vmax
}
}
.wrap-highlight {
background-image: linear-gradient(180deg, #ffcc2e 0%, #ffbd14 100%);
border-bottom-color: #070707
}
.wrap-highlight a {
color: #070707
}
.wrap-highlight .select a {
color: #ffb200;
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.highlight-list {
border-bottom-color: #070707
}
.side-head {
background: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.side-head h3 {
color: #ffb200
}
.side-head .close {
border-left-color: rgba(255,178,0,.3)
}
.announce-header {
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.announce-header h1 {
color: #ffb200
}
.pop-wrap h3, .select-list h3 {
color: #ffb200;
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.login-pop {
background-image: linear-gradient(56deg, #ffcc2e 4%, #ffb80c 42%)
}
.login-head, .login-pop .login-head {
background-image: url(../../images/mobile/skyfair/KV-pic.png)
}
.login-head h1, .login-pop .login-head h1 {
top: 60%;
background-image: url(../../images/mobile/skyfair/logo.png)
}
@media(orientation: landscape) {
.login-head, .login-pop .login-head {
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.login-head h1, .login-pop .login-head h1 {
top: 50%
}
}
@media screen and (min-aspect-ratio: 16/9) {
.login-head, .login-pop .login-head {
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.login-head h1, .login-pop .login-head h1 {
top: 50%
}
}
.state {
color: #d0021b
}
.pass-head {
background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}
.pass-head h1 {
background-image: url(../../images/mobile/skyfair/logo.png)
}
.form-login dt {
color: #000
}
.txt-wrap {
color: rgba(0,0,0,.7);
background: rgba(0,0,0,.1)
}
.login-head .betfair-wrap {
color: #fff
}
.login-head .betfair-wrap span {
background-image: url(/images/mobile/login/betfair_white.png)
}
.policy-link {
color: rgba(0,0,0,.5)
}
.policy-link a {
color: rgba(0,0,0,.7)
}
body {
background-image: linear-gradient(56deg, #ffcc2e 4%, #ffb80c 42%)
}
header .top-logo {
height: 12.8vw;
margin: -2.1333333333vw 0 0 1.8666666667vw
}
@media(orientation: landscape) {
header .top-logo {
height: 12vw;
margin: -1.3333333333vw 0 0 1.8666666667vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
header .top-logo {
height: 6.7466266867vmax;
margin: -0.7496251874vmax 0 0 1.0494752624vmax
}
}
.login-head h1, .login-pop .login-head h1 {
top: 62%;
height: 21.3333333333vw
}
@media(orientation: landscape) {
.login-head h1, .login-pop .login-head h1 {
height: 16.5333333333vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.login-head h1, .login-pop .login-head h1 {
height: 9.2953523238vmax
}
}
.pass-head h1 {
height: 16.5333333333vw
}
@media(orientation: landscape) {
.pass-head h1 {
height: 16.5333333333vw
}
}
@media screen and (min-aspect-ratio: 16/9) {
.pass-head h1 {
height: 9.2953523238vmax
}
}
header .btn-signup {
display: block
}