* {
    margin: 0;
    padding: 0
}

html, body {
    height: 100%;
    font-family: Tahoma,Helvetica,sans-serif;
    color: #1e1e1e;
    font-size: 12px;
    line-height: 15px
}

a {
    text-decoration: none;
    color: #2789ce;
    outline: none;
    hlbr: expression(this.onFocus=this.blur())
}

    a:hover {
        text-decoration: underline;
        cursor: pointer
    }

table {
    border-collapse: collapse
}

input, textarea {
    font-family: Tahoma,Helvetica,sans-serif;
    color: #1e1e1e;
    font-size: 12px;
    border: 0px #aaa solid;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 5px;
    margin: 0 5px 5px 0;
    box-sizing: border-box
}

    input[type=checkbox], textarea[type=checkbox], input[type=radio], textarea[type=radio] {
        width: auto !important;
        height: auto !important;
        border-width: 0;
        border-radius: 0;
        background-color: rgba(0,0,0,0) !important;
        padding: 0 !important;
        box-shadow: none
    }

    input:focus, textarea:focus {
        padding: 4px
    }

    input.disable, textarea.disable {
        background-color: #dcdcdc;
        color: #666;
        box-shadow: none;
        border: 1px solid #bbb
    }

label {
    cursor: pointer
}

select {
    width: 120px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    margin: 0 5px 5px 0
}

option {
    padding: 3px;
    color: #222
}

h2 {
    font-size: 13px;
    line-height: 20px;
    padding-top: 6px;
    margin-bottom: 6px
}

a img {
    border: 0px solid #fff
}

p {
    margin-bottom: 7px
}

.clearfix:after, .login-wrap:after, .maintain-wrap:after, .change_pass:after, .marquee-pop .input-list:after, .col-center:after, .pop-warp:after, .log-wrap:after, .over-wrap:after {
    content: "";
    display: block;
    clear: both
}

.clearfix, .login-wrap, .maintain-wrap, .change_pass, .marquee-pop .input-list, .col-center, .pop-warp, .log-wrap, .over-wrap {
    zoom: 1
}

.clear {
    clear: both
}

.float-L, .kv, .change_pass .note, .change_pass .login-panel, .login-panel, .marquee-pop .input-list li, .icon-no_play .game-highlight-wrap, .game-list-col .icon-no_play, .icon-in_play .game-highlight-wrap, .game-list-col .icon-in_play, .delete {
    float: left
}

.float-R, .btn-close, .pop-warp.no-match_odds .pop-left .select-betting .selection, .no-match_odds.log-wrap .pop-left .select-betting .selection {
    float: right
}

.align-L, .table01 caption {
    text-align: left
}

.align-R, .table01 {
    text-align: right
}

.align-C, .marquee-pop .nofound .nofound_box dd, .apk-img, .news-wrap .announce-header, .article-date, .announce-content table, .urgent-notice .announce-header h1, .announce-footer, .support-wrap, .policy-link, .browser-wrap, .change_pass, .maintain-content, .btn, .marquee-pop .pages a, .btn-send, .loading li {
    text-align: center
}

    .displayB, .announce-footer .confirm-checkbox, .power-wrap-b img, .power-wrap-w img, .power-wrap h3 img, .age_box li .btn-send:before, .age_box li .secondary:before, .marquee-pop .input-list li, .marquee-pop .input-list, .btn, .marquee-pop .pages a, .btn-send, .delete {
        display: block
    }

.displayI {
    display: inline
}

.displayIB, .announce-footer li, .announce-header h1:before, .policy-link li {
    display: inline-block
}

.displayF, .marquee-pop .pages, .marquee-pop .nofound .nofound_box, .marquee-pop .nofound, .marquee-pop, .power-wrap, .power-wrap, .age_box li .btn-send, .age_box li .secondary {
    display: flex
}

    .border-box, .marquee-pop .announce-content {
        box-sizing: border-box
    }

.main_wrap {
    position: relative;
    width: 1350px;
    margin: 0 auto
}

.full-wrap {
    position: relative;
    min-width: 1350px;
    max-width: calc(100% - 40px);
    height: calc(100% - 105px);
    margin: 0 auto
}

.over-wrap {
    overflow: hidden;
    overflow-y: scroll
}

.pop-warp, .log-wrap {
    width: 920px;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff
}

    .pop-warp .game-name, .log-wrap .game-name {
        position: relative;
        padding-right: 130px
    }

        .pop-warp .game-name p, .log-wrap .game-name p {
            width: 780px;
            margin-bottom: 0;
            line-height: 25px
        }

        .pop-warp .game-name span, .log-wrap .game-name span {
            line-height: 25px
        }

    .pop-warp.no-match_odds, .no-match_odds.log-wrap {
        width: 450px;
        height: min-content
    }

        .pop-warp.no-match_odds .game-name p, .no-match_odds.log-wrap .game-name p {
            width: 310px
        }

        .pop-warp.no-match_odds .pop-left dl, .no-match_odds.log-wrap .pop-left dl {
            display: none
        }

        .pop-warp.no-match_odds .pop-left .select-betting, .no-match_odds.log-wrap .pop-left .select-betting {
            display: block
        }

        .pop-warp.no-match_odds .pop-right, .no-match_odds.log-wrap .pop-right {
            display: none
        }

        .pop-warp.no-match_odds .pop-left, .no-match_odds.log-wrap .pop-left, .pop-warp.no-match_odds .chart-wrap, .no-match_odds.log-wrap .chart-wrap, .pop-warp.no-match_odds .pop-note, .no-match_odds.log-wrap .pop-note {
            width: calc(100% - 20px - 20px)
        }

        .pop-warp.no-match_odds .pop-left, .no-match_odds.log-wrap .pop-left {
            height: 400px
        }

        .pop-warp.no-match_odds .chart-wrap, .no-match_odds.log-wrap .chart-wrap {
            margin: 0 auto
        }

            .pop-warp.no-match_odds .chart-wrap h2, .no-match_odds.log-wrap .chart-wrap h2 {
                width: inherit
            }

.log-wrap {
    width: 1100px;
    height: 650px
}

.col-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 17.3611111111%
}

.full-wrap .col-left {
    height: 100%;
    overflow: hidden
}

.col-center {
    position: relative;
    margin-left: 17.3611111111%;
    margin-right: 26.0416666667%;
    padding: 0 15px
}

.full-wrap .col-center {
    height: 100%;
    overflow: hidden
}

.col-center.player {
    height: 100%;
    padding: 0 5px
}

.col-center.markets {
    padding: 0 5px
}

.col-center.inplay {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.binary {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.full-center {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.report {
    padding-right: 0;
    margin-right: 0
}

.col-right {
    position: absolute;
    width: 26.0416666667%;
    top: 0;
    right: 0
}

.full-wrap .col-right {
    height: 100%;
    overflow: hidden
}

.loading-wrap {
    display: none;
    top: 20%;
    height: 90px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
    padding-top: 25px;
    z-index: 99;
    position: absolute;
    left: 50%;
    width: 190px;
    margin-left: -95px
}

    .loading-wrap.multi-load {
        padding-top: 15px;
        height: 66px;
        top: 10%;
        margin-top: -10px
    }

.loading {
    padding: 5% 0
}

    .loading li {
        list-style: none;
        font-size: 11px;
        color: #243a48;
        margin-bottom: 3px
    }

    .loading img {
        width: 38px;
        height: 22px;
        background: url(../images/right/loading60.png) repeat-x
    }

.table01 {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px
}

    .table01 caption {
        background-color: #3b5160;
        border-bottom: 1px solid #7e97a7;
        color: #fff;
        line-height: 24px;
        font-weight: bold;
        padding: 0 10px
    }

    .table01 th {
        color: #243a48;
        background-color: #e4e4e4;
        border: 1px solid #7e97a7;
        border-width: 1px 0 1px 0;
        padding: 8px 10px
    }

    .table01 td {
        border-top: 1px solid #eee;
        padding: 8px 10px;
        vertical-align: middle
    }

    .table01.margin-table td:first-child {
        padding: 8px
    }

    .table01 a {
        text-decoration: underline
    }

    .table01 .btn, .table01 .marquee-pop .pages a, .marquee-pop .pages .table01 a, .table01 .btn-send {
        text-decoration: none
    }

.over-wrap .table01:last-of-type {
    margin-bottom: 0
}

.table01 .win {
    color: #508d0e
}

.cal-input {
    width: 110px;
    cursor: pointer;
    background: #fff url(../images/report/btn-cala.png) no-repeat;
    background-position: right
}

.time-input {
    width: 45px
}

.delete {
    width: 17px;
    height: 32px;
    background: url(../images/right/del.png) no-repeat
}

.btn-close {
    width: 10px;
    height: 10px;
    background: url(../images/main/close-black.png) no-repeat
}

.btn, .marquee-pop .pages a, .btn-send {
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 89%);
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.5);
    border: 1px solid #bbb;
    border-radius: 4px;
    color: #1e1e1e;
    font-weight: bold;
    line-height: 23px;
    font-size: 12px;
    margin: 0 5px 10px 0
}

    .btn:hover, .marquee-pop .pages a:hover, .btn-send:hover {
        text-decoration: none;
        background-image: linear-gradient(0deg, #ffffff 0%, #ececec 89%);
        box-shadow: inset 0 0px 0 0 rgba(255,255,255,.5)
    }

    .btn.select, .marquee-pop .pages a.select, .select.btn-send {
        background: #d2d2d2;
        border: 1px solid #777;
        box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1)
    }

        .btn.select:hover, .marquee-pop .pages a.select:hover, .select.btn-send:hover {
            background: #d2d2d2;
            border: 1px solid #777;
            box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1)
        }

    .btn.disable, .marquee-pop .pages a.disable, .disable.btn-send {
        background: #dfdfdf;
        color: #999;
        box-shadow: none;
        cursor: not-allowed
    }

table .btn, table .marquee-pop .pages a, .marquee-pop .pages table a, table .btn-send {
    margin: 0
}

.secondary {
    background-image: linear-gradient(180deg, #d6d6d6 0%, #b2b2b2 89%);
    border: 1px solid #969696
}

    .secondary:hover {
        background-image: linear-gradient(180deg, #b2b2b2 0%, #d6d6d6 89%);
        border: 1px solid #969696
    }

.btn-box {
    padding: 0 7px 10px
}

.btn-back, .btn-lay {
    color: #1e1e1e;
    font-weight: bold;
    margin-right: 1%;
    background-color: #72bbef;
    border-left-color: #fff
}

    .btn-back:hover, .btn-lay:hover {
        background-color: #80c2f1
    }

    .btn-back.select, .select.btn-lay {
        background-color: #1a8ee1;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
    }

        .btn-back.select a, .select.btn-lay a {
            color: #fff
        }

    .btn-back:hover, .btn-lay:hover {
        text-decoration: none
    }

.disable .btn-back, .disable .btn-lay {
    cursor: not-allowed
}

.btn-lay {
    background-color: #faa9ba;
    border-left-color: #fff
}

    .btn-lay:hover {
        background-color: #fbb7c6
    }

    .btn-lay.select {
        background-color: #f4496d;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
    }

        .btn-lay.select a {
            color: #fff
        }

.btn-recall {
    color: #3b5160;
    font-size: 15px;
    font-weight: bold;
    line-height: 2.2;
    padding: 0 8px;
    background-color: rgba(94,190,255,.15);
    border-radius: 4px;
    border: 1px solid #7e97a7;
    cursor: pointer
}

    .btn-recall:hover {
        background-color: rgba(94,190,255,.3)
    }

.link-open {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none !important
}

    .link-open:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: top;
        background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%232789CE" fill-rule="evenodd"/></svg>') center no-repeat;
        background-size: contain;
        margin-left: 5px
    }

    .link-open.red span {
        border-bottom: 1px solid;
        padding-bottom: 1px
    }

.table01 .link-open.red span {
    text-decoration: none
}

.link-open.red:after {
    background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%23D0021B" fill-rule="evenodd"/></svg>') center no-repeat;
    background-size: contain
}

.icon-time {
    background: url(../images/main/icon-time.png)
}

.icon-live {
    background: url(../images/main/icon-live.png)
}

.icon-irun {
    background: url(../images/main/icon-irun.png)
}

.icon-predict {
    background: url(../images/main/icon-chart.png)
}

.icon-cashout {
    background: url(../images/main/icon-cashout.png)
}

.icon-in_play {
    margin-right: 5px;
    height: 8px;
    width: 8px;
    background: url(../images/main/icon-in_play.png)
}

.menu-list .icon-in_play {
    margin-right: 9px
}

.icon-in_play .game-highlight-wrap, .game-list-col .icon-in_play {
    margin-top: 3px
}

.icon-no_play {
    margin-right: 5px;
    height: 8px;
    width: 8px;
    background: url(../images/main/icon-no_play.png)
}

.menu-list .icon-no_play {
    margin-right: 9px
}

.icon-no_play .game-highlight-wrap, .game-list-col .icon-no_play {
    margin-top: 3px
}

.lay {
    color: #e33a5e !important
}

.back {
    color: #1f72ac !important
}

.red {
    color: #d0021b !important
}

.green {
    color: #508d0e !important
}

.bg-back {
    background-color: #beddf4 !important
}

.bg-lay {
    background-color: #f3dce2 !important
}

.tag-new {
    position: absolute;
    width: 32px;
    height: 18px;
    background: url('data:image/svg+xml,<svg width="32" height="16" viewBox="0 0 32 16" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-7 4 1-4h-11c-1.657 0-3-1.343-3-3v-6c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v6c0 1.657-1.343 3-3 3h-9z" fill="%23D0021B"/></svg>') center no-repeat;
    background-size: contain;
    color: #fff;
    line-height: 12px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    z-index: 2
}

.maintain-footer h1, .delete, .btn-close {
    font-size: 0;
    text-indent: -99999px
}

.pop-warp .game-name p, .log-wrap .game-name p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-warp, .log-wrap {
    box-shadow: 0 4px 5px rgba(0,0,0,.5)
}

.age_box li .btn-send:before, .age_box li .secondary:before {
    content: ""
}

.age_box li .btn-send, .age_box li .secondary {
    justify-content: center;
    align-items: center
}

.moreinfo-wrap .policy-link {
    color: rgba(255,255,255,.5);
    border-top-color: rgba(255,255,255,.3)
}

    .moreinfo-wrap .policy-link a {
        color: rgba(255,255,255,.6)
    }

.btn-send {
    background-image: linear-gradient(180deg, #d2d2d2 0%, #a7a7a7 100%);
    border: 1px solid #777;
    box-shadow: initial
}

    .btn-send:hover {
        background-image: linear-gradient(180deg, #a7a7a7 0%, #d2d2d2 100%)
    }

.disable.btn-send {
    background-image: linear-gradient(180deg, #d2d2d2 0%, #a7a7a7 100%);
    background-color: inherit;
    color: inherit;
    opacity: .4
}

.icon-time, .icon-live, .icon-irun, .icon-predict, .icon-cashout {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: top
}

.login-panel {
    color: #243a48;
    margin: 100px 0 0 25px
}

    .login-panel dt {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .login-panel dd {
        position: relative;
        width: 220px;
        margin-bottom: 7px
    }

    .login-panel input, .login-panel textarea {
        width: 100%;
        height: 33px;
        font-size: 14px;
        line-height: 21px;
        border: 1px solid #aaa;
        box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1);
        margin: 0
    }

        .login-panel input:focus, .login-panel textarea:focus {
            padding: 5px
        }

    .login-panel .btn-send {
        width: 218px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
        margin: 15px 0 0
    }

.maintain-content {
    padding: 30px 20px;
    font-size: 15px;
    line-height: 20px
}

    .maintain-content h2 {
        font-size: 25px;
        line-height: 30px;
        color: #243a48;
        margin-bottom: 10px
    }

.change_pass {
    text-align: left;
    padding-bottom: 40px
}

    .change_pass .login-panel {
        width: 230px;
        margin: 0
    }

    .change_pass dd {
        width: 230px
    }

    .change_pass .btn-send {
        width: 228px
    }

    .change_pass .note {
        width: calc(100% - 230px - 27px);
        font-size: 12px;
        color: #666;
        line-height: 17px;
        margin: 40px 12px 0 15px
    }

.btn-back.spark, .spark.btn-lay {
    animation: sparkBack .5s ease
}

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

.btn-lay.spark {
    animation: sparkLay .5s ease
}

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

input:focus, textarea:focus {
    border-width: 1px;
    border-color: #2789ce;
    box-shadow: 0 0 4px 2px rgba(114,187,239,.8)
}

.disable .btn-back, .disable .btn-lay {
    background-color: #ddd;
    color: #999
}

    .disable .btn-back:hover, .disable .btn-lay:hover {
        background-color: #ddd
    }

.power-wrap {
    background: rgba(255,255,255,.25);
    border-radius: 8px;
    padding: 5px 10px;
    color: rgba(0,0,0,.6);
    margin-bottom: 30px;
    align-items: stretch
}

    .power-wrap h3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid rgba(0,0,0,.3);
        padding-right: 7px;
        margin-right: 7px
    }

        .power-wrap h3 span {
            font-size: 10px;
            font-weight: normal
        }

        .power-wrap h3 img {
            height: 18px;
            width: 107px;
            background: url(../images/login/logo-betfair.png) repeat-x
        }

    .power-wrap p {
        flex: 1;
        font-size: 11px;
        line-height: 14px;
        margin: 0;
        padding-left: 5px
    }

    .power-wrap a {
        color: rgba(0,0,0,.6);
        text-decoration: underline
    }

.power-wrap-b, .power-wrap-w {
    width: 107px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 8px;
    color: rgba(255,255,255,.4);
    padding: 5px 10px 7px;
    margin: 0 auto 20px
}

    .power-wrap-b span, .power-wrap-w span {
        font-size: 10px;
        font-weight: normal
    }

    .power-wrap-b img, .power-wrap-w img {
        width: 107px;
        height: 18px;
        background: url(../images/login/logo-betfair-w.png) no-repeat
    }

.browser-wrap {
    font-size: 11px;
    color: rgba(255,255,255,.6)
}

    .browser-wrap img {
        margin-bottom: 5px
    }

.age_box li .btn-send:before, .age_box li .secondary:before {
    content: ""
}

@keyframes cooldown {
    0% {
        width: 100%;
        opacity: 0
    }

    5% {
        width: 95%;
        opacity: 1
    }

    95% {
        width: 5%;
        opacity: 1
    }

    100% {
        width: 0;
        opacity: 0
    }
}

@keyframes twinkling {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    100% {
        background-position: 500px 0
    }
}

@keyframes placeHolderbanner {
    0% {
        background-position: -750px 0
    }

    100% {
        background-position: 750px 0
    }
}

.kv {
    position: relative;
    width: 250px;
    height: 100%;
    background: #737373 url('../../Content/images/bg-login_wrap-skyEX.jpg') no-repeat;
    border-radius: 8px 0 0 8px
}

    .kv::before {
        content: "";
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        max-width: 210px;
        max-height: 210px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

.login-panel .valid-code img {
    position: absolute;
    width: 70px;
    height: 19px;
    right: 5px;
    top: 7px
}

.login-panel .error {
    color: #d0021b;
    font-size: 13px;
    line-height: 16px
}

.icon-login {
    width: 10px;
    height: 11px;
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%231e1e1e" fill-rule="evenodd"/></svg>') no-repeat
}

.policy-link {
    padding-top: 8px;
    margin: 8px auto 15px;
    border-top: 1px solid rgba(0,0,0,.3)
}

    .policy-link a {
        color: rgba(0,0,0,.6);
        text-decoration: underline
    }

    .policy-link li {
        margin-bottom: 5px
    }

        .policy-link li:after, .policy-link li:first-child:before {
            margin: 0 6px;
            content: "-"
        }

body {
    background: #1d2c38 url('images/mobile/bg-login-skyex.jpg') no-repeat center;
    background-size: cover
}

.login-wrap, .maintain-wrap {
    position: absolute;
    top: 15%;
    left: calc(50% - 270px);
    width: 540px;
    height: 408px;
    background-color: rgba(255,255,255,.8);
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,.5)
}

.moreinfo-wrap {
    position: absolute;
    top: calc(15% + 428px);
    left: 50%;
    width: 540px;
    margin-left: -270px;
    padding-bottom: 35px
}

.support-wrap {
    background-color: rgba(0,0,0,.6);
    margin-bottom: 20px
}

    .support-wrap .support-service {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-top: 1px 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: 1px;
            background-color: rgba(255,255,255,.3);
            margin-bottom: -1px
        }

        .support-wrap .support-service a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px
        }

            .support-wrap .support-service a::after {
                content: "";
                position: absolute;
                top: 100%;
                display: block;
                width: 50px;
                height: 1px;
                background-color: rgba(255,255,255,.3)
            }

            .support-wrap .support-service a.open::after {
                content: "";
                position: absolute;
                top: 100%;
                height: 10px;
                background-image: url(../../images/support_arrow.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-color: initial;
                pointer-events: none
            }

        .support-wrap .support-service img {
            width: 25px;
            height: 100%
        }

    .support-wrap .support-info {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 0 10px
    }

    .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: 30px;
            color: #fff;
            text-decoration: underline
        }

[class^=support-] img {
    background-size: contain;
    background-repeat: no-repeat
}

.support-fb img, .support-phone img {
    width: 22px !important
}

.support-imo img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-imo.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-youtube img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(255,255,255,0.6)" fill-rule="evenodd"/></svg>')
}

.support-youtube.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>')
}

.support-twitter img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-twitter.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-mail img, img.support-mail {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgba(255,255,255,0.6)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-mail.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,255,255)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-whatsapp img, img.support-whatsapp {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-whatsapp.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-telegram img, img.support-telegram {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-telegram.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-customer img, img.support-customer {
    background-image: url('data:image/svg+xml,<svg width="159" height="159" xmlns="http://www.w3.org/2000/svg"><path d="M125.436 95.33c-.453 4.682-2.987 7.98-7.26 9.898-.83.372-1.207.754-1.295 1.729-.542 5.899-4.402 10.21-9.985 11.099-2.427.386-4.905.057-6.92.131-2.593 0-4.746.017-6.9-.01-.675-.008-1.012.24-1.248.888-1.268 3.486-3.987 5.356-7.713 5.361-2.928.006-5.855.011-8.782-.003-3.507-.017-6.301-1.867-7.428-4.89-1.2-3.216-.33-6.768 2.216-9.03 1.487-1.322 3.295-1.814 5.217-1.848a287 287 0 0 1 9.085-.007c3.334.044 6.2 2.077 7.333 5.224.277.77.65 1.032 1.45 1.024 3.904-.035 7.807.005 11.71-.023 4.399-.031 7.776-2.947 8.492-7.278.194-1.175.053-1.34-1.162-1.35-.673-.004-1.347 0-2.02 0-3.092-.006-4.605-1.5-4.606-4.566-.003-7.167-.001-14.334-.001-21.501 0-2.12-.013-4.24.004-6.36.02-2.525 1.276-4.055 3.782-4.244 3.402-.256 6.834-.295 9.92 1.514 4.001 2.346 6.15 5.912 6.243 10.526.093 4.57.31 9.157-.132 13.717M50.55 63.55c-.13.63-.317 1.05-1.07 1.061-2.795.044-5.566.365-8.318.833-.733.124-.94-.057-.873-.83.622-7.134 3.087-13.56 7.561-19.14 3.844-4.796 8.788-8.626 14.517-10.895 5.509-2.18 11.492-2.866 17.418-2.83 1.734.011 3.464.084 5.174.199 2.638.177 5.28.404 7.882.89 2.809.517 5.68 1.71 8.227 2.993a35.227 35.227 0 0 1 12.46 10.468c3.323 4.49 5.52 9.757 6.478 15.256.09.515.169 1.032.237 1.55.11.838.145 1.673.18 2.513.019.432-.152.558-.543.375-2.894-1.351-5.982-1.453-9.09-1.384-.745.016-1.047-.272-1.206-1.008-1.717-7.993-6.139-14.007-13.31-17.955a24.249 24.249 0 0 0-11.19-3.032 173.892 173.892 0 0 0-9.89-.002c-6.253.192-11.744 2.422-16.417 6.572-4.342 3.856-7.055 8.682-8.227 14.367m4.202 38.236c-.004 2.884-1.553 4.472-4.417 4.436-2.25-.029-4.51.22-6.747-.185-4.812-.87-8.388-4.805-8.648-9.688-.308-5.777-.321-11.563.016-17.34.273-4.676 4.606-8.957 9.263-9.363 1.983-.172 3.963-.172 5.946-.147 3.076.04 4.585 1.582 4.588 4.636.004 4.575.001 9.149 0 13.724 0 4.643.005 9.285-.001 13.927M79.52 0h-.04C35.646 0 0 35.656 0 79.5c0 17.39 5.605 33.509 15.135 46.597L5.227 155.63l30.558-9.769C48.355 154.19 63.351 159 79.52 159c43.834 0 79.48-35.666 79.48-79.5S123.354 0 79.52 0" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-telegram.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-skype img, img.support-skype {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-skype.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-fb img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-fb.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-ig img, img.support-ig {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-ig.open img {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-phone img {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 68"><path d="M9.31 3.755c1.583-.532 3.125-.527 4.594.012 3.468 1.275 11.698 12.5 11.901 16.23.18 3.285-2.348 5-3.705 5.922-2.391 1.624-2.832 3.62-1.473 6.672 2.81 6.316 7.724 11.101 14.606 14.222.853.387 1.634.583 2.322.583 1.163 0 2.106-.573 2.884-1.75 1.755-2.658 3.882-4.006 6.32-4.006 1.812 0 3.729.728 5.86 2.225.345.242.69.482 1.036.723 1.664 1.16 3.385 2.36 5.003 3.663.305.245.63.494.946.735 2.383 1.821 5.35 4.088 3.725 8.675-1.855 5.238-7.892 9.833-12.92 9.833h-.085a1.073 1.073 0 0 1-.266-.038c-.159-.043-.376-.092-.627-.148-.738-.165-1.75-.391-2.713-.806-10.69-4.603-19.917-10.73-27.424-18.21-7.67-7.64-13.752-16.9-18.078-27.52-1.496-3.673-1.559-7.204-.18-10.21C2.462 7.448 5.323 5.094 9.31 3.754zM35.748 0c.276 0 .548.019.788.035.198.014.385.027.537.027.096 0 .151-.006.181-.01.061-.009.121-.012.185-.01 15.259.515 28.479 14.364 28.29 29.637-.003.205.008.439.02.687.045 1.013.101 2.274-.71 3.123-.465.487-1.115.733-1.933.733h-.08c-2.607-.051-2.646-2.478-2.665-3.645a8.728 8.728 0 0 0-.042-.89C58.43 14.752 51.616 7.732 36.799 5.453a9.775 9.775 0 0 0-.73-.07c-1.107-.08-3.409-.248-3.272-2.627.059-1.03.52-2.757 2.95-2.757zm.905 8.612c.518 0 1.033.085 1.53.167.23.039.448.075.647.098 10.043 1.207 18.148 9.93 18.067 19.446a.95.95 0 0 1-.01.131c-.023.173-.014.433-.005.709.034.977.104 3.01-2.124 3.35a4.249 4.249 0 0 1-.636.05l-.211-.006c-2.19-.127-2.318-2.251-2.38-3.288-.018-.286-.034-.555-.07-.774-1.486-8.946-4.524-12.116-13.547-14.132-.223-.05-.49-.087-.772-.126-.963-.131-2.163-.296-2.844-1.223-.405-.551-.54-1.255-.399-2.093.145-.863.695-2.309 2.754-2.309zm1.64 8.904c2.282-.056 4.79 1.135 6.872 3.249 2.074 2.107 3.293 4.752 3.266 7.082.074 2.233-.74 3.467-2.42 3.666-.104.013-.21.02-.313.02l-.166-.006c-1.315-.086-2.323-1.187-2.478-2.737-.347-3.463-2.079-5.328-5.451-5.869-.93-.15-1.953-.423-2.487-1.314-.363-.607-.399-1.348-.104-2.2.628-1.825 2.42-1.87 3.28-1.891z" fill="rgba(255,255,255,0.6)" fill-rule="nonzero"/></svg>')
}

.support-phone.open img {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 68"><path d="M9.31 3.755c1.583-.532 3.125-.527 4.594.012 3.468 1.275 11.698 12.5 11.901 16.23.18 3.285-2.348 5-3.705 5.922-2.391 1.624-2.832 3.62-1.473 6.672 2.81 6.316 7.724 11.101 14.606 14.222.853.387 1.634.583 2.322.583 1.163 0 2.106-.573 2.884-1.75 1.755-2.658 3.882-4.006 6.32-4.006 1.812 0 3.729.728 5.86 2.225.345.242.69.482 1.036.723 1.664 1.16 3.385 2.36 5.003 3.663.305.245.63.494.946.735 2.383 1.821 5.35 4.088 3.725 8.675-1.855 5.238-7.892 9.833-12.92 9.833h-.085a1.073 1.073 0 0 1-.266-.038c-.159-.043-.376-.092-.627-.148-.738-.165-1.75-.391-2.713-.806-10.69-4.603-19.917-10.73-27.424-18.21-7.67-7.64-13.752-16.9-18.078-27.52-1.496-3.673-1.559-7.204-.18-10.21C2.462 7.448 5.323 5.094 9.31 3.754zM35.748 0c.276 0 .548.019.788.035.198.014.385.027.537.027.096 0 .151-.006.181-.01.061-.009.121-.012.185-.01 15.259.515 28.479 14.364 28.29 29.637-.003.205.008.439.02.687.045 1.013.101 2.274-.71 3.123-.465.487-1.115.733-1.933.733h-.08c-2.607-.051-2.646-2.478-2.665-3.645a8.728 8.728 0 0 0-.042-.89C58.43 14.752 51.616 7.732 36.799 5.453a9.775 9.775 0 0 0-.73-.07c-1.107-.08-3.409-.248-3.272-2.627.059-1.03.52-2.757 2.95-2.757zm.905 8.612c.518 0 1.033.085 1.53.167.23.039.448.075.647.098 10.043 1.207 18.148 9.93 18.067 19.446a.95.95 0 0 1-.01.131c-.023.173-.014.433-.005.709.034.977.104 3.01-2.124 3.35a4.249 4.249 0 0 1-.636.05l-.211-.006c-2.19-.127-2.318-2.251-2.38-3.288-.018-.286-.034-.555-.07-.774-1.486-8.946-4.524-12.116-13.547-14.132-.223-.05-.49-.087-.772-.126-.963-.131-2.163-.296-2.844-1.223-.405-.551-.54-1.255-.399-2.093.145-.863.695-2.309 2.754-2.309zm1.64 8.904c2.282-.056 4.79 1.135 6.872 3.249 2.074 2.107 3.293 4.752 3.266 7.082.074 2.233-.74 3.467-2.42 3.666-.104.013-.21.02-.313.02l-.166-.006c-1.315-.086-2.323-1.187-2.478-2.737-.347-3.463-2.079-5.328-5.451-5.869-.93-.15-1.953-.423-2.487-1.314-.363-.607-.399-1.348-.104-2.2.628-1.825 2.42-1.87 3.28-1.891z" fill="rgb(255,255,255)" fill-rule="nonzero"/></svg>')
}

.support-wrap.support-extend {
    display: none;
    background-color: rgba(0,0,0,.6);
    border-radius: 8px;
    margin: 0 auto 20px auto;
    padding: 5px 18px;
    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,.4);
        margin-right: 10px;
        line-height: 40px
    }

        .support-wrap.support-extend a.split-line {
            border-left: 1px solid rgba(255,255,255,.2);
            padding-left: 10px
        }

        .support-wrap.support-extend a:hover {
            color: #fff;
            text-decoration: none
        }

        .support-wrap.support-extend a.select {
            color: #fff;
            text-decoration: underline
        }

    .support-wrap.support-extend img {
        width: 25px;
        height: 100%;
        margin-right: 10px;
        vertical-align: middle
    }

.power-wrap-b {
    background-color: rgba(255,255,255,.5);
    border-color: rgba(0,0,0,.4);
    color: rgba(0,0,0,.4)
}

    .power-wrap-b img {
        background: url(../images/login/logo-betfair.png) no-repeat
    }

.browser-wrap img {
    height: 20px;
    width: 50px;
    background: url(../images/login/icon-browser-W.png) repeat-x
}

.maintain-wrap {
    width: 480px;
    left: calc(50% - 240px);
    height: auto;
    background-color: #fff
}

.maintain-content {
    height: auto !important;
    *height: 170px;
    min-height: 170px
}

.time-space {
    width: 120px;
    color: #2789ce;
    margin: 15px auto 10px
}

    .time-space p {
        line-height: 40px;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 3px
    }

    .time-space span {
        font-size: 12px;
        line-height: 14px
    }

.maintain-footer {
    position: relative;
    width: 100%;
    height: 70px;
    border-radius: 0 0 8px 8px;
    background-image: linear-gradient(180deg, #e6e6e6 0%, #b4b4b4 100%)
}

    .maintain-footer h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        height: 45px;
        max-height: 55px;
        max-width: 80%;
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat
    }

.announce-content, .tc-content_few, .tc-content {
    overflow-y: scroll;
    height: 452px;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 24px
}

.announce-wrap {
    position: relative;
    top: 12%;
    width: 720px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,.5)
}

    .announce-wrap img {
        width: 100%;
        border: 1px solid #dadada;
        border-radius: 10px
    }

.announce-header {
    height: 56px;
    padding-left: 24px;
    border-bottom: 1px solid #e0e6e6
}

    .announce-header h1 {
        color: #000;
        font-size: 20px;
        line-height: 56px
    }

        .announce-header h1:before {
            position: relative;
            top: 4px;
            width: 6px;
            height: 24px;
            margin-right: 8px;
            content: "";
            background: #ffb80c;
            border-radius: 100px
        }

.announce-footer {
    max-height: 73px;
    padding: 12px 0;
    background: #fff;
    border-top: 1px solid #e0e6e6;
    font-size: 16px;
    border-radius: 0 0 8px 8px
}

    .announce-footer input[type=checkbox], .announce-footer textarea[type=checkbox] {
        box-sizing: border-box
    }

    .announce-footer a {
        width: 240px;
        height: 40px;
        margin: 0 16px 0 0;
        color: #1e1e1e;
        font-size: 16px;
        line-height: 40px
    }

    .announce-footer .confirm-checkbox {
        margin-bottom: 12px
    }

.age_box li .secondary:before {
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(230,0,0)" d="M19.792 6.677l-1.47-1.469-5.822 5.823-5.823-5.823-1.469 1.47 5.823 5.822-5.823 5.823 1.47 1.469 5.822-5.823 5.823 5.823 1.469-1.47-5.823-5.822z"/></g></svg>') center no-repeat;
    margin-right: 8px;
    border-radius: 13px
}

.age_box li .btn-send:before {
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(0, 129, 43)" d="M9.375 16.844L5.031 12.5l-1.479 1.469 5.823 5.823 12.5-12.5-1.469-1.47z"/></g></svg>') center no-repeat;
    margin-right: 8px;
    border-radius: 13px
}

.urgent-notice {
    z-index: 99;
    width: 660px;
    opacity: 0;
    animation: urgent-notice .3s ease 1s 1 alternate forwards
}

    .urgent-notice .announce-header {
        padding: 0;
        background: #121212 url(../images/skyexchange/bg-send-skyEX.png) repeat-x;
        border-radius: 8px 8px 0 0
    }

        .urgent-notice .announce-header h1 {
            color: #f8d61c;
            font-size: 24px;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-shadow: 0 2px 4px rgba(0,0,0,.6)
        }

            .urgent-notice .announce-header h1:before {
                display: none
            }

    .urgent-notice .notice-content {
        padding: 24px 20px;
        font-size: 16px;
        line-height: 24px
    }

    .urgent-notice .notice-img {
        margin-top: 12px;
        width: 620px;
        height: auto
    }

    .urgent-notice .hilight {
        font-weight: bold;
        text-decoration: underline
    }

@keyframes urgent-notice {
    0% {
        top: -2%;
        opacity: 0
    }

    100% {
        top: 12%;
        opacity: 1
    }
}

.tc-content h1 {
    margin: 40px 0 24px 0;
    font-size: 22px;
    color: #000;
    text-decoration: underline
}

.tc-content h2 {
    margin: 16px 0;
    padding: 0;
    font-size: 20px;
    color: #1b2d38;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px
}

.tc-content h3 {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 18px;
    color: rgba(30,30,30,.9)
}

.tc-content h4, .tc-content h5 {
    margin-left: 8px;
    font-size: 14px;
    color: rgba(30,30,30,.9)
}

.tc-content h5 {
    margin-left: 32px;
    text-decoration: underline
}

.tc-content ul, .tc-content ol {
    margin-left: 32px;
    margin-bottom: 16px
}

    .tc-content ul ul, .tc-content ul ol, .tc-content ol ul, .tc-content ol ol {
        margin-left: 24px
    }

.tc-content strong {
    color: #243a48
}

.tc-content address {
    font-size: 13px;
    margin-bottom: 10px
}

.tc-content_few {
    height: auto
}

.declared {
    background-color: #aed5f5;
    font-size: 13px;
    line-height: 1.4;
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px
}

    .declared p:last-of-type {
        margin-bottom: 0
    }

.announce-content {
    font-size: 16px;
    line-height: 22px
}

    .announce-content h3 {
        margin: 8px 0;
        font-size: 16px
    }

    .announce-content p {
        margin-bottom: 8px
    }

    .announce-content table {
        margin: 8px 0 16px 0;
        font-size: 14px
    }

    .announce-content ul {
        margin-left: 24px
    }

.article-wrap {
    position: relative;
    padding: 0px 0px 56px 60px
}

    .article-wrap h2 {
        margin-bottom: 16px;
        color: #243a48;
        font-size: 28px;
        line-height: 28px
    }

.article-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    margin-right: 24px;
    border-top: 4px solid #4a4a4a;
    color: #4a4a4a
}

    .article-date dt {
        margin: 4px 0 2px 0;
        font-size: 30px;
        line-height: 30px
    }

    .article-date dd {
        font-size: 14px;
        line-height: 16px
    }

.news-wrap {
    top: 72px;
    width: 640px
}

    .news-wrap .announce-header {
        height: 60px;
        background-color: #ffb80c;
        background-image: linear-gradient(-180deg, #ffcc2e 0%, #ffb80c 58%);
        font-size: 24px;
        font-weight: bold;
        line-height: 60px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 8px 8px 0 0
    }

    .news-wrap .announce-content {
        height: 412px;
        padding: 24px 20px
    }

        .news-wrap .announce-content img {
            width: 100%;
            box-shadow: 0px 1px 5px #ddd;
            margin: 20px 0
        }

.mysports247 .announce-header h1:before {
    background: #c6bca7
}

.mysports247 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-mysports247.png") center no-repeat
}

.mazaplay .announce-header h1:before {
    background: #48955b
}

.mazaplay .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-mazaplay.png") center no-repeat
}

.skyexchange .announce-header h1:before {
    background: #ffb80c
}

.skyexchange .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyexchange.png") center no-repeat
}

.o_spondemo .announce-header h1:before {
    background: #1e6eab
}

.o_spondemo .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_spondemo.png") center no-repeat
}

.o_12bet .announce-header h1:before {
    background: #b73b40
}

.o_12bet .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_12bet.png") center no-repeat
}

.o_dafabet .announce-header h1:before {
    background: #af0100
}

.o_dafabet .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_dafabet.png") center no-repeat
}

.skyinplay .announce-header h1:before {
    background: #83ae17
}

.skyinplay .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyinplay.png") center no-repeat
}

.bigEXch .announce-header h1:before {
    background: #83ae17
}

.bigEXch .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-bigEXch.png") center no-repeat
}

.masterExc .announce-header h1:before {
    background: #216869
}

.masterExc .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-masterExc.png") center no-repeat
}

.matador .announce-header h1:before {
    background: #c10a31
}

.matador .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-matador.png") center no-repeat
}

.lucky7 .announce-header h1:before {
    background: #303fa3
}

.lucky7 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-lucky7.png") center no-repeat
}

.qexch .announce-header h1:before {
    background: #443a56
}

.qexch .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-qexch.png") center no-repeat
}

.betmygame .announce-header h1:before {
    background: #ed7218
}

.betmygame .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-betmygame.png") center no-repeat
}

.fancyfair .announce-header h1:before {
    background: #50996b
}

.fancyfair .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-fancyfair.png") center no-repeat
}

.maruti .announce-header h1:before {
    background: #48955b
}

.maruti .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-maruti.png") center no-repeat
}

.marutibook .announce-header h1:before {
    background: #48955b
}

.marutibook .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-marutibook.png") center no-repeat
}

.skyexchange247 .announce-header h1:before {
    background: #ffb80c
}

.skyexchange247 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyexchange247.png") center no-repeat
}

.login-policy {
    top: 0;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

    .login-policy p {
        margin-bottom: 12px
    }

    .login-policy .tc-content {
        max-height: inherit;
        height: calc(100% - 56px - 24px - 8px);
        padding-top: 0;
        padding-bottom: 24px;
        margin-top: 56px
    }

    .login-policy .announce-header {
        position: fixed;
        width: 100%;
        background: #fff
    }

@media screen and (max-height: 700px) {
    .announce-wrap {
        top: 24px;
        height: calc(100% - 24px - 24px);
        min-height: 298px
    }

    .tc-content, .news-wrap .announce-content {
        height: calc(100% - 24px - 24px - 56px - 73px);
        min-height: 200px
    }

    .announce-content {
        height: calc(100% - 24px - 24px - 56px - 42px);
        min-height: 200px
    }

    .news-wrap {
        min-height: 333px
    }

        .news-wrap .announce-content {
            height: calc(100% - 24px - 24px - 60px - 73px - 24px);
            min-height: 200px
        }

    .login-policy {
        top: 0;
        height: 100%
    }

        .login-policy .tc-content {
            max-height: inherit;
            height: calc(100% - 56px - 24px - 8px)
        }

    .urgent-notice {
        height: auto
    }
}

.apk-dl {
    width: 480px;
    height: 100%;
    top: 0;
    margin-bottom: 0
}

.apk-img {
    text-align: center
}

    .apk-img img {
        width: 200px
    }

.marquee-pop {
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
    width: 820px;
    height: 600px
}

    .marquee-pop .announce-header {
        background-image: linear-gradient(180deg, #ffcc2f 0%, #ffb80c 71%);
        border-bottom: none
    }

        .marquee-pop .announce-header h1:before {
            display: none
        }

    .marquee-pop .function-wrap {
        padding: 10px;
        background-color: #e0e6e6
    }

        .marquee-pop .function-wrap input, .marquee-pop .function-wrap textarea {
            height: 25px;
            margin: 0
        }

    .marquee-pop .input-list li {
        list-style: none;
        line-height: 25px;
        margin: 0 5px 0 0;
        white-space: nowrap
    }

    .marquee-pop .input-list .btn-send {
        width: 115px;
        margin: 0
    }

    .marquee-pop .announce-content {
        height: initial
    }

        .marquee-pop .announce-content .nofound_box {
            display: none
        }

    .marquee-pop .nofound {
        align-items: center;
        justify-content: center
    }

        .marquee-pop .nofound .nofound_box {
            align-items: center;
            vertical-align: top;
            flex-direction: column;
            margin-bottom: 100px;
            max-width: 300px
        }

            .marquee-pop .nofound .nofound_box dt {
                width: 101px;
                height: 97px;
                margin-bottom: 20px;
                background: url(../images/announcement/ic-search.svg) no-repeat
            }

            .marquee-pop .nofound .nofound_box dd {
                margin-bottom: 5px;
                font-weight: bold;
                flex: 1
            }

        .marquee-pop .nofound .article-wrap {
            display: none
        }

    .marquee-pop .pages {
        justify-content: center;
        margin: 10px 0
    }

        .marquee-pop .pages li {
            list-style: none;
            margin-right: 3px;
            margin-left: 3px
        }

        .marquee-pop .pages a {
            font-weight: normal;
            line-height: 25px;
            margin: 0;
            padding: 0 10px
        }

*::-ms-backdrop, th {
    text-align: right
}

.path a {
    color: #eee\9
}

.slip-back dd input, .slip-back dd textarea, .slip-lay dd input, .slip-lay dd textarea {
    height: 22px\9
}

.quick_bet-wrap dd input, .quick_bet-wrap dd textarea {
    height: 33px\9
}

*::-ms-backdrop, .slip-back dd input, .slip-back dd textarea {
    height: 22px
}

*::-ms-backdrop, .slip-lay dd input, .slip-lay dd textarea {
    height: 22px
}

*::-ms-backdrop, .quick_bet-wrap dd input, .quick_bet-wrap dd textarea {
    height: 33px
}

.expand td {
    position: static\9
}

.expand td {
    position: relative\9 \0
}

.expand-arrow {
    visibility: hidden\9
}

.expand-arrow {
    visibility: visible\9 \0
}

.table01 .border-t td {
    border-top: 2px solid #7e97a7 \9
}

.btn-send {
    color: #ffb600 !important;
    border-color: #222;
    background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}

    .btn-send:hover {
        background-image: linear-gradient(0deg, #474747 0%, #070707 100%)
    }

    .btn-send.disable {
        color: #ffb600 !important;
        background-image: linear-gradient(180deg, #474747 0%, #070707 100%);
        opacity: .4
    }

.set-content .btn-send {
    color: #ffb600
}

.btn.select, .select.btn-send, .marquee-pop .pages a.select {
    color: #ffb600;
    background: #444;
    border-color: #222
}

    .btn.select:hover, .select.btn-send:hover, .marquee-pop .pages a.select:hover {
        background: #444;
        border-color: #222
    }

.header h1 {
    background-image: url(../../images/skyexchange/logo.png)
}

.top {
    background: #000;
    background-image: linear-gradient(180deg, #383838 0%, #010101 100%)
}

.login-wrap li.user::before, .maintain-wrap li.user::before {
    background: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.login-wrap .error, .maintain-wrap .error {
    color: #f8d61c
}

.account-wrap li {
    color: #ffb600
}

.account-wrap a {
    color: #ffb600
}

.account-wrap p.loading-bar span {
    background-color: #ffb600
}

.account-wrap .main-wallet {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

    .account-wrap .main-wallet .nums {
        border-color: rgba(255,182,0,.5)
    }

    .account-wrap .main-wallet .red {
        background-color: #fff;
        padding: 0 3px;
        border-radius: 2px
    }

    .account-wrap .main-wallet.no-multi .a-refresh {
        border-color: #000
    }

.account-wrap .a-refresh {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

    .account-wrap .a-refresh img {
        height: 14px;
        background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="%23FFB600"/></svg>');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

.account-wrap .account {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

    .account-wrap .account::before {
        background-image: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
        background-repeat: no-repeat
    }

    .account-wrap .account::after {
        border-color: #ffb600 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
    }

.menu-wrap {
    background-color: none;
    background-image: none;
    background-image: linear-gradient(180deg, #ffcc2e 0%, #ffbd14 100%)
}

    .menu-wrap li {
        border-right-color: rgba(0,0,0,.2)
    }

    .menu-wrap .menu a, .menu-wrap .setting-wrap a {
        color: #000
    }

        .menu-wrap .menu a:hover, .menu-wrap .setting-wrap a:hover {
            background-color: rgba(255,255,255,.2)
        }

    .menu-wrap .menu .select, .menu-wrap .setting-wrap .select {
        color: #000;
        background: #ffdc7a;
        box-shadow: inset 0 0px 5px 0 rgba(83,33,33,.5)
    }

        .menu-wrap .menu .select:hover, .menu-wrap .setting-wrap .select:hover {
            color: #000;
            background: #ffdc7a
        }

    .menu-wrap .menu .time_zone, .menu-wrap .setting-wrap .time_zone {
        color: #000
    }

        .menu-wrap .menu .time_zone span, .menu-wrap .setting-wrap .time_zone span {
            color: rgba(0,0,0,.6)
        }

    .menu-wrap .setting {
        border-left-color: rgba(0,0,0,.2)
    }

        .menu-wrap .setting img {
            background: url('data:image/svg+xml,<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.106c.385 0 .745-.096 1.081-.289.336-.192.602-.45.8-.771a2.002 2.002 0 0 0 0-2.099 2.19 2.19 0 0 0-.8-.779A2.139 2.139 0 0 0 6 3.88c-.385 0-.743.096-1.074.288-.33.193-.594.452-.792.78a2.002 2.002 0 0 0 0 2.098c.198.322.462.579.792.771.331.193.689.289 1.074.289zm4.605-1.515l1.288.981c.06.048.094.11.104.188a.333.333 0 0 1-.044.216l-1.244 2.077a.269.269 0 0 1-.156.13.336.336 0 0 1-.214-.015l-1.526-.591c-.394.279-.745.476-1.05.591L7.54 11.74a.364.364 0 0 1-.111.188.272.272 0 0 1-.185.072H4.756a.29.29 0 0 1-.281-.26l-.237-1.572A3.752 3.752 0 0 1 3.2 9.577l-1.54.591c-.158.068-.28.03-.37-.115L.047 7.976a.333.333 0 0 1-.044-.216.278.278 0 0 1 .104-.188l1.303-.98A4.395 4.395 0 0 1 1.38 6c0-.26.01-.457.03-.591L.107 4.428a.278.278 0 0 1-.104-.188.333.333 0 0 1 .044-.216l1.244-2.077c.09-.144.212-.183.37-.115l1.54.591c.356-.26.701-.457 1.037-.591L4.475.26A.29.29 0 0 1 4.756 0h2.488c.069 0 .13.024.185.072.054.048.091.11.111.188l.222 1.572a3.87 3.87 0 0 1 1.051.591l1.526-.591a.336.336 0 0 1 .214-.015c.064.02.116.063.156.13l1.244 2.077c.04.067.054.14.044.216a.278.278 0 0 1-.104.188l-1.288.98c.02.135.03.332.03.592 0 .26-.01.457-.03.591z" fill="%23000000" fill-rule="evenodd"/></svg>');
            background-repeat: no-repeat
        }

    .menu-wrap .live-menu {
        border-left-color: rgba(0,0,0,.2)
    }

    .menu-wrap .one_click {
        color: #ffc828 !important;
        border-top-color: #ffb600;
        background-image: linear-gradient(180deg, #4b4b4b 0%, #1e1e1e 100%)
    }

        .menu-wrap .one_click::after {
            background: rgba(255,255,255,.2)
        }

        .menu-wrap .one_click:hover {
            background-image: linear-gradient(0deg, #4b4b4b 0%, #1e1e1e 100%)
        }

        .menu-wrap .one_click.select {
            color: #000 !important;
            background-image: linear-gradient(180deg, #02bd58 0%, #06883f 100%);
            box-shadow: none
        }

            .menu-wrap .one_click.select:hover {
                background-image: linear-gradient(0deg, #02bd58 0%, #06883f 100%)
            }

            .menu-wrap .one_click.select::before {
                background-image: url('data:image/svg+xml,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M13.56 3.18c.228.157.369.364.422.623a.831.831 0 0 1-.185.716l-5.465 7.09c-.176.203-.4.328-.673.375a.989.989 0 0 1-.752-.165c-.14-.093-.51-.426-1.109-.997a87.437 87.437 0 0 1-1.69-1.655l-.818-.798A.914.914 0 0 1 3 7.688c0-.266.106-.493.317-.681.211-.188.457-.278.739-.27.282.008.52.114.713.317l2.613 2.512 4.752-6.174c.176-.204.4-.329.673-.376a.989.989 0 0 1 .752.165Z" fill="%23000" fill-rule="evenodd"/></svg>')
            }

            .menu-wrap .one_click.select::after {
                border-color: rgba(255,255,255,.4);
                background: rgba(255,255,255,.15)
            }

.setting-wrap li {
    border-right-color: rgba(0,0,0,.2)
}

.one_click-setting {
    background-image: linear-gradient(180deg, #00bb5a 0%, #009246 100%);
    box-shadow: inset 0 1px 0 0 rgba(0,92,44,.6)
}

    .one_click-setting .a-edit {
        color: #000;
        border-color: #005f2d
    }

        .one_click-setting .a-edit img {
            background-image: url('data:image/svg+xml,<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg"><path d="m8.856 2.016-.912.912-1.872-1.872.912-.912A.481.481 0 0 1 7.338 0c.14 0 .258.048.354.144l1.164 1.164A.481.481 0 0 1 9 1.662c0 .14-.048.258-.144.354ZM0 7.128l5.532-5.532 1.872 1.872L1.872 9H0V7.128Z" fill="%23000000" fill-rule="nonzero"/></svg>')
        }

    .one_click-setting .btn-send {
        border-color: #222
    }

.one_click-stake {
    background: url(../images/main-ds/stake-1click-Yl02.png)
}

    .one_click-stake .btn.select, .one_click-stake .select.btn-send, .one_click-stake .marquee-pop .pages a.select, .marquee-pop .pages .one_click-stake a.select {
        color: #ffb600;
        border-color: #222;
        background-color: #444
    }

    .one_click-stake input, .one_click-stake textarea {
        color: #000;
        border-color: #919191;
        background-color: #fff
    }

        .one_click-stake input:focus, .one_click-stake textarea:focus {
            color: #fff;
            border-color: #005f2d;
            background-color: #1f8c52
        }

.path {
    color: #fff;
    background-image: linear-gradient(180deg, #000 0%, #000 100%)
}

    .path a {
        color: #fff
    }

.menu-list {
    background-color: auto
}

    .menu-list li {
        border-bottom-color: #eee1c0
    }

        .menu-list li.menu-select-head {
            background-color: #000
        }

            .menu-list li.menu-select-head a {
                color: #fff
            }

                .menu-list li.menu-select-head a:hover {
                    background-color: #000
                }

        .menu-list li.menu-group-title {
            background-color: #dddcd6;
            color: #000
        }

    .menu-list a {
        color: #222
    }

        .menu-list a:hover {
            background-color: rgba(238,225,192,.4)
        }

        .menu-list a.select {
            background-color: rgba(0,0,0,.6);
            color: #fff
        }

            .menu-list a.select:hover {
                background-color: rgba(0,0,0,.6);
                color: #fff
            }

    .menu-list .select {
        color: #222;
        background-color: #ece4b9
    }

        .menu-list .select:hover {
            background-color: #ece4b9
        }

.game-highlight-wrap h3 {
    background-color: #ffb80c
}

.game-highlight-wrap .tab-highlight {
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%)
}

.announce-header h1::before {
    background: #ffbd14
}

.icon-login {
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.login_to_go, .login-wrap, .maintain-wrap {
    background-image: linear-gradient(180deg, #ffb600 1%, #ffb600 100%)
}

    .login_to_go .kv, .login-wrap .kv, .maintain-wrap .kv {
        background-image: url('../../Content/images/bg-login_wrap-skyEX.jpg')
    }

        .login_to_go .kv:before, .login-wrap .kv:before, .maintain-wrap .kv:before {
            background-image: url(../../images/skyexchange/logo.png);
            top: 75%
        }

    .login_to_go dt, .login-wrap dt, .maintain-wrap dt {
        color: #000
    }

    .login_to_go .error, .login-wrap .error, .maintain-wrap .error {
        color: #d0021b
    }

.change_pass dt {
    color: initial
}

.change_pass .error {
    color: #d0021b
}

.change_pass .btn-send {
    color: #ffb600;
    border-color: #222;
    background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}

    .change_pass .btn-send:hover {
        background-image: linear-gradient(0deg, #474747 0%, #070707 100%)
    }

.login_to_go, .login-wrap, .maintain-wrap {
    background-image: linear-gradient(180deg, #ffb600 1%, #ffb600 100%)
}

    .login_to_go .close, .login-wrap .close, .maintain-wrap .close {
        background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h14Zm-3.014 5L10 8.986 6.014 5 5 6.014 8.986 10 5 13.986 6.014 15 10 11.014 13.986 15 15 13.986 11.014 10 15 6.014 13.986 5Z" fill="%23000" fill-rule="evenodd"/></svg>')
    }

.maintain-footer h1 {
    background-image: url(../../images/skyexchange/logo.png)
}

body {
    background-image: url('images/mobile/bg-login-skyex.jpg');
    background-size: cover;
    background-attachment: fixed
}

.browser-wrap {
    color: rgba(255,255,255,.6)
}

    .browser-wrap img {
        background: url(../images/login/icon-browser-W.png) repeat-x
    }

.marquee-pop .announce-header {
    background-image: linear-gradient(180deg, #383838 0%, #010101 100%)
}

    .marquee-pop .announce-header h1 {
        color: #ffb600
    }

.marquee-pop .pages a.select {
    background: #444;
    border-color: #222
}

    .marquee-pop .pages a.select:hover {
        background: #444;
        border-color: #222
    }

.maintain-wrap {
    background-image: none
}

.maintain-footer {
    background-image: linear-gradient(180deg, #383838 0%, #010101 100%)
}

.header h1 {
    margin: -8px 15px 0 0;
    width: 56px;
    height: 54px
}

.login_to_go .kv:before, .login-wrap .kv:before, .maintain-wrap .kv:before {
    background-image: none
}

.maintain-footer h1 {
    width: 56px;
    height: 54px
}

.login-wrap .btn-signup, .maintain-wrap .btn-signup {
    display: block
}

.support-wrap {
    display: none
}

    .support-wrap.extend-support {
        display: block;
        width: 690px;
        background-color: rgba(0,0,0,0);
        border-radius: 8px;
        margin: 0 auto 20px auto;
        padding: 5px 0px
    }

        .support-wrap.extend-support a {
            color: rgba(0,0,0,.5);
            line-height: 40px;
            text-align: center
        }

            .support-wrap.extend-support a.split-line {
                border-left: 1px solid rgba(0,0,0,.5);
                padding-left: 10px
            }

            .support-wrap.extend-support a:hover {
                color: #000;
                text-decoration: none
            }

            .support-wrap.extend-support a.select {
                color: #000;
                text-decoration: underline
            }

.extend-wrap {
    display: flex;
    justify-content: space-between
}

.extend-btn {
    flex-basis: 49%;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    border: 1px solid rgba(151,151,151,.5);
    font-size: 13px;
    justify-content: center;
    margin-bottom: 8px
}

    .extend-btn a {
        margin-right: 8px
    }

        .extend-btn a:last-child {
            margin-right: 0
        }

    .extend-btn img {
        width: 26px;
        height: 26px;
        margin-right: 5px;
        vertical-align: middle
    }

.support-social {
    flex-basis: 32%;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid rgba(151,151,151,.5);
    font-size: 13px;
    justify-content: center;
    text-align: center
}

    .support-social img {
        width: 26px;
        height: 26px;
        margin-right: 5px;
        vertical-align: middle
    }

.support-customer {
    background-image: url('data:image/svg+xml,<svg width="159" height="159" xmlns="http://www.w3.org/2000/svg"><path d="M125.436 95.33c-.453 4.682-2.987 7.98-7.26 9.898-.83.372-1.207.754-1.295 1.729-.542 5.899-4.402 10.21-9.985 11.099-2.427.386-4.905.057-6.92.131-2.593 0-4.746.017-6.9-.01-.675-.008-1.012.24-1.248.888-1.268 3.486-3.987 5.356-7.713 5.361-2.928.006-5.855.011-8.782-.003-3.507-.017-6.301-1.867-7.428-4.89-1.2-3.216-.33-6.768 2.216-9.03 1.487-1.322 3.295-1.814 5.217-1.848a287 287 0 0 1 9.085-.007c3.334.044 6.2 2.077 7.333 5.224.277.77.65 1.032 1.45 1.024 3.904-.035 7.807.005 11.71-.023 4.399-.031 7.776-2.947 8.492-7.278.194-1.175.053-1.34-1.162-1.35-.673-.004-1.347 0-2.02 0-3.092-.006-4.605-1.5-4.606-4.566-.003-7.167-.001-14.334-.001-21.501 0-2.12-.013-4.24.004-6.36.02-2.525 1.276-4.055 3.782-4.244 3.402-.256 6.834-.295 9.92 1.514 4.001 2.346 6.15 5.912 6.243 10.526.093 4.57.31 9.157-.132 13.717M50.55 63.55c-.13.63-.317 1.05-1.07 1.061-2.795.044-5.566.365-8.318.833-.733.124-.94-.057-.873-.83.622-7.134 3.087-13.56 7.561-19.14 3.844-4.796 8.788-8.626 14.517-10.895 5.509-2.18 11.492-2.866 17.418-2.83 1.734.011 3.464.084 5.174.199 2.638.177 5.28.404 7.882.89 2.809.517 5.68 1.71 8.227 2.993a35.227 35.227 0 0 1 12.46 10.468c3.323 4.49 5.52 9.757 6.478 15.256.09.515.169 1.032.237 1.55.11.838.145 1.673.18 2.513.019.432-.152.558-.543.375-2.894-1.351-5.982-1.453-9.09-1.384-.745.016-1.047-.272-1.206-1.008-1.717-7.993-6.139-14.007-13.31-17.955a24.249 24.249 0 0 0-11.19-3.032 173.892 173.892 0 0 0-9.89-.002c-6.253.192-11.744 2.422-16.417 6.572-4.342 3.856-7.055 8.682-8.227 14.367m4.202 38.236c-.004 2.884-1.553 4.472-4.417 4.436-2.25-.029-4.51.22-6.747-.185-4.812-.87-8.388-4.805-8.648-9.688-.308-5.777-.321-11.563.016-17.34.273-4.676 4.606-8.957 9.263-9.363 1.983-.172 3.963-.172 5.946-.147 3.076.04 4.585 1.582 4.588 4.636.004 4.575.001 9.149 0 13.724 0 4.643.005 9.285-.001 13.927M79.52 0h-.04C35.646 0 0 35.656 0 79.5c0 17.39 5.605 33.509 15.135 46.597L5.227 155.63l30.558-9.769C48.355 154.19 63.351 159 79.52 159c43.834 0 79.48-35.666 79.48-79.5S123.354 0 79.52 0" fill="rgba(0,0,0,0.5)" fill-rule="nonzero"/></svg>')
}

.support-whatsapp {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgba(0,0,0,0.5)" fill-rule="nonzero"/></svg>')
}

.support-telegram {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgba(0,0,0,0.5)" fill-rule="nonzero"/></svg>')
}

.support-skype {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgba(0,0,0,0.5)" fill-rule="nonzero"/></svg>')
}

.support-mail {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgba(0,0,0,0.5)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-ig {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgba(0,0,0,0.5)" fill-rule="nonzero"/></svg>')
}

body {
    background-size: cover
}

.support-wrap {
    display: none
}

    .support-wrap.extend-support {
        width: inherit
    }

        .support-wrap.extend-support a {
            color: rgba(255,255,255,.4)
        }

            .support-wrap.extend-support a.split-line {
                border-left: 1px solid rgba(255,255,255,.2)
            }

            .support-wrap.extend-support a:hover {
                color: #fff
            }

            .support-wrap.extend-support a.select {
                color: #fff
            }

.extend-btn {
    background-color: rgba(0,0,0,.5);
    border: 1px solid rgba(151,151,151,.5)
}

.support-social {
    background-color: rgba(0,0,0,.5);
    border: 1px solid rgba(151,151,151,.5)
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}